From c462126d2eaf08e95c7bbb7f5db0a1a826356a75 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 28 十一月 2024 15:08:13 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei
---
h5/pages/workOrder/detail.vue | 480 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 480 insertions(+), 0 deletions(-)
diff --git a/h5/pages/workOrder/detail.vue b/h5/pages/workOrder/detail.vue
new file mode 100644
index 0000000..1b763a0
--- /dev/null
+++ b/h5/pages/workOrder/detail.vue
@@ -0,0 +1,480 @@
+<template>
+ <view>
+ <view class="main_info">
+ <view class="title">
+ <text>闃滃畞鏂囦綋涓績/A搴�/401</text>
+ <text class="status">寰呭鐞�</text>
+ </view>
+ <view class="desc">瑗胯竟璧板粖鐨勪竴涓《鐏潖浜嗭紝涓嶄寒闇�瑕佺淮淇タ杈�</view>
+ <view class="file_list">
+ <view class="file">
+
+ </view>
+ </view>
+ <view class="content">
+ <view class="line">
+ <view class="la">宸ュ崟绫诲瀷锛�</view>
+ <view class="val">1111</view>
+ </view>
+ <view class="line">
+ <view class="la">涓婃姤浜猴細</view>
+ <view class="val">1111</view>
+ </view>
+ <view class="line">
+ <view class="la">鑱旂郴鐢佃瘽锛�</view>
+ <view class="val">1111</view>
+ </view>
+ <view class="line">
+ <view class="la">涓婃姤鏃堕棿锛�</view>
+ <view class="val">1111</view>
+ </view>
+ <view class="line">
+ <view class="la">涓婇棬鏃堕棿锛�</view>
+ <view class="val">1111</view>
+ </view>
+ </view>
+ <view class="result_wrap">
+ <div class="title">澶勭悊缁撴灉</div>
+ <view class="file_list">
+ <view class="file">
+
+ </view>
+ </view>
+ <view class="content">
+ 宸叉洿鎹㈢伅娉″拰鐏僵宸叉洿鎹㈢伅娉″拰鐏僵宸叉洿鎹㈢伅
+ </view>
+ <view class="line">
+ <view class="la">澶勭悊浜猴細</view>
+ <view class="val">{{ 1111 }}</view>
+ </view>
+ <view class="line">
+ <view class="la">澶勭悊鏃堕棿锛�</view>
+ <view class="val">{{ 1111 }}</view>
+ </view>
+ </view>
+ </view>
+ <!-- -->
+ <view class="btns">
+ <view class="btn">
+ <image src="@/static/side/phoneed.png" class="icon"></image>
+ <text>涓婃姤浜�</text>
+ </view>
+ <view class="btn active" @click="isShowHandle = true">鍘诲鐞�</view>
+ </view>
+ <!-- -->
+ <u-popup :show="showUpload" @close="showUpload = false" closeOnClickOverlay>
+ <view class="sel_upload_wrap">
+ <view class="btn" @click="uploadImage">閫夋嫨鍥剧墖</view>
+ <view class="btn" @click="uploadVideo">閫夋嫨瑙嗛</view>
+ </view>
+ </u-popup>
+ <!-- -->
+ <!-- 宸ュ崟澶勭悊 -->
+ <u-popup :show="isShowHandle" :round="10" :safeAreaInsetBottom="true" mode="bottom" closeable @close="isShowHandle = false">
+ <view class="appr_modal">
+ <view class="title">宸ュ崟澶勭悊</view>
+ <view class="df_sb">
+ <view>澶勭悊鏃堕棿</view>
+ <view class="df_ac" @click="isShowHandleDate = true" v-if="handleParam.dealTime">
+ {{ handleParam.dealTime }}
+ <u-icon name="arrow-right"></u-icon>
+ </view>
+ <view @click="isShowHandleDate = true" v-else class="placeholder9 df_ac">
+ 璇烽�夋嫨
+ <u-icon name="arrow-right"></u-icon>
+ </view>
+ </view>
+
+ <view class="label">
+ <text>*</text>
+ 涓婁紶鍥剧墖/瑙嗛
+ </view>
+ <view class="upload_wrap">
+ <view class="adduser_list_item_ipt1_upload" @click="showUpload = true">
+ <u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon>
+ <view class="mt6">鍥剧墖/瑙嗛</view>
+ </view>
+ <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in dealFileList" :key="i">
+ <u-icon class="close" size="20" name="close-circle-fill" color="red"
+ @click="fileDel('dealBeforeFileList', i)"></u-icon>
+ <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
+ <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>
+ </view>
+ </view>
+
+ <view class="label">澶勭悊璇存槑</view>
+ <textarea v-model="handleParam.checkInfo" placeholder="璇峰～鍐欏鐞嗚鏄�" placeholder-class="placeholder9" />
+ <view class="back_footer">
+ <view class="btn" @click="isShowHandle = false">鍙栨秷</view>
+ <view class="btn agree" @click="onSubmit">鎻愪氦</view>
+ </view>
+ </view>
+ </u-popup>
+ <!-- -->
+ <u-datetime-picker :minDate="new Date().getTime()" :show="isShowHandleDate" @confirm="confirmHandleDate"
+ @cancel="isShowHandleDate = false" mode="datetime"></u-datetime-picker>
+ <!-- -->
+ </view>
+</template>
+
+<script>
+ import {
+ uploadUrl
+ } from '@/api'
+ import dayjs from 'dayjs';
+ export default {
+ data() {
+ return {
+ showUpload: false,
+ isShowHandle: false,
+ isShowHandleDate: false,
+ handleParam: {},
+ dealFileList: []
+ };
+ },
+ methods: {
+ onSubmit() {
+
+ },
+ callPhone() {
+ uni.makePhoneCall({
+ phoneNumber: '114' //浠呬负绀轰緥
+ });
+ },
+ confirmHandleDate(e) {
+ this.$set(this.handleParam, 'dealTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'));
+ this.isShowHandleDate = false;
+ },
+ fileDel(str, i) {
+ this[str].splice(i, 1);
+ },
+ uploadImage() {
+ this.showUpload = false;
+ let token = uni.getStorageSync('token') || '';
+ uni.chooseImage({
+ count: 4,
+ success: chooseImageRes => {
+ uni.showLoading({
+ title: '涓婁紶涓�',
+ mask: true
+ });
+ const tempFilePaths = chooseImageRes.tempFilePaths;
+ let imgs = tempFilePaths.map((value, index) => {
+ return {
+ name: 'file',
+ uri: value
+ };
+ });
+ uni.uploadFile({
+ url: `${uploadUrl}`,
+ files: imgs,
+ name: 'file',
+ formData: {
+ folder: 'HIDDEN_DANGER_FILE'
+ },
+ header: {
+ Dm_user_token: token
+ },
+ success: uploadFileRes => {
+ let res = JSON.parse(uploadFileRes.data);
+ if (res.data && res.data.length > 0) {
+ res.data.forEach(i => {
+ i.type = 0;
+ i.fileurl = i.imgaddr;
+ i.fileurlFull = i.url;
+ this.submitFileList.push(i);
+ });
+ }
+ },
+ fail(err) {
+ console.log('err', err);
+ },
+ complete() {
+ uni.hideLoading();
+ // if (i === chooseImageRes.tempFilePaths.length - 1) {
+ // uni.hideLoading()
+ // }
+ }
+ });
+ }
+ });
+ },
+ uploadVideo() {
+ this.showUpload = false;
+ let token = uni.getStorageSync('token') || '';
+ uni.chooseVideo({
+ success: chooseImageRes => {
+ uni.showLoading({
+ title: '涓婁紶涓�',
+ mask: true
+ });
+ uni.uploadFile({
+ url: `${uploadUrl}`,
+ filePath: chooseImageRes.tempFilePath,
+ header: {
+ Dm_user_token: token
+ },
+ name: 'file',
+ formData: {
+ folder: 'HIDDEN_DANGER_FILE'
+ },
+ success: uploadFileRes => {
+ let res = JSON.parse(uploadFileRes.data);
+ if (res.data && res.data.length > 0) {
+ res.data.forEach(i => {
+ i.type = 1;
+ i.fileurl = i.imgaddr;
+ i.fileurlFull = i.url;
+ this.submitFileList.push(i);
+ });
+ }
+ },
+ complete() {
+ uni.hideLoading();
+ }
+ });
+ }
+ });
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ page {
+ ::v-deep .u-toolbar {
+ border-top: 1rpx solid #cccccc;
+ }
+ }
+
+ .main_info {
+ padding: 0 30rpx;
+
+ .title {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ height: 90rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .status {
+ font-weight: 400;
+ font-size: 28rpx;
+ color: $primaryColor;
+ }
+ }
+
+ .file_list {
+ display: flex;
+ flex-wrap: wrap;
+
+ .file {
+ width: 156rpx;
+ height: 156rpx;
+ border-radius: 12rpx;
+ margin-right: 22rpx;
+ margin-bottom: 22rpx;
+
+ &:nth-of-type(4n) {
+ margin-right: 0;
+ }
+ }
+ }
+
+ .desc {
+ margin: 0rpx 0 30rpx;
+ }
+
+ .content {
+ margin-top: 8rpx;
+ padding: 24rpx 30rpx;
+ background: #F7F7F7;
+ border-radius: 12rpx;
+
+ .line {
+ display: flex;
+ margin-bottom: 20rpx;
+ color: #333333;
+
+ &:nth-last-child(1) {
+ margin-bottom: 0;
+ }
+
+ .la {
+ color: #666666;
+ width: 140rpx;
+ }
+ }
+ }
+
+ .result_wrap {
+ border-top: 20rpx solid #f7f7f7;
+ margin: 20rpx -30rpx 0;
+ padding: 0 30rpx;
+
+ .line {
+ margin-top: 30rpx;
+ height: 42rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .la {
+ color: #666666;
+ }
+ }
+ }
+ }
+
+ .btns {
+ position: fixed;
+ bottom: 68rpx;
+ left: 0;
+ width: 750rpx;
+ padding: 0 40rpx;
+ display: flex;
+ justify-content: space-between;
+
+ .btn {
+ width: 224rpx;
+ height: 88rpx;
+ background: #FFFFFF;
+ box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 104, 255, 0.3);
+ border-radius: 44rpx;
+ border: 2rpx solid $primaryColor;
+ color: $primaryColor;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 500;
+ font-size: 32rpx;
+
+ .icon {
+ width: 32rpx;
+ height: 32rpx;
+ margin-right: 6rpx;
+ }
+ }
+
+ .active {
+ flex: 1;
+ margin-left: 20rpx;
+ color: #fff;
+ background-color: $primaryColor;
+ }
+ }
+
+ .sel_upload_wrap {
+ width: 100%;
+ border-top: 1px solid #333333;
+ box-shadow: 0 1 1 #333333;
+
+ .btn {
+ height: 90rpx;
+ line-height: 90rpx;
+ text-align: center;
+ }
+ }
+
+ .appr_modal {
+ padding: 36rpx 30rpx 0;
+
+ .title {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ margin-bottom: 40rpx;
+ text-align: center;
+ }
+
+ .label {
+ text {
+ color: #ed4545;
+ }
+ }
+
+ .df_sb {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 90rpx;
+ border-bottom: 1rpx solid #e4e4e4;
+ margin-bottom: 30rpx;
+ }
+
+ .back_footer {
+ display: flex;
+
+ .btn {
+ flex: 1;
+ height: 88rpx;
+ line-height: 88rpx;
+ background: #ffffff;
+ border-radius: 44rpx;
+ border: 1rpx solid #999999;
+ font-size: 32rpx;
+ text-align: center;
+ margin: 16rpx 8rpx;
+ }
+
+ .agree {
+ background: $uni-color-primary;
+ color: #fff;
+ border: 1rpx solid $uni-color-primary;
+ }
+ }
+
+ textarea {
+ box-sizing: border-box;
+ width: 690rpx;
+ min-height: 200rpx;
+ background-color: #f7f7f7;
+ font-size: 28rpx;
+ color: #333333;
+ padding: 24rpx;
+ border-radius: 8rpx;
+ margin-bottom: 30rpx;
+ }
+
+ .upload_wrap {
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 30rpx;
+ }
+
+ .adduser_list_item_ipt1_upload {
+ margin-top: 24rpx;
+ width: 156rpx;
+ height: 156rpx;
+ margin-right: 24rpx;
+ border: 2rpx solid #e5e5e5;
+ background: #f7f7f7;
+ color: #666666;
+ font-size: 22rpx;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+
+ .close {
+ position: absolute;
+ right: -20rpx;
+ top: -20rpx;
+ z-index: 9999;
+ }
+
+ image {
+ width: 100%;
+ height: 100%;
+ }
+
+ video {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3