优化

董国庆

2025-02-28 fe7844b3cd3e68f8b272292859a7a4f7aeddc75f

优化

 H5/pages/work-detail/work-detail.vue

@@ -10,7 +10,8 @@
                <view class="flex a-center j-between mb-17">
                    <view class="tit">当前状态</view>
                    <!-- 延期状态 -->
                    <view v-if="orderInfo.status == 1" class="flex a-center" @click.stop="toDelayDetail()">
                    <view v-if="orderInfo.status == 1 &&userInfo.accountLevel > 1" class="flex a-center"
                        @click.stop="toDelayDetail()">
                        <image src="../../static/detailImg/explain.png" class="plainIcon shrink0"></image>
                        <view class="explain">延期情况说明</view>
                    </view>
@@ -244,7 +245,8 @@
                            </view>
                            <view class="context">{{ item.describe || '' }}</view>
                            <view class="proImg">
                                <view class="imgOrVedio" v-for="(ite, ind) in item.imgList" @click.stop="viewImage(ite)">
                                <view class="imgOrVedio" v-for="(ite, ind) in item.imgList"
                                    @click.stop="viewImage(ite)">
                                    <image :src="ite" class="img shrink0" mode="aspectFill">
                                    </image>
                                </view>
@@ -299,7 +301,8 @@
        </view>

        <!-- 上级显示 -->
        <view class="btnButtom" v-if="[0, 1, 2, 6].includes(orderInfo.status) && !isParty && orderInfo.auditButtonStatus == 1">
        <view class="btnButtom"
            v-if="[0, 1, 2, 6].includes(orderInfo.status) && !isParty && orderInfo.auditButtonStatus == 1">
            <view class="btnDown" @click.stop="toUp" v-if="userInfo.accountLevel > 1"
                :class="[2, 3].includes(userInfo.accountLevel) ? '' : 'partyUp'">问题上报</view>
            <view class="btnDown" @click.stop="toDown" v-if="userInfo.accountLevel < 4"
@@ -307,7 +310,8 @@
            <view class="btnAdd" @click="addProgress">添加办理进度</view>
            <view class="btnAdd" @click="resultEntery">办理结果录入</view>
        </view>
        <view class="btnButtom" v-if="[5, 7].includes(orderInfo.status) && !isParty && orderInfo.auditButtonStatus == 0">
        <view class="btnButtom"
            v-if="[5, 7].includes(orderInfo.status) && !isParty && orderInfo.auditButtonStatus == 0">
            <view class="cancel" @click.stop="showPop = true">驳回</view>
            <view class="sure" @click.stop="submitReSolve">审核通过</view>
        </view>
@@ -340,365 +344,435 @@
</template>

<script>
import dayjs from '@/uni_modules/uview-ui/libs/util/dayjs.js'
import {
    workOrderDetail,
    getUserInfo,
    reportAudit,
    delayAudit
} from './service.js'
export default {
    data() {
        return {
            id: "1", //工单详情ID
            orderInfo: {}, //工单详情
            problemVideos: [], //描述视频
            problemImg: [], //描述图片
            resultVideos: [], //结果描述视频
            resultImg: [], //结果描述图片
            progressesList: [], //诉求流转记录
            flowsList: [], //办理进度
    import dayjs from '@/uni_modules/uview-ui/libs/util/dayjs.js'
    import {
        workOrderDetail,
        getUserInfo,
        reportAudit,
        delayAudit
    } from './service.js'
    export default {
        data() {
            return {
                id: "1", //工单详情ID
                orderInfo: {}, //工单详情
                problemVideos: [], //描述视频
                problemImg: [], //描述图片
                resultVideos: [], //结果描述视频
                resultImg: [], //结果描述图片
                progressesList: [], //诉求流转记录
                flowsList: [], //办理进度

            showPop: false, //弹窗驳回
            rejectText: "", //驳回原因
                showPop: false, //弹窗驳回
                rejectText: "", //驳回原因

            scoreTopHeight: 0, //距离顶部多高
                scoreTopHeight: 0, //距离顶部多高

            userInfo: {}, //个人信息
            isParty: false, //这是党员
        };
    },
    onPageScroll(e) {
        this.scoreTopHeight = e.scrollTop

    },
    filters: {
        formatTime(val) {
            if (!val) return ''
            return dayjs(val).format('YYYY-MM-DD HH:mm:ss')
        }
    },
    onShow() {
        // alert(uni.getStorageSync('token'))
        this.getDetailInfo()
    },
    onLoad(params) {
        if (params.id) {
            this.id = params.id
        }

        getUserInfo().then(res => {
            if (res.data == null || res.data.accountLevel == 5) {
                this.isParty = true
            }
            this.userInfo = {
                ...res.data
            }
        })
    },
    methods: {
        open() { },
        close() { },
        viewImage(item) {
            uni.previewImage({
                urls: [item]
            })
                userInfo: {}, //个人信息
                isParty: false, //这是党员
            };
        },
        // 去大屏播放视频
        openVideo(url) {
            uni.navigateTo({
                url: `/pages/work-detail/maxVideo?url=${url}`
            })
        },
        // 获取订单详情信息
        getDetailInfo() {
            workOrderDetail({
                id: this.id
            }).then(res => {
                if (res.data.images) {
                    this.problemImg = res.data.images.split(',')
                }
                if (res.data.videos) {
                    this.problemVideos = res.data.videos.split(',')
                }
                if (res.data.completionImages) {
                    this.resultImg = res.data.completionImages.split(',')
                }
                if (res.data.completionVideos) {
                    this.resultVideos = res.data.completionVideos.split(',')
                }
                // 办理进度
                if (res.data.complaintProgresses && res.data.complaintProgresses.length > 0) {
                    this.progressesList = res.data.complaintProgresses.map((item) => {
                        return {
                            ...item,
                            imgList: item.imgUrl ? item.imgUrl.split(',') : [],
                            videoList: item.video ? item.video.split(',') : [],
                        }
                    })
                }
                // 诉求流转记录
                if (res.data.complaintFlows && res.data.complaintFlows.length > 0) {
                    this.flowsList = res.data.complaintFlows
                }
        onPageScroll(e) {
            this.scoreTopHeight = e.scrollTop

                this.orderInfo = {
        },
        filters: {
            formatTime(val) {
                if (!val) return ''
                return dayjs(val).format('YYYY-MM-DD HH:mm:ss')
            }
        },
        onShow() {
            // alert(uni.getStorageSync('token'))
            this.getDetailInfo()
        },
        onLoad(params) {
            if (params.id) {
                this.id = params.id
            }

            getUserInfo().then(res => {
                if (res.data == null || res.data.accountLevel == 5) {
                    this.isParty = true
                }
                this.userInfo = {
                    ...res.data
                }

            })
        },
        // 确认驳回
        submitReject() {
            if (!this.rejectText) {
                return uni.showToast({
                    duration: 1500,
                    title: '请输入驳回原因',
                    mask: true,
                    icon: 'none'
        methods: {
            open() {},
            close() {},
            viewImage(item) {
                uni.previewImage({
                    urls: [item]
                })
            }
            if (this.orderInfo.status == 5) { //上报
                reportAudit({
                    id: this.id,
                    auditResult: 2,
                    rejectReason: this.rejectText
            },
            // 去大屏播放视频
            openVideo(url) {
                uni.navigateTo({
                    url: `/pages/work-detail/maxVideo?url=${url}`
                })
            },
            // 获取订单详情信息
            getDetailInfo() {
                workOrderDetail({
                    id: this.id
                }).then(res => {
                    this.showPop = false
                    // this.getDetailInfo()
                    uni.showToast({
                        title: '操作成功',
                        icon: 'success',
                        mask: true
                    })
                    setTimeout(() => {
                        uni.navigateBack()
                    }, 1500)
                    if (res.data.images) {
                        this.problemImg = res.data.images.split(',')
                    }
                    if (res.data.videos) {
                        this.problemVideos = res.data.videos.split(',')
                    }
                    if (res.data.completionImages) {
                        this.resultImg = res.data.completionImages.split(',')
                    }
                    if (res.data.completionVideos) {
                        this.resultVideos = res.data.completionVideos.split(',')
                    }
                    // 办理进度
                    if (res.data.complaintProgresses && res.data.complaintProgresses.length > 0) {
                        this.progressesList = res.data.complaintProgresses.map((item) => {
                            return {
                                ...item,
                                imgList: item.imgUrl ? item.imgUrl.split(',') : [],
                                videoList: item.video ? item.video.split(',') : [],
                            }
                        })
                    }
                    // 诉求流转记录
                    if (res.data.complaintFlows && res.data.complaintFlows.length > 0) {
                        this.flowsList = res.data.complaintFlows
                    }

                    this.orderInfo = {
                        ...res.data
                    }

                })
            } else { //延期
                delayAudit({
                    complaintId: this.id,
                    auditResult: 2,
                    rejectReason: this.rejectText
                }).then(res => {
                    this.showPop = false
                    uni.showToast({
                        title: '操作成功',
                        icon: 'success',
                        mask: true
            },
            // 确认驳回
            submitReject() {
                if (!this.rejectText) {
                    return uni.showToast({
                        duration: 1500,
                        title: '请输入驳回原因',
                        mask: true,
                        icon: 'none'
                    })
                    // this.getDetailInfo()
                    setTimeout(() => {
                        uni.navigateBack()
                    }, 1500)
                })
            }
                }
                if (this.orderInfo.status == 5) { //上报
                    reportAudit({
                        id: this.id,
                        auditResult: 2,
                        rejectReason: this.rejectText
                    }).then(res => {
                        this.showPop = false
                        // this.getDetailInfo()
                        uni.showToast({
                            title: '操作成功',
                            icon: 'success',
                            mask: true
                        })
                        setTimeout(() => {
                            uni.navigateBack()
                        }, 1500)

        },
        // 确认通过审批
        submitReSolve() {
            if (this.orderInfo.status == 5) { //上报
                reportAudit({
                    id: this.id,
                    auditResult: 1,
                }).then(res => {
                    // this.getDetailInfo()
                    uni.showToast({
                        title: '操作成功',
                        icon: 'success',
                        mask: true
                    })
                    setTimeout(() => {
                        uni.navigateBack()
                    }, 1500)
                })
            } else { //延期
                delayAudit({
                    complaintId: this.id,
                    auditResult: 1,
                }).then(res => {
                    uni.showToast({
                        title: '操作成功',
                        icon: 'success',
                        mask: true
                } else { //延期
                    delayAudit({
                        complaintId: this.id,
                        auditResult: 2,
                        rejectReason: this.rejectText
                    }).then(res => {
                        this.showPop = false
                        uni.showToast({
                            title: '操作成功',
                            icon: 'success',
                            mask: true
                        })
                        // this.getDetailInfo()
                        setTimeout(() => {
                            uni.navigateBack()
                        }, 1500)
                    })
                    // this.getDetailInfo()
                    setTimeout(() => {
                        uni.navigateBack()
                    }, 1500)
                }

            },
            // 确认通过审批
            submitReSolve() {
                if (this.orderInfo.status == 5) { //上报
                    reportAudit({
                        id: this.id,
                        auditResult: 1,
                    }).then(res => {
                        // this.getDetailInfo()
                        uni.showToast({
                            title: '操作成功',
                            icon: 'success',
                            mask: true
                        })
                        setTimeout(() => {
                            uni.navigateBack()
                        }, 1500)
                    })
                } else { //延期
                    delayAudit({
                        complaintId: this.id,
                        auditResult: 1,
                    }).then(res => {
                        uni.showToast({
                            title: '操作成功',
                            icon: 'success',
                            mask: true
                        })
                        // this.getDetailInfo()
                        setTimeout(() => {
                            uni.navigateBack()
                        }, 1500)
                    })
                }
            },
            //延期申请
            applyOverTime() {
                uni.navigateTo({
                    url: `/pages/work-detail/postpone-apply?id=${this.id}`
                })
            }
        },
        //延期申请
        applyOverTime() {
            uni.navigateTo({
                url: `/pages/work-detail/postpone-apply?id=${this.id}`
            })
        },
        // 问题上报
        toUp() {
            uni.navigateTo({
                url: `/pages/problemReporting/problemReporting?id=${this.id}`
            })
        },
        // 问题下派
        toDown() {
            uni.navigateTo({
                url: `/pages/dispatchWorkOrder/dispatchWorkOrder?id=${this.id}`
            })
        },
        addProgress() {
            uni.navigateTo({
                url: `/pages/progress/progress?id=${this.id}`
            })
        },
        resultEntery() {
            uni.navigateTo({
                url: `/pages/result-entry/index?id=${this.id}`
            })
        },
        toProgressDetail() {
            uni.navigateTo({
                url: '/pages/progress/progress?type=1&id=' + this.id
            })
        },
        toDelayDetail() {
            uni.navigateTo({
                url: '/pages/delay/delay?type=1&id=' + this.id
            })
        },
            },
            // 问题上报
            toUp() {
                uni.navigateTo({
                    url: `/pages/problemReporting/problemReporting?id=${this.id}`
                })
            },
            // 问题下派
            toDown() {
                uni.navigateTo({
                    url: `/pages/dispatchWorkOrder/dispatchWorkOrder?id=${this.id}`
                })
            },
            addProgress() {
                uni.navigateTo({
                    url: `/pages/progress/progress?id=${this.id}`
                })
            },
            resultEntery() {
                uni.navigateTo({
                    url: `/pages/result-entry/index?id=${this.id}`
                })
            },
            toProgressDetail() {
                uni.navigateTo({
                    url: '/pages/progress/progress?type=1&id=' + this.id
                })
            },
            toDelayDetail() {
                uni.navigateTo({
                    url: '/pages/delay/delay?type=1&id=' + this.id
                })
            },
        }
    }
}
</script>
<style>
page {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 6%, #F8F8F8 100%);
}
    page {
        background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 6%, #F8F8F8 100%);
    }
</style>

<style lang="scss" scoped>
.topColor {
    height: 346rpx;
    background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 100%);
    // padding: 176rpx 27rpx 17rpx 27rpx;
}

.allContent {
    margin-top: -243rpx;
    padding: 0 31rpx 178rpx 31rpx;


    .topStatus {
        .status {
            font-weight: 600;
            font-size: 44rpx;
            color: #000000;
            line-height: 62rpx;
            margin-bottom: 15rpx;
        }

        .tit {
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.8);
            line-height: 38rpx;
            // margin-bottom: 17rpx;
        }

        .plainIcon {
            width: 36rpx;
            height: 36rpx;
        }

        .explain {
            font-weight: 600;
            font-size: 23rpx;
            color: rgba(0, 0, 0, 0.6);
            line-height: 33rpx;
            margin-left: 8rpx;
        }

        .overTimeIcon {
            width: 30.77rpx;
            height: 30.77rpx;
            margin-right: 15rpx;
        }

        .overTime {
            font-weight: 400;
            font-size: 23rpx;
            color: #FF4948;
            line-height: 33rpx;
        }

        .day {
            margin: -11rpx 12rpx 0 9rpx;
            background: #FFEAEA;
            border-radius: 19rpx;
            border: 2rpx solid #FF4948;
            padding: 4rpx 24rpx;
            font-weight: 600;
            font-size: 42rpx;
            color: #FF4948;
            line-height: 42rpx;
        }
    .topColor {
        height: 346rpx;
        background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 100%);
        // padding: 176rpx 27rpx 17rpx 27rpx;
    }

    .topMore {
        padding: 8rpx 31rpx;
        margin: 19rpx -31rpx 0 -31rpx;
        background: linear-gradient(270deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.14) 100%);
    .allContent {
        margin-top: -243rpx;
        padding: 0 31rpx 178rpx 31rpx;

        .name {
            font-weight: 600;
            font-size: 23rpx;
            color: rgba(0, 0, 0, 0.8);
            line-height: 33rpx;

        .topStatus {
            .status {
                font-weight: 600;
                font-size: 44rpx;
                color: #000000;
                line-height: 62rpx;
                margin-bottom: 15rpx;
            }

            .tit {
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.8);
                line-height: 38rpx;
                // margin-bottom: 17rpx;
            }

            .plainIcon {
                width: 36rpx;
                height: 36rpx;
            }

            .explain {
                font-weight: 600;
                font-size: 23rpx;
                color: rgba(0, 0, 0, 0.6);
                line-height: 33rpx;
                margin-left: 8rpx;
            }

            .overTimeIcon {
                width: 30.77rpx;
                height: 30.77rpx;
                margin-right: 15rpx;
            }

            .overTime {
                font-weight: 400;
                font-size: 23rpx;
                color: #FF4948;
                line-height: 33rpx;
            }

            .day {
                margin: -11rpx 12rpx 0 9rpx;
                background: #FFEAEA;
                border-radius: 19rpx;
                border: 2rpx solid #FF4948;
                padding: 4rpx 24rpx;
                font-weight: 600;
                font-size: 42rpx;
                color: #FF4948;
                line-height: 42rpx;
            }
        }

        .more {
            font-weight: 600;
            font-size: 23rpx;
            color: rgba(0, 0, 0, 0.6);
            line-height: 33rpx;
        .topMore {
            padding: 8rpx 31rpx;
            margin: 19rpx -31rpx 0 -31rpx;
            background: linear-gradient(270deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.14) 100%);

            .name {
                font-weight: 600;
                font-size: 23rpx;
                color: rgba(0, 0, 0, 0.8);
                line-height: 33rpx;
            }

            .more {
                font-weight: 600;
                font-size: 23rpx;
                color: rgba(0, 0, 0, 0.6);
                line-height: 33rpx;
            }

            .moreIcon {
                width: 19.23rpx;
                height: 19.23rpx;
                margin-left: 15rpx;
            }
        }

        .moreIcon {
            width: 19.23rpx;
            height: 19.23rpx;
            margin-left: 15rpx;
        .topMore1 {
            margin-top: 38rpx !important;
        }
    }

    .topMore1 {
        margin-top: 38rpx !important;
    }

    .card1 {
        margin-top: 21rpx;
        .card1 {
            margin-top: 21rpx;


        .topIcon {
            margin-top: 17rpx;
            width: 26.23rpx;
            height: 26.23rpx;
            .topIcon {
                margin-top: 17rpx;
                width: 26.23rpx;
                height: 26.23rpx;

            }

            .proLine {
                flex: 1;
                width: 4rpx;
                min-height: 50rpx;
                background: rgba(0, 0, 0, 0.06);
                border-radius: 3rpx;
            }

            .infoCard {
                flex: 1;
                background: #FFFFFF;
                box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
                padding: 13rpx 30.77rpx 19rpx 31rpx;
                border-radius: 27rpx;

                .label {
                    font-weight: 400;
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.88);
                    line-height: 77rpx;
                }

                .value {
                    max-width: 403rpx;
                    font-weight: 500;
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.88);
                    line-height: 77rpx;
                }
            }

        }

        .proLine {
            flex: 1;
            width: 4rpx;
            min-height: 50rpx;
            background: rgba(0, 0, 0, 0.06);
            border-radius: 3rpx;
        }

        .infoCard {
            flex: 1;
        .cardInfo {
            margin-top: 38.46rpx;
            background: #FFFFFF;
            box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
            padding: 13rpx 30.77rpx 19rpx 31rpx;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            border-radius: 8rpx;
            padding: 21rpx 31rpx 38rpx 31rpx;
            border-radius: 27rpx;
            background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);

            .title {
                font-weight: 600;
                font-size: 23rpx;
                color: rgba(0, 0, 0, 0.88);
                line-height: 33rpx;
                text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
            }

            .apply {
                font-weight: 600;
                font-size: 23rpx;
                color: #FF4948;
                line-height: 33rpx;
                margin-right: 15rpx;
            }

            .rightIcon {
                width: 19.23rpx;
                height: 19.23rpx;
            }

            .addressCard {
                margin: 33rpx 10rpx;
                padding: 33rpx 27rpx;
                background: linear-gradient(270deg, rgba(255, 241, 0, 0.5) 0%, rgba(255, 249, 172, 0.25) 48%, rgba(255, 255, 255, 0.2) 100%, #FFFFFF 100%);
                border-radius: 19rpx;
                display: flex;
                justify-content: space-between;

                .address {
                    font-weight: 500;
                    font-size: 27rpx;
                    color: #000000;
                    line-height: 38rpx;
                    text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
                }

                .addressIcon {
                    width: 23.08rpx;
                    height: 25.64rpx;
                }
            }

            .label {
                font-weight: 400;
@@ -714,290 +788,104 @@
                color: rgba(0, 0, 0, 0.88);
                line-height: 77rpx;
            }

        }

    }
        .problem {
            border-radius: 27rpx;
            margin-top: 38.46rpx;
            background: #FFFFFF;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            padding: 0 31rpx 34rpx 31rpx;

    .cardInfo {
        margin-top: 38.46rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        border-radius: 8rpx;
        padding: 21rpx 31rpx 38rpx 31rpx;
        border-radius: 27rpx;
        background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);

        .title {
            font-weight: 600;
            font-size: 23rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 33rpx;
            text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
        }

        .apply {
            font-weight: 600;
            font-size: 23rpx;
            color: #FF4948;
            line-height: 33rpx;
            margin-right: 15rpx;
        }

        .rightIcon {
            width: 19.23rpx;
            height: 19.23rpx;
        }

        .addressCard {
            margin: 33rpx 10rpx;
            padding: 33rpx 27rpx;
            background: linear-gradient(270deg, rgba(255, 241, 0, 0.5) 0%, rgba(255, 249, 172, 0.25) 48%, rgba(255, 255, 255, 0.2) 100%, #FFFFFF 100%);
            border-radius: 19rpx;
            display: flex;
            justify-content: space-between;

            .address {
                font-weight: 500;
            .title {
                padding-top: 34rpx;
                font-weight: 600;
                font-size: 27rpx;
                color: #000000;
                color: rgba(0, 0, 0, 0.88);
                line-height: 38rpx;
                text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
                margin-bottom: 27rpx;
            }

            .addressIcon {
                width: 23.08rpx;
                height: 25.64rpx;
            }
        }
            .desc {
                background: #F8F8F8;
                // box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
                border-radius: 8rpx;
                padding: 29rpx 0 121rpx 0;

        .label {
            font-weight: 400;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 77rpx;
        }

        .value {
            max-width: 403rpx;
            font-weight: 500;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 77rpx;
        }

    }

    .problem {
        border-radius: 27rpx;
        margin-top: 38.46rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        padding: 0 31rpx 34rpx 31rpx;

        .title {
            padding-top: 34rpx;
            font-weight: 600;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 38rpx;
            text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
            margin-bottom: 27rpx;
        }

        .desc {
            background: #F8F8F8;
            // box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            border-radius: 8rpx;
            padding: 29rpx 0 121rpx 0;

            .top {
                padding: 0 31rpx;
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.8);
                line-height: 38rpx;
            }

            .line1 {
                margin: 27rpx 0;
                height: 2rpx;
                background: rgba(0, 10, 26, 0.07);
            }

            .context {
                padding: 0 31rpx;
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.8);
                line-height: 38rpx;
            }
        }

        .descPic {
            display: flex;
            flex-wrap: wrap;

            .picItem {
                margin-right: 15rpx;

                .img {
                    width: 140.38rpx;
                    height: 140.38rpx;
                    border-radius: 7.69rpx;
                }
            }
        }
    }

    .progress {
        border-radius: 27rpx;
        margin-top: 38.46rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        padding: 34rpx 31rpx;

        .title {
            font-weight: 600;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 38rpx;
            text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
            margin-bottom: 48rpx;
        }

        .proCard {
            .proItem {
                display: flex;
                padding-bottom: 46rpx;

                .proIcon {
                    width: 26.23rpx;
                    height: 26.23rpx;
                    margin: 10rpx 0;
                }

                .proLine {
                    flex: 1;
                    width: 4rpx;
                    min-height: 50rpx;
                    background: rgba(0, 0, 0, 0.06);
                    border-radius: 3rpx;
                }


                .name {
                    font-weight: 400;
                .top {
                    padding: 0 31rpx;
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.8);
                    line-height: 38rpx;
                }

                .time {
                    font-weight: 400;
                    font-size: 23rpx;
                    color: rgba(0, 0, 0, 0.4);
                    line-height: 33rpx;
                .line1 {
                    margin: 27rpx 0;
                    height: 2rpx;
                    background: rgba(0, 10, 26, 0.07);
                }

                .context {
                    padding: 0 31rpx;
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.8);
                    line-height: 38rpx;
                }
            }

                .proImg {
                    display: flex;
                    flex-wrap: wrap;
            .descPic {
                display: flex;
                flex-wrap: wrap;

                    .imgOrVedio {
                        margin-right: 17rpx;
                        position: relative;
                .picItem {
                    margin-right: 15rpx;

                        .videoImg {
                            width: 140.38rpx;
                            height: 140.38rpx;
                            border-radius: 7.69rpx;
                            margin-top: 19rpx;
                            position: relative;
                        }

                        .img {
                            width: 140rpx;
                            height: 140rpx;
                            border-radius: 8rpx;
                            margin-top: 19rpx;
                        }

                        .videoOpen {
                            position: absolute;
                            top: 10rpx;
                            left: 0;
                            z-index: 99;
                            width: 140rpx;
                            height: 140rpx;
                            border-radius: 8rpx;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            .video {
                                z-index: 999;
                                width: 140rpx;
                                height: 140rpx;
                            }
                        }
                    .img {
                        width: 140.38rpx;
                        height: 140.38rpx;
                        border-radius: 7.69rpx;
                    }
                }
            }
        }

            .proItem:last-child {
                .proLine {
                    display: none;
                }
        .progress {
            border-radius: 27rpx;
            margin-top: 38.46rpx;
            background: #FFFFFF;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            padding: 34rpx 31rpx;

            .title {
                font-weight: 600;
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.88);
                line-height: 38rpx;
                text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
                margin-bottom: 48rpx;
            }
        }
    }

    .careRequire {
        border-radius: 27rpx;
        margin-top: 38.46rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        padding: 34rpx 31rpx;
            .proCard {
                .proItem {
                    display: flex;
                    padding-bottom: 46rpx;

        .title {
            font-weight: 600;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 38rpx;
            text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
            margin-bottom: 38rpx;
        }
                    .proIcon {
                        width: 26.23rpx;
                        height: 26.23rpx;
                        margin: 10rpx 0;
                    }

        .proCard {
            .proItem {
                display: flex;
                    .proLine {
                        flex: 1;
                        width: 4rpx;
                        min-height: 50rpx;
                        background: rgba(0, 0, 0, 0.06);
                        border-radius: 3rpx;
                    }


                .proIcon {
                    width: 26.23rpx;
                    height: 26.23rpx;
                    margin: 23rpx 0 19rpx 0;
                }

                .proLine {
                    flex: 1;
                    width: 4rpx;
                    min-height: 50rpx;
                    background: rgba(0, 0, 0, 0.06);
                    border-radius: 3rpx;
                }

                .requireItem {
                    flex: 1;
                    background: #F9F9F9;
                    box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
                    border-radius: 8rpx;
                    padding: 31rpx;
                    margin-bottom: 46rpx;

                    .name {
                        font-weight: 400;
@@ -1013,286 +901,402 @@
                        line-height: 33rpx;
                    }

                    .opt1 {
                        color: rgba(0, 0, 0, 0.10) !important;
                    .context {
                        font-size: 27rpx;
                        color: rgba(0, 0, 0, 0.8);
                        line-height: 38rpx;
                    }

                    .proImg {
                        display: flex;
                        flex-wrap: wrap;

                        .imgOrVedio {
                            margin-right: 17rpx;
                            position: relative;

                            .videoImg {
                                width: 140.38rpx;
                                height: 140.38rpx;
                                border-radius: 7.69rpx;
                                margin-top: 19rpx;
                                position: relative;
                            }

                            .img {
                                width: 140rpx;
                                height: 140rpx;
                                border-radius: 8rpx;
                                margin-top: 19rpx;
                            }

                            .videoOpen {
                                position: absolute;
                                top: 10rpx;
                                left: 0;
                                z-index: 99;
                                width: 140rpx;
                                height: 140rpx;
                                border-radius: 8rpx;
                                display: flex;
                                align-items: center;
                                justify-content: center;

                                .video {
                                    z-index: 999;
                                    width: 140rpx;
                                    height: 140rpx;
                                }
                            }
                        }
                    }
                }



            }

            .proItem:last-child {
                .proLine {
                    display: none;
                .proItem:last-child {
                    .proLine {
                        display: none;
                    }
                }
            }
        }
    }

    .resultDesc {
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        margin-top: 27rpx;
        padding: 31rpx 31rpx 31rpx 27rpx;
        border-radius: 27rpx;
        .careRequire {
            border-radius: 27rpx;
            margin-top: 38.46rpx;
            background: #FFFFFF;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            padding: 34rpx 31rpx;

        .topInfo {
            background: rgba(252, 141, 85, 0.1);
            border-radius: 8rpx;
            padding: 19rpx 27rpx;

            .name {
                font-size: 23rpx;
                color: #000000;
                line-height: 33rpx;
                margin-right: 8rpx;
            .title {
                font-weight: 600;
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.88);
                line-height: 38rpx;
                text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
                margin-bottom: 38rpx;
            }

            .value {
                font-size: 23rpx;
                color: #000000;
                line-height: 33rpx;
            .proCard {
                .proItem {
                    display: flex;


                    .proIcon {
                        width: 26.23rpx;
                        height: 26.23rpx;
                        margin: 23rpx 0 19rpx 0;
                    }

                    .proLine {
                        flex: 1;
                        width: 4rpx;
                        min-height: 50rpx;
                        background: rgba(0, 0, 0, 0.06);
                        border-radius: 3rpx;
                    }

                    .requireItem {
                        flex: 1;
                        background: #F9F9F9;
                        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
                        border-radius: 8rpx;
                        padding: 31rpx;
                        margin-bottom: 46rpx;

                        .name {
                            font-weight: 400;
                            font-size: 27rpx;
                            color: rgba(0, 0, 0, 0.8);
                            line-height: 38rpx;
                        }

                        .time {
                            font-weight: 400;
                            font-size: 23rpx;
                            color: rgba(0, 0, 0, 0.4);
                            line-height: 33rpx;
                        }

                        .opt1 {
                            color: rgba(0, 0, 0, 0.10) !important;
                        }
                    }



                }

                .proItem:last-child {
                    .proLine {
                        display: none;
                    }
                }
            }
        }

        .title {
            font-weight: 600;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 38rpx;
            margin-top: 38rpx;
            margin-bottom: 27rpx;
        .resultDesc {
            background: #FFFFFF;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            margin-top: 27rpx;
            padding: 31rpx 31rpx 31rpx 27rpx;
            border-radius: 27rpx;

            .topInfo {
                background: rgba(252, 141, 85, 0.1);
                border-radius: 8rpx;
                padding: 19rpx 27rpx;

                .name {
                    font-size: 23rpx;
                    color: #000000;
                    line-height: 33rpx;
                    margin-right: 8rpx;
                }

                .value {
                    font-size: 23rpx;
                    color: #000000;
                    line-height: 33rpx;
                }
            }

            .title {
                font-weight: 600;
                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.88);
                line-height: 38rpx;
                margin-top: 38rpx;
                margin-bottom: 27rpx;
            }

            .context {
                padding: 25rpx 30rpx 29rpx 31rpx;

                font-size: 27rpx;
                color: rgba(0, 0, 0, 0.8);
                line-height: 38rpx;
            }


        }

        .context {
            padding: 25rpx 30rpx 29rpx 31rpx;

            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.8);
            line-height: 38rpx;
        }


    }
}

.descPic {
    display: flex;
    flex-wrap: wrap;
    .descPic {
        display: flex;
        flex-wrap: wrap;

    .picItem {
        margin-right: 15rpx;
        .picItem {
            margin-right: 15rpx;


        .img {
            .img {
                width: 140.38rpx;
                height: 140.38rpx;
                border-radius: 7.69rpx;
            }
        }

        .videoImg {
            width: 140.38rpx;
            height: 140.38rpx;
            border-radius: 7.69rpx;
            position: relative;
        }
    }

    .videoImg {
        width: 140.38rpx;
        height: 140.38rpx;
        border-radius: 7.69rpx;
        position: relative;
    }

    .videoOpen {
        position: absolute;
        top: 10rpx;
        left: 0;
        z-index: 99;
        width: 140rpx;
        height: 140rpx;
        border-radius: 8rpx;
        display: flex;
        align-items: center;
        justify-content: center;

        .video {
            z-index: 999;
        .videoOpen {
            position: absolute;
            top: 10rpx;
            left: 0;
            z-index: 99;
            width: 140rpx;
            height: 140rpx;
            border-radius: 8rpx;
            display: flex;
            align-items: center;
            justify-content: center;

            .video {
                z-index: 999;
                width: 140rpx;
                height: 140rpx;
            }
        }
    }
}

.noData {
    font-size: 27rpx;
    color: rgba(0, 0, 0, 0.40);
    line-height: 38rpx;
}

#myVideo {
    z-index: 1;
}

.btnButtom {
    z-index: 99;
    position: fixed;
    bottom: 0;
    width: 100vw;
    box-sizing: border-box;
    padding: 33rpx 31rpx;
    display: flex;
    background-color: #ffffff;
    justify-content: space-between;

    .cancel {
        background: #FFFFFF;
        border: 2rpx solid;
        box-shadow: 0 0 0 5px linear-gradient(270deg, rgba(252, 141, 85, 1), rgba(255, 73, 72, 1));
        border-image-slice: 1;
        border-radius: 38rpx;
    .noData {
        font-size: 27rpx;
        color: #FF4948;
        color: rgba(0, 0, 0, 0.40);
        line-height: 38rpx;
        padding: 19rpx 138rpx;
    }

    .sure {
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border-radius: 38rpx;
        font-size: 27rpx;
        color: #FFFFFF;
        line-height: 38rpx;
        padding: 19rpx 119rpx 19rpx 119rpx;
    #myVideo {
        z-index: 1;
    }

    .btnDown {
        background: #FFFFFF;
        border: 2rpx solid;
        box-shadow: 0 0 0 5px linear-gradient(270deg, rgba(252, 141, 85, 1), rgba(255, 73, 72, 1));
        border-image-slice: 1;
        border-radius: 38rpx;
        font-size: 27rpx;
        color: #FF4948;
        line-height: 38rpx;
        padding: 19rpx 13rpx;
    }

    .btnAdd {
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border-radius: 38rpx;
        font-size: 27rpx;
        color: #FFFFFF;
        line-height: 38rpx;
        padding: 19rpx 15rpx 19rpx 15rpx;
    }

    .partyUp {
        padding: 19rpx 52rpx !important;
    }

    .partyDown {
        padding: 19rpx 25rpx 19rpx 25rpx !important;
    }


}

.popup-content {
    background: url('/static/pop@2x.png') no-repeat center center;
    width: 576.92rpx;
    // height: 425rpx;
    border-radius: 19rpx;

    .title-pop {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 35rpx;
        color: rgba(0, 0, 0, 0.8);
        line-height: 35rpx;
        text-align: center;
        margin-top: 46.15rpx;
    }

    .pop-textArea {
        padding: 34rpx 44rpx 0 44rpx;

        ::v-deep .u-textarea {}

    }

    .pop-label {
        font-family: PingFang-SC, PingFang-SC;
        font-weight: 500;
        font-size: 31rpx;
        color: rgba(0, 0, 0, 0.6);
        margin-top: 46.15rpx;
        margin-left: 64.54rpx;
    }

    .pop-select {
        height: 77rpx;
        background: #FFFFFF;
        border-radius: 15rpx;
        border: 2rpx solid rgba(0, 0, 0, 0.15);
        margin-left: 61.54rpx;
        margin-top: 19.23rpx;
        margin-right: 61.54rpx;
    .btnButtom {
        z-index: 99;
        position: fixed;
        bottom: 0;
        width: 100vw;
        box-sizing: border-box;
        padding: 33rpx 31rpx;
        display: flex;
        background-color: #ffffff;
        justify-content: space-between;

        .cancel {
            background: #FFFFFF;
            border: 2rpx solid;
            box-shadow: 0 0 0 5px linear-gradient(270deg, rgba(252, 141, 85, 1), rgba(255, 73, 72, 1));
            border-image-slice: 1;
            border-radius: 38rpx;
            font-size: 27rpx;
            color: #FF4948;
            line-height: 38rpx;
            padding: 19rpx 138rpx;
        }

        .sure {
            background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
            border-radius: 38rpx;
            font-size: 27rpx;
            color: #FFFFFF;
            line-height: 38rpx;
            padding: 19rpx 119rpx 19rpx 119rpx;
        }

        .btnDown {
            background: #FFFFFF;
            border: 2rpx solid;
            box-shadow: 0 0 0 5px linear-gradient(270deg, rgba(252, 141, 85, 1), rgba(255, 73, 72, 1));
            border-image-slice: 1;
            border-radius: 38rpx;
            font-size: 27rpx;
            color: #FF4948;
            line-height: 38rpx;
            padding: 19rpx 13rpx;
        }

        .btnAdd {
            background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
            border-radius: 38rpx;
            font-size: 27rpx;
            color: #FFFFFF;
            line-height: 38rpx;
            padding: 19rpx 15rpx 19rpx 15rpx;
        }

        .partyUp {
            padding: 19rpx 52rpx !important;
        }

        .partyDown {
            padding: 19rpx 25rpx 19rpx 25rpx !important;
        }


    }

    .popup-content {
        background: url('/static/pop@2x.png') no-repeat center center;
        width: 576.92rpx;
        // height: 425rpx;
        border-radius: 19rpx;

        .title-pop {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 35rpx;
            color: rgba(0, 0, 0, 0.8);
            line-height: 35rpx;
            text-align: center;
            margin-top: 46.15rpx;
        }

        .pop-textArea {
            padding: 34rpx 44rpx 0 44rpx;

            ::v-deep .u-textarea {}

        }

        .pop-label {
            font-family: PingFang-SC, PingFang-SC;
            font-weight: 500;
            font-size: 31rpx;
            color: rgba(0, 0, 0, 0.6);
            margin-top: 46.15rpx;
            margin-left: 64.54rpx;
        }

        .pop-select {
            height: 77rpx;
            background: #FFFFFF;
            border-radius: 15rpx;
            border: 2rpx solid rgba(0, 0, 0, 0.15);
            margin-left: 61.54rpx;
            margin-top: 19.23rpx;
            margin-right: 61.54rpx;
            display: flex;
            align-items: center;
            padding-left: 30.77rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 31rpx;
            color: rgba(0, 0, 0, 0.24);
            cursor: pointer;
        }

        .botton-btn {
            display: flex;
            margin-top: 44.23rpx;
            justify-content: center;
            padding-bottom: 55rpx;
        }

        .cancle {
            width: 212rpx;
            height: 77rpx;
            border-radius: 48rpx;
            border: 2rpx solid rgba(0, 0, 0, 0.8);
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 32.69rpx;
            cursor: pointer;
        }

        .sure {
            width: 212rpx;
            height: 77rpx;
            background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
            border-radius: 48rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 27rpx;
            color: #FFFFFF;
            cursor: pointer;
        }
    }

    .preview-full {
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 30.77rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 31rpx;
        color: rgba(0, 0, 0, 0.24);
        cursor: pointer;
    }

    .botton-btn {
        display: flex;
        margin-top: 44.23rpx;
        justify-content: center;
        padding-bottom: 55rpx;
    }
        background-color: #000000;

    .cancle {
        width: 212rpx;
        height: 77rpx;
        border-radius: 48rpx;
        border: 2rpx solid rgba(0, 0, 0, 0.8);
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 27rpx;
        color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 32.69rpx;
        cursor: pointer;
        .maxVideo {
            width: 100%;
        }
    }

    .sure {
        width: 212rpx;
        height: 77rpx;
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border-radius: 48rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 27rpx;
        color: #FFFFFF;
        cursor: pointer;
    }
}

.preview-full {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000000;

    .maxVideo {
        width: 100%;
    }
}
</style>

 management/config/env.ts

@@ -1,7 +1,7 @@
export default {
  dev: {
    SERVER_URL: 'http://192.168.110.188:6194',
    // SERVER_URL: 'https://huacheng.psciio.com',
    // SERVER_URL: 'http://192.168.110.188:6194',
    SERVER_URL: 'https://huacheng.psciio.com',
  },
  test: {
    SERVER_URL: '',

 management/src/pages/setting/user/components/addAndEdit.jsx

@@ -128,7 +128,11 @@
    // 保存
    const okHandle = () => {
        form.validateFields().then((values) => {
            values.password = CryptoJS.MD5(values.password).toString();
            if(values.password){
                values.password = CryptoJS.MD5(values.password).toString();
            }else{
                delete values.password
            }
            if (values.DepartmentId) {
                values.oneDepartmentId = values.DepartmentId.length > 0 ? values.DepartmentId[0] : null
                values.twoDepartmentId = values.DepartmentId.length > 1 ? values.DepartmentId[1] : null
@@ -423,7 +427,7 @@
                                        // style={style}
                                        // onChange={onChange}
                                        // value={value}
                                        options={[{ value: 1, label: '否', }, { value: 2, label: '是', },
                                        options={[{ value: 0, label: '否', }, { value: 1, label: '是', },

                                        ]}
                                    />