按钮操作

anyangWebAPP/config/constData.config.js

@@ -112,7 +112,7 @@ export default {
 			imagePath: "../../static/icon_tosubmit.png",
 			imageBg: "#fe940a",
 			text: "待审转办", //WorkOrder/GetLDDealList
-			navigateToUrl: "/pages/workOrderList/workOrderList?workOrderListType=1&tab=0&state=&stingText=待审转办",
+			navigateToUrl: "/pages/myTask/workOrderList/workOrderList?workOrderListType=1&tab=0&state=&stingText=待审转办",
 		}, {
 			id: "9",
 			imagePath: "../../static/icon_unsuccessful.png",

anyangWebAPP/pages.json

@@ -130,6 +130,78 @@
             }
             
         }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_5/button_5",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "交办",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_18/button_18",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "重办",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_17/button_17",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "延时审核",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_23/button_23",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "派单",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_24/button_24",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "处理审核",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_12/button_12",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "退回申请",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_15/button_15",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "退回审核",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/myTask/workOrderList/workOrderDetail/buttons/components/button_22/button_22",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "强制结案",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",

anyangWebAPP/pages/myTask - 副本/myTask.vue

@@ -0,0 +1,287 @@
+<template>
+	<view>
+		<view class="uni-margin-wrap">
+			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
+				:duration="duration">
+				<swiper-item v-for="item in bannnerData" :key="item.id">
+					<image :src="item.imgPath" mode=""></image>
+				</swiper-item>
+			</swiper>
+		</view>
+
+		<view class="orderManage">
+			<view class="orderTit">
+				<image src="../../static/orderManage.png"></image>
+				<text>工单进度</text>
+			</view>
+
+			<view class="orderCon">
+				<view class="orderList" v-for="item in orderListData" :key="item.id" @click="workOrderListClick(item)">
+					<image :style="{ background: item.imageBg }" :src="item.imagePath" mode=""></image>
+					<text>{{ item.text }}</text>
+				</view>
+			</view>
+
+			<view class="orderTit" @click="changeStore" v-if="noticState">
+				<image style="background: #ff9600" src="/static/icon_noticefi.png"></image>
+				<text>公告通知</text>
+			</view>
+
+			<view class="notification">
+				<view class="notifiList" v-for="item in noticListData" :key="item.id">
+					<image :style="{ background: item.imageBg }" :src="item.imagePath" mode=""></image>
+					<view class="">
+						<text>{{ item.textTit }}</text>
+						<text>{{ item.textCon }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		mapGetters
+	} from "vuex"
+	import store from '@/store';
+
+
+
+	export default {
+		data() {
+			return {
+				indicatorDots: true,
+				autoplay: true,
+				interval: 2000,
+				noticState: false,
+				duration: 500,
+				bannnerData: [],
+				orderListData: [],
+				noticListData: [],
+			}
+		},
+		computed: {
+			...mapGetters(["State"]),
+		},
+		onLoad() {
+			this.init()
+			// 公告数据
+			//this.noticListData = this.$mConstDataConfig.noticListData
+		},
+		methods: {
+			init() {
+
+				// #ifdef APP-PLUS
+				let timer
+				timer = setInterval(() => {
+					plus.push.getClientInfoAsync((info) => {
+						let cid = info["clientid"];
+						if (cid) {
+							clearInterval(timer)
+							this.clienGet(cid) //获取cid 
+						}
+					});
+				}, 5000)
+				// #endif
+				//banner数据
+				this.bannnerData = this.$mConstDataConfig.bannnerData
+				this.getMenuPermissions() //获取用户权限
+
+			},
+
+			changeStore() {
+				this.$mStore.dispatch("STATE", 3)
+			},
+			workOrderListClick(item) {
+				uni.navigateTo({
+					url: item.navigateToUrl,
+				})
+			},
+
+			clienGet(cid) {
+
+				let apptype
+				if (plus.device.model.indexOf('iPhone') > -1) {
+					apptype = 2;
+				} else {
+					apptype = 1;
+				}
+				const params = {
+					apptype: apptype,
+					clientid: cid,
+					token: uni.getStorageSync("token"),
+				}
+				this.$http.get("PushMessage/PutAppClientIdAsync", params).then((response) => {
+						if (response.state.toLowerCase() === "success") {
+							let data = response.message
+						}
+
+					})
+					.catch((e) => {
+						console.log(e)
+					})
+
+			},
+
+			getMenuPermissions() {
+				let code = uni.getStorageSync("roleCode");
+				console.log(code)
+				// this.$http.get("InternalMessages/GetCount", {token: uni.getStorageSync("token")}).then((response) => {
+				// 		if (response.state.toLowerCase() === "success") {
+				// 			if(response.IsRead == 1) {
+				// 				uni.showTabBarRedDot({
+				// 				  index: 1
+				// 				})
+				// 			}else{
+				// 				uni.hideTabBarRedDot({
+				// 				  index: 1
+				// 				})
+				// 			}
+				// 		}
+				
+				// 	})
+				// 	.catch((e) => {
+				// 		console.log(e)
+				// 	})
+				/* 
+				GLY：管理员
+						SPZ：审批组
+						SPZJZ：审批质检组
+				WLDW：二级单位
+				EJWLDW：三级单位
+				DBZY：督办专员
+			  */
+				if (code === "GLY") {
+					this.orderListData = this.$mConstDataConfig.roleListData.supervisionList
+				} else if (code === "SPZ") {
+					this.orderListData = this.$mConstDataConfig.roleListData.approvalList
+				} else if (code === "SPZJZ") {
+					this.orderListData = this.$mConstDataConfig.roleListData.examinationApprovalList
+				} else if (code === "WLDW") {
+					this.orderListData = this.$mConstDataConfig.roleListData.secondaryUnitList
+				} else if (code === "EJWLDW") {
+					this.orderListData = this.$mConstDataConfig.roleListData.tertiaryUnitList
+				} else if (code === "DBZY" || code === "DBGLY") {
+					this.orderListData = this.$mConstDataConfig.roleListData.supervisorList
+				} else if (code == 'ZXHWY') {
+					this.orderListData = this.$mConstDataConfig.roleListData.returnVisitList
+				}
+			},
+		},
+	}
+</script>
+
+<style lang="scss">
+	.uni-margin-wrap {
+		width: 690rpx;
+		width: 100%;
+	}
+
+	.swiper {
+		height: 225px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.orderManage {
+		.orderTit {
+			margin-top: 15rpx;
+			width: 100%;
+			height: 80rpx;
+			line-height: 80rpx;
+			background: #ffffff;
+			display: flex;
+			border-bottom: 1rpx solid #eeeeee;
+
+			text {
+				font-size: 32rpx;
+			}
+
+			image {
+				width: 24rpx;
+				height: 24rpx;
+				padding: 8rpx;
+				border-radius: 12px;
+				background: #1972c2;
+				margin: 20rpx 10rpx 20rpx 26rpx;
+			}
+		}
+
+		.orderCon {
+			background: #ffffff;
+			display: flex;
+			flex-wrap: wrap;
+
+			.orderList {
+				width: 186rpx;
+				height: 206rpx;
+				text-align: center;
+				border-right: 2rpx solid #eeeeee;
+				border-bottom: 2rpx solid #eeeeee;
+
+				image {
+					width: 40rpx;
+					height: 40rpx;
+					margin: 0 auto;
+					display: block;
+					border-radius: 35rpx;
+					padding: 15rpx;
+					margin-top: 45rpx;
+				}
+
+				text {
+					font-size: 24rpx;
+					line-height: 60rpx;
+				}
+			}
+
+			.orderList:nth-child(4n + 4) {
+				border-right: none;
+			}
+
+			.orderList:last-child {
+				border-right: none;
+			}
+		}
+
+		.notification {
+			background: #ffffff;
+			margin-bottom: 100rpx;
+			display: flex;
+			flex-wrap: wrap;
+			border-bottom: 1rpx solid #eeeeee;
+
+			.notifiList {
+				width: 375rpx;
+				height: 172rpx;
+				padding: 46rpx 30rpx 46rpx 30rpx;
+				text-align: left;
+				border-right: 1rpx solid #eeeeee;
+				border-bottom: 1rpx solid #eeeeee;
+				box-sizing: border-box;
+				display: flex;
+
+				image {
+					width: 48rpx;
+					height: 48rpx;
+					box-sizing: border-box;
+					border-radius: 24rpx;
+					padding: 10rpx;
+					margin: 19rpx;
+				}
+
+				text {
+					font-size: 24rpx;
+					line-height: 30rpx;
+				}
+			}
+
+			.notifiList:nth-child(2n + 2) {
+				border-right: none;
+			}
+		}
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/buttons - 副本.vue

@@ -0,0 +1,300 @@
+<template>
+
+	<view>
+		<button class="mini-btn" type="default" size="mini" v-for="item in orderButtonData"
+			@click="callBtnMethods(item.eventName)" :key="item.id">
+			{{ item.text }}
+		</button>
+		<button class="mini-btn" type="default" size="mini" @click="superviseBtn" v-show="tap == '正在办理'">催办</button>
+		<button class="mini-btn" type="default" size="mini" @click="additionalReplyBtn" v-show="tap == '三级已办未果'">追加回复</button>
+		<!-- 弹框 -->
+		<view>
+			<uni-popup ref="inputDialog" type="dialog">
+				<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" @confirm="dialogInputConfirm">
+					<view style="width:100%;">
+						<uni-easyinput type="textarea" autoHeight v-model="cbreason" :placeholder="auditPlaceholder" />
+					</view>
+				</uni-popup-dialog>
+			</uni-popup>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			orderButtonData: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			wid: {
+				type: String,
+				default: ''
+			},
+			tap: {
+				type: String,
+				default: ''
+			}
+		},
+		watch: {
+			orderButtonData(val) {}
+		},
+		data() {
+			return {
+				workOrderButton: [], // 工单按钮权限
+				cbreason: '', //审核原因
+				auditPlaceholder: '请输入不通过审核原因'
+			}
+		},
+		onLoad(option) {
+			console.log(option)
+		},
+		methods: {
+			callBtnMethods(methodName) {
+				this[methodName]();
+			},
+			// 1查看
+			viewBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/viewWorkOrder/viewWorkOrder?wid=" + this.wid,
+				})
+			},
+			// 2编辑
+			editBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/editWorkOrder/editWorkOrder?wid=" + this.wid,
+				})
+			},
+			// 5交办
+			assignBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAssign/detailAssign?wid=" + this.wid +
+						"&assignState=transact",
+				})
+			},
+			//收回
+			takeBack() {
+				this.confirmationAPI("WorkOrder/TakeBackWorkOrder", "信息", "是否要收回", "取消了收回")
+			},
+			// 11查收
+			checkBtn() {
+				this.confirmationAPI("WorkOrder/ReceiveWorkOrder", "信息", "是否要查收", "取消了查收")
+			},
+			// 13 处理 
+			disposeBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/handleWordOrder/handleWordOrder?wid=" + this.wid,
+				})
+			},
+			// 14延时审核
+			applyDelayBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入申请延时原因'
+				this.$refs.inputDialog.open()
+			},
+			// 16回访
+			callbackBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailCallback/detailCallback?wid=" + this.wid,
+				})
+			},
+			// 17延时审核
+			delayAuditBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailDelayAudit/detailDelayAudit?wid=" + this.wid,
+				})
+			},
+			// 18重办
+			severelyPunishBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAssign/detailAssign?wid=" + this.wid +
+						"&assignState=again",
+				})
+			},
+			// 32驳回重办
+			rejectedRecreateBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入驳回重办原因'
+				this.$refs.inputDialog.open()
+			},
+			// 51审核通过
+			approvedBtn() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				uni.showModal({
+					title: '审核通过',
+					content: '是否审核通过',
+					success: (res) => {
+						if (res.confirm) {
+							this.toExamineWorkOrder(0, '')
+						} else if (res.cancel) {
+							uni.hideLoading()
+							this.$mHelper.toast('用户点击取消');
+						}
+					}
+				});
+			},
+			// 52审核不通过
+			auditFailedBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入不通过原因'
+				this.$refs.inputDialog.open()
+			},
+			// 53审核通过转办
+			auditPassTurnBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入审核通过并转办原因'
+				this.$refs.inputDialog.open()
+			},
+			// 58审核
+			auditWorkordeBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAudit/detailAudit?wid=" + this.wid,
+				})
+			},
+			// 59追加回复
+			additionalReplyBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAdditionalReply/detailAdditionalReply?wid=" + this.wid,
+				})
+			},
+			// 派单
+			sendOrdersBtn(){
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailReassignment/detailReassignment?wid=" + this.wid,
+				})
+			},
+			// 回退
+			rollbackBtn(){
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入回退原因'
+				this.$refs.inputDialog.open()
+			},
+			//转督办
+			turnSuperviseBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入转督办原因'
+				this.$refs.inputDialog.open()
+			},
+			//催办
+			superviseBtn(){
+				this.confirmationAPI("WorkOrder/Reminders", "信息", "是否要催办", "取消了催办")
+			},
+			//签收
+			signForBtn() {
+				this.confirmationAPI("WorkOrder/SignWorkOrder", "信息", "是否要签收", "取消了签收")
+			},
+			//处理审核
+			processAuditBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailProcessAudit/detailProcessAudit?wid=" + this.wid,
+				})
+			},
+			sendBackFirstBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入退回原因'
+				this.$refs.inputDialog.open()
+			},
+			// 审核通过确认框
+			dialogInputConfirm() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				// 关闭窗口后，恢复默认内容
+				this.$refs.inputDialog.close()
+				if (!this.cbreason) {
+					this.$mHelper.toast(this.auditPlaceholder)
+					return
+				}
+				if (this.auditPlaceholder === '请输入审核通过并转办原因') {
+					this.toExamineWorkOrder(2, '')
+				} else if (this.auditPlaceholder === '请输入不通过原因') {
+					uni.showModal({
+						title: '退回统计',
+						cancelText: '否',
+						confirmText: '是',
+						content: '是否退回统计',
+						success: (res) => {
+							if (res.confirm) {
+								console.log('是退回统计')
+								this.toExamineWorkOrder(1, 1)
+							} else if (res.cancel) {
+								console.log('否退回统计')
+								this.toExamineWorkOrder(1, 0)
+							}
+						}
+					});
+
+				} else if (this.auditPlaceholder === '请输入申请延时原因') {
+					const addParams = {reason: this.cbreason,workorderid:this.wid}
+					this.workOrderContent("WorkOrder/DelayWorkOrder", addParams)
+				} else if (this.auditPlaceholder === '请输入驳回重办原因') {
+					const addParams = {reason: this.cbreason,id: this.wid}
+					this.workOrderContent("WorkOrder/RejReloadWorkOrder",addParams)
+				} else if (this.auditPlaceholder === '请输入回退原因') {
+					const addParams = {backreason: this.cbreason,workorderid: this.wid}
+					this.workOrderContent("WorkOrder/ReturnWorkOrder",addParams)
+				}else if (this.auditPlaceholder === '请输入转督办原因') {
+					const addParams = {overseeopinion: this.cbreason,workorderid: this.wid,type: 1}
+					this.workOrderContent("WorkOrder/RemindWorkOrder",addParams)
+				}else if(this.auditPlaceholder === '请输入退回原因') {
+					const addParams = {reason: this.cbreason,workorderid: this.wid}
+					this.workOrderContent("WorkOrder/BackWorkOrder",addParams)
+				}
+			},
+
+			// 审核接口对接
+			toExamineWorkOrder(nexttype, statistics) {
+				const params = {
+					workorderid: this.wid,
+					nexttype: nexttype, // 0审核通过 1审核不通过 2审核通过转办
+					cbreason: this.cbreason,
+					statistics: statistics,
+					issms: 0,
+					token: uni.getStorageSync("token")
+				}
+				this.$mHelper.httpPost("WorkOrder/ToExamineWorkOrder",params,1)
+			},
+
+			// 确认框方法，带输入框
+			workOrderContent(url,addParams) {
+				const objParams = {
+					token: uni.getStorageSync("token"),
+				}
+				let params = Object.assign(addParams, objParams);
+				this.$mHelper.httpPost(url,params,1)
+				
+			},
+			//确认框方法
+			confirmationAPI(url, title, content, canceContent) {
+				uni.showModal({
+					title: title,
+					content: content,
+					success: (res) => {
+						if (res.confirm) {
+							const params = {
+								workorderid: this.wid,
+								token: uni.getStorageSync("token")
+							}
+							this.$mHelper.httpPost(url,params,1)
+						} else if (res.cancel) {
+							this.$mHelper.toast(canceContent);
+						}
+					}
+				})
+			},
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.mini-btn {
+		margin-right: 3px;
+		color: #fff;
+		background: #1e90ff;
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/buttons.vue

@@ -0,0 +1,324 @@
+<template>
+
+	<view>
+		<button class="mini-btn" type="default" size="mini" v-for="item in orderButtonData"
+			@click="callBtnMethods(item.key)" :key="item.key">
+			{{ item.value }}
+		</button>
+		<button class="mini-btn" type="default" size="mini" @click="superviseBtn" v-show="tap == '正在办理'">催办</button>
+		<button class="mini-btn" type="default" size="mini" @click="additionalReplyBtn" v-show="tap == '三级已办未果'">追加回复</button>
+		<!-- 弹框 -->
+		<view>
+			<uni-popup ref="inputDialog" type="dialog">
+				<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" @confirm="dialogInputConfirm">
+					<view style="width:100%;">
+						<uni-easyinput type="textarea" autoHeight v-model="cbreason" :placeholder="auditPlaceholder" />
+					</view>
+				</uni-popup-dialog>
+			</uni-popup>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			orderButtonData: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			wid: {
+				type: String,
+				default: ''
+			},
+			tap: {
+				type: String,
+				default: ''
+			}
+		},
+		watch: {
+			orderButtonData(val) {
+				console.log(this.orderButtonData)
+			}
+		},
+		data() {
+			return {
+				workOrderButton: [], // 工单按钮权限
+				cbreason: '', //审核原因
+				auditPlaceholder: '请输入不通过审核原因'
+			}
+		},
+		onLoad(option) {
+			console.log(option.orderButtonData)
+		},
+		methods: {
+			callBtnMethods(key) {
+				if(key == 3) { // 删除
+					this.confirmationAPI("WorkOrder/DelWorkOrder", "删除", "是否要删除", "取消了删除")
+				}else if(key == 4) { // 提交
+					this.confirmationAPI("WorkOrder/SubmitWorkOrder", "提交", "是否要提交", "取消了提交")
+				}else if(key == 10) { // 收回
+					this.confirmationAPI("WorkOrder/TakeBackWorkOrder", "收回", "是否要收回", "取消了收回")
+				}else if(key == 11) { // 查收
+					this.confirmationAPI("WorkOrder/ReceiveWorkOrder", "查收", "是否要查收", "取消了查收")
+				}else if(key == 25) { // 签收
+					this.confirmationAPI("WorkOrder/SignWorkOrder", "签收", "是否要签收", "取消了签收")
+				}else if(key == 27) { // 撤单
+					this.confirmationAPI("WorkOrder/WithdrawDWorkOrder", "撤单", "是否要撤单", "取消了撤单")
+				}else {
+					uni.navigateTo({
+						url: "/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_" + key + "/wid="+ this.wid,
+					})
+				}
+				
+			},
+			// 1查看
+			viewBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/viewWorkOrder/viewWorkOrder?wid=" + this.wid,
+				})
+			},
+			// 2编辑
+			editBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/editWorkOrder/editWorkOrder?wid=" + this.wid,
+				})
+			},
+			// 5交办
+			assignBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAssign/detailAssign?wid=" + this.wid +
+						"&assignState=transact",
+				})
+			},
+			//收回
+			takeBack() {
+				this.confirmationAPI("WorkOrder/TakeBackWorkOrder", "信息", "是否要收回", "取消了收回")
+			},
+			// 11查收
+			checkBtn() {
+				this.confirmationAPI("WorkOrder/ReceiveWorkOrder", "信息", "是否要查收", "取消了查收")
+			},
+			// 13 处理 
+			disposeBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/handleWordOrder/handleWordOrder?wid=" + this.wid,
+				})
+			},
+			// 14延时审核
+			applyDelayBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入申请延时原因'
+				this.$refs.inputDialog.open()
+			},
+			// 16回访
+			callbackBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailCallback/detailCallback?wid=" + this.wid,
+				})
+			},
+			// 17延时审核
+			delayAuditBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailDelayAudit/detailDelayAudit?wid=" + this.wid,
+				})
+			},
+			// 18重办
+			severelyPunishBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAssign/detailAssign?wid=" + this.wid +
+						"&assignState=again",
+				})
+			},
+			// 32驳回重办
+			rejectedRecreateBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入驳回重办原因'
+				this.$refs.inputDialog.open()
+			},
+			// 51审核通过
+			approvedBtn() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				uni.showModal({
+					title: '审核通过',
+					content: '是否审核通过',
+					success: (res) => {
+						if (res.confirm) {
+							this.toExamineWorkOrder(0, '')
+						} else if (res.cancel) {
+							uni.hideLoading()
+							this.$mHelper.toast('用户点击取消');
+						}
+					}
+				});
+			},
+			// 52审核不通过
+			auditFailedBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入不通过原因'
+				this.$refs.inputDialog.open()
+			},
+			// 53审核通过转办
+			auditPassTurnBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入审核通过并转办原因'
+				this.$refs.inputDialog.open()
+			},
+			// 58审核
+			auditWorkordeBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAudit/detailAudit?wid=" + this.wid,
+				})
+			},
+			// 59追加回复
+			additionalReplyBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailAdditionalReply/detailAdditionalReply?wid=" + this.wid,
+				})
+			},
+			// 派单
+			sendOrdersBtn(){
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailReassignment/detailReassignment?wid=" + this.wid,
+				})
+			},
+			// 回退
+			rollbackBtn(){
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入回退原因'
+				this.$refs.inputDialog.open()
+			},
+			//转督办
+			turnSuperviseBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入转督办原因'
+				this.$refs.inputDialog.open()
+			},
+			//催办
+			superviseBtn(){
+				this.confirmationAPI("WorkOrder/Reminders", "信息", "是否要催办", "取消了催办")
+			},
+			//签收
+			signForBtn() {
+				this.confirmationAPI("WorkOrder/SignWorkOrder", "信息", "是否要签收", "取消了签收")
+			},
+			//处理审核
+			processAuditBtn() {
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/components/detailProcessAudit/detailProcessAudit?wid=" + this.wid,
+				})
+			},
+			sendBackFirstBtn() {
+				this.cbreason = ''
+				this.auditPlaceholder = '请输入退回原因'
+				this.$refs.inputDialog.open()
+			},
+			// 审核通过确认框
+			dialogInputConfirm() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				// 关闭窗口后，恢复默认内容
+				this.$refs.inputDialog.close()
+				if (!this.cbreason) {
+					this.$mHelper.toast(this.auditPlaceholder)
+					return
+				}
+				if (this.auditPlaceholder === '请输入审核通过并转办原因') {
+					this.toExamineWorkOrder(2, '')
+				} else if (this.auditPlaceholder === '请输入不通过原因') {
+					uni.showModal({
+						title: '退回统计',
+						cancelText: '否',
+						confirmText: '是',
+						content: '是否退回统计',
+						success: (res) => {
+							if (res.confirm) {
+								console.log('是退回统计')
+								this.toExamineWorkOrder(1, 1)
+							} else if (res.cancel) {
+								console.log('否退回统计')
+								this.toExamineWorkOrder(1, 0)
+							}
+						}
+					});
+
+				} else if (this.auditPlaceholder === '请输入申请延时原因') {
+					const addParams = {reason: this.cbreason,workorderid:this.wid}
+					this.workOrderContent("WorkOrder/DelayWorkOrder", addParams)
+				} else if (this.auditPlaceholder === '请输入驳回重办原因') {
+					const addParams = {reason: this.cbreason,id: this.wid}
+					this.workOrderContent("WorkOrder/RejReloadWorkOrder",addParams)
+				} else if (this.auditPlaceholder === '请输入回退原因') {
+					const addParams = {backreason: this.cbreason,workorderid: this.wid}
+					this.workOrderContent("WorkOrder/ReturnWorkOrder",addParams)
+				}else if (this.auditPlaceholder === '请输入转督办原因') {
+					const addParams = {overseeopinion: this.cbreason,workorderid: this.wid,type: 1}
+					this.workOrderContent("WorkOrder/RemindWorkOrder",addParams)
+				}else if(this.auditPlaceholder === '请输入退回原因') {
+					const addParams = {reason: this.cbreason,workorderid: this.wid}
+					this.workOrderContent("WorkOrder/BackWorkOrder",addParams)
+				}
+			},
+
+			// 审核接口对接
+			toExamineWorkOrder(nexttype, statistics) {
+				const params = {
+					workorderid: this.wid,
+					nexttype: nexttype, // 0审核通过 1审核不通过 2审核通过转办
+					cbreason: this.cbreason,
+					statistics: statistics,
+					issms: 0,
+					token: uni.getStorageSync("token")
+				}
+				this.$mHelper.httpPost("WorkOrder/ToExamineWorkOrder",params,1)
+			},
+
+			// 确认框方法，带输入框
+			workOrderContent(url,addParams) {
+				const objParams = {
+					token: uni.getStorageSync("token"),
+				}
+				let params = Object.assign(addParams, objParams);
+				this.$mHelper.httpPost(url,params,1)
+				
+			},
+			//确认框方法
+			confirmationAPI(url, title, content, canceContent) {
+				uni.showModal({
+					title: title,
+					content: content,
+					success: (res) => {
+						if (res.confirm) {
+							let params = {
+								token: uni.getStorageSync("token")
+							}
+							if(title == '删除' || title == '提交') {
+								params.ids = this.wid
+							}else{
+								params.workorderid = this.wid
+							}
+							
+							this.$mHelper.httpPost(url,params,1)
+						} else if (res.cancel) {
+							this.$mHelper.toast(canceContent);
+						}
+					}
+				})
+			},
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.mini-btn {
+		margin-right: 3px;
+		color: #fff;
+		background: #1e90ff;
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/button_13/button_13.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailAdditionalReply/detailAdditionalReply.vue

@@ -0,0 +1,110 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="处理内容">
+					<view class="detailContent">{{detailContentData.F_Situation}}</view>
+				</uni-forms-item>
+
+				<uni-forms-item label="回复">
+					<uni-easyinput type="textarea" autoHeight v-model="valiFormData.replycount" placeholder="请输入回复内容"/>
+				</uni-forms-item>
+				
+				<uni-forms-item label="上传图片">
+					<upload @post-string-data="getImgData" :imgUrlList="imgUrlList"></upload>
+				</uni-forms-item>
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="Submit('valiForm')">提交</button>
+			</view>
+		</view>
+		
+	</view>
+	
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					replycount:'',
+					files:'',
+				},
+				imgList: [],
+				imgUrlList: [],
+				detailContentData:{}, //工单信息
+				// 校验规则
+				rules: {},
+			}
+		},
+		components:{
+			upload
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			
+		},
+		methods: {
+			
+			getDetail(type,id) {
+				
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrder",type,id,(res)=>{
+					if (type === "0") {
+					  this.detailContentData = res.data[0];
+					  this.detailContentData.F_Situation =res.bldata&&res.bldata[res.bldata.length - 1].F_Situation
+					}
+				})
+				
+			},
+			getImgData(data){
+				this.imgList = data
+			},
+			//提交
+			Submit(){
+				const params = {
+				  workorderid: this.valiFormData.workorderid,
+				  replycount: this.valiFormData.replycount,
+				  files:this.$mHelper.getImgString(this.imgList),
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost("WorkOrder/ReplyWorkOrder",params,2)
+				
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .uniFilePicker{
+	  padding-top: 5px;
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailAssign/detailAssign.vue

@@ -0,0 +1,210 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="工单内容">
+					<view class="detailContent" v-model="valiFormData.content">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="紧急程度" required name="leave">
+					<uni-data-select v-model="valiFormData.leave" :localdata="levelData" @change="changeLeave" />
+				</uni-forms-item>
+				<uni-forms-item label="办理时限" required name="limittime" v-show="valiFormData.leave===1">
+					<uni-data-select v-model="valiFormData.limittime" :localdata="limittimeData" @change="changeLimittime" />
+				</uni-forms-item>
+				<uni-forms-item label="紧急办理时限" required name="limittimes" v-show="valiFormData.leave===2">
+					<uni-datetime-picker v-model="valiFormData.limittimes"/>
+				</uni-forms-item>
+				<uni-forms-item label="是否短信提醒" required name="isms" >
+					<uni-data-select v-model="valiFormData.isms" :localdata="ismsData"/>
+				</uni-forms-item>
+				<uni-forms-item label="承办单位" required name="maindeptid">
+					<depart-select @post-select-data = "postSelectData"></depart-select>
+				</uni-forms-item>
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm')">提交</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue'
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					maindeptid: '', //承办单位
+					leave:'',	//紧急程度
+					limittime: 5, //办理时限
+					limittimes: '', //紧急办理时限
+					assignedopinion: '', //交办意见
+					state: 1, // 0保存，1保存并提交
+					content: '',
+					isms: '',
+				},
+				assignState:'',
+				detailContentData:{}, //工单信息
+				limittimeData:[{
+					value:5,
+					text:'五个工作日'
+				},{
+					value:1,
+					text:'一个工作日'
+				},{
+					value:7,
+					text:'七个工作日'
+				}],
+				limittimes:'',
+				levelData: [{
+					value:1,
+					text:'普通'
+				},{
+					value:2,
+					text:'紧急'
+				}],
+				ismsData:[{
+					value: 0,
+					text:'否'
+				},{
+					value: 1,
+					text:'是'
+				}],
+				// 校验规则
+				rules: {
+					leave: {
+						rules: [{
+							required: true,
+							errorMessage: '紧急程度不能为空'
+						}]
+					},
+					maindeptid: {
+						rules: [{
+							required: true,
+							errorMessage: '承办单位不能为空'
+						}]
+					},
+					isms: {
+						rules: [{
+							required: true,
+							errorMessage: '短信提醒不能为空'
+						}]
+					}
+					
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			this.assignState = option.assignState
+			// 获取详情
+			this.getDetail("0",option.wid);
+		},
+		methods: {
+			postSelectData(data) {
+				this.valiFormData.maindeptid = data
+			},
+			changeLeave(e){
+				// 1是普通,2是紧急
+				this.valiFormData.leave = e
+				if(e){
+					e===1?this.valiFormData.limittimes = '':this.valiFormData.limittime = 5
+					e===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+				}
+				
+			},
+			changeLimittime(e){
+				console.log(e)
+			},
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrderNew",type,id,(res)=>{
+					if (type === "0") {
+						this.detailContentData = res.data[0];
+						this.valiFormData.content = res.data[0].F_ComContent
+						this.valiFormData.leave = Number(res.data[0].F_Level)
+						this.valiFormData.leave===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+					}
+				})
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					if(this.assignState ==="again"){
+						 this.postAssignAPI("WorkOrder/NewReloadWorkOrder")
+					}else if(this.assignState ==='transact'){
+						this.postAssignAPI("WorkOrder/AssignWorkOrderNew")
+					}					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			
+			//交办接口
+			postAssignAPI(url){
+				
+				if(this.valiFormData.leave ===1 ){
+					if(!this.valiFormData.limittime){
+						this.$mHelper.toast("请选择办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittime +
+					"个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				} else if(this.valiFormData.leave ===2 ){
+					if(!this.valiFormData.limittimes){
+						this.$mHelper.toast("请选择紧急办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittimes +
+					"内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				}else{
+					this.$mHelper.toast("请选择紧急程度");
+					return
+				}
+				const params = {
+				  workorderid: this.valiFormData.workorderid,
+				  maindeptid: this.valiFormData.maindeptid, // 单位
+				  limittime: this.valiFormData.limittime, // 办理时限
+				  limittimes: this.valiFormData.limittimes, // 紧急办理时限
+				  assignedopinion: this.valiFormData.assignedopinion, // 交办意见
+					isms:this.valiFormData.isms, // 是否短信提醒
+				  state: this.valiFormData.state, // 0保存，1保存并提交
+				  content: this.valiFormData.content, // 工单内容
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost(url,params,2)
+				
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+				width: 80%;
+		}
+		.uni-date{
+			width: 80%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailAudit/detailAudit.vue

@@ -0,0 +1,103 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="审核状态" name="state" required>
+					<uni-data-select v-model="valiFormData.state" :localdata="stateData" />
+				</uni-forms-item>
+
+				<uni-forms-item label="审核原因" required name="cbreason">
+					<uni-easyinput type="textarea" autoHeight v-model="valiFormData.cbreason" placeholder="请输入审核原因"/>
+				</uni-forms-item>
+				
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm')">提交</button>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					state:1, //审核意见
+					cbreason:'',
+				},
+				stateData:[
+					{value:1,text:'同意'},
+					{value:0,text:'拒绝'}
+				],
+				// 校验规则
+				rules: {
+					state:{
+						rules:[{
+							required:true,
+							errorMessage:'审核状态不能为空'
+						}]
+					},
+					cbreason: {
+						rules: [{
+							required: true,
+							errorMessage: '审核原因不能为空'
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+		},
+		methods: {
+			submit(ref,state) {
+				this.$refs[ref].validate().then(res => {
+					if(this.valiFormData.state===""){
+						this.$mHelper.toast("审核状态不能为空");
+						return
+					}
+					if(!this.valiFormData.cbreason){
+						this.$mHelper.toast("审核原因不能为空");
+						return
+					}
+					const params = {
+					  workorderid: this.valiFormData.workorderid,
+					  state: this.valiFormData.state, // 审核状态
+					  cbreason: this.valiFormData.cbreason, // 审核原因
+					  token: uni.getStorageSync("token"),
+					}
+					this.$mHelper.httpPost("WorkOrder/AuditWorkorders",params,2)
+					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+		}
+		
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailCallback/detailCallback.vue

@@ -0,0 +1,181 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="工单编号">
+					<view class="detailContent">{{detailContentData.F_WorkOrderId}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="工单内容">
+					<view class="detailContent">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="处理内容">
+					<view class="detailContent">{{F_Situation}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="来电号码">
+					<view class="detailContent">{{detailContentData.F_CusPhone}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="回访人">
+					<view class="detailContent" v-model="visituser">{{visituser}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="回访方式" name="typeId">
+					<uni-data-select v-model="valiFormData.typeId" :localdata="typeData" @change="changeType" />
+				</uni-forms-item>
+				<uni-forms-item label="回访结果">
+					<view style="display: flex;">
+						<uni-data-checkbox v-model="valiFormData.issatisfie" :localdata="issatisfieData" />
+					</view>
+					
+				</uni-forms-item>
+				<uni-forms-item label="回访内容">
+					<uni-easyinput type="textarea" autoHeight v-model="valiFormData.result" placeholder="请输入回访内容"/>
+				</uni-forms-item>
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="saveSubmit('valiForm')">保存</button>
+				<button type="warn" @click="reRunSubmit('valiForm')">提交重办</button>
+				<button type="warn" @click="alreadySubmit('valiForm')">已办未果</button>
+				<button type="warn" @click="settleSubmit('valiForm')">结案</button>
+			</view>
+		</view>
+		<!-- 提交重办弹框 -->
+		<view>
+			<uni-popup ref="inputDialog" type="dialog">
+				<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" @confirm="dialogInputConfirm">
+					<view style="width:100%;">
+						<uni-easyinput type="textarea" autoHeight v-model="cbreason" placeholder="请输入重办原因"/>
+					</view>
+				</uni-popup-dialog>
+			</uni-popup>
+		</view>
+		
+	</view>
+	
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					result:'',
+					typeId:0,
+					issatisfie:1,
+				},
+				cbreason:'', //重办内容
+				visituser:uni.getStorageSync('userName'),
+				F_Situation:'',
+				detailContentData:{}, //工单信息
+				typeData:[
+					{ value:0, text:'电话'},
+					{ value:1, text:'微信' },
+					{ value:2, text:'APP' },
+					{ value:3, text:'网站' },
+					{ value:4, text:'微博' },
+					{ value:5, text:'信箱' },
+				],
+				issatisfieData:[{
+					value:1,
+					text:'满意'
+				},{
+					value:2,
+					text:'基本满意'
+				},{
+					value:0,
+					text:'不满意'
+				}],
+				// 校验规则
+				rules: {},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			this.getDetail("4",option.wid);
+		},
+		methods: {
+			changeType(e){},
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrderNew",type,id,(res)=>{
+					if (type === "0") {
+					  this.detailContentData = res.data[0];
+					}else if(type === "4"){
+						this.F_Situation =res.bldata&&res.bldata[res.bldata.length - 1].F_Situation
+					}
+				})
+			},
+			//提交重办
+			reRunSubmit(){
+				this.$refs.inputDialog.open()
+			},
+			// 审核通过确认框
+			dialogInputConfirm() {
+				uni.showLoading({title: '加载中'})
+				// 关闭窗口后，恢复默认内容
+				this.$refs.inputDialog.close()
+				this.visitWorkOrderFun(1,1)
+			},
+			//保存回访记录
+			saveSubmit(){
+				this.visitWorkOrderFun(3,0)
+			},
+			//已办未果
+			alreadySubmit(){
+				this.visitWorkOrderFun(4,1)
+				
+			},
+			//结案
+			settleSubmit(){
+				this.visitWorkOrderFun(0,1)
+			},
+			//回访接口调用
+			visitWorkOrderFun(nexttype,state){
+				if(nexttype === 1 && this.cbreason === '') {
+					this.$mHelper.toast('请输入重办原因原因');
+					return
+				}
+				const params = {
+				  workorderid: this.valiFormData.workorderid,
+				  visituser: this.visituser, // 审核人
+				  nexttype: nexttype, //重办传1，默认结案0，保存回访3
+				  result: this.valiFormData.result, // 回访内容
+				  type: this.valiFormData.typeId, // 回访方式
+				  cbreason: this.cbreason, // 重办原因
+				  issatisfie: this.valiFormData.issatisfie, // 回访结果
+				  state: state, //state == undefined ? "" : state, //1改变状态，0保存
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost("WorkOrder/VisitWorkOrder",params,2)
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailDelayAudit/detailDelayAudit.vue

@@ -0,0 +1,117 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="原延时时间" required name="maindeptid">
+					<view class="detailContent">{{auditInfotData.F_OldTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="申请延时原因" required name="maindeptid">
+					<view class="detailContent">{{auditInfotData.F_Reason}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="申请延时时间" required name="limittime">
+					<view class="detailContent" v-model="valiFormData.newlimittime">{{valiFormData.newlimittime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="审核意见" required name="reason">
+					<uni-easyinput type="textarea" autoHeight v-model="valiFormData.reason" placeholder="请输入审核意见"/>
+				</uni-forms-item>
+				
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm',1)">同意</button>
+				<button type="warn" @click="submit('valiForm',2)">拒绝</button>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					reason: '', //审核意见
+					newlimittime:'',
+					state: 1, // 0保存，1保存并提交
+					delayid:'',
+				},
+				auditInfotData:{}, //审核信息
+				// 校验规则
+				rules: {
+					reason: {
+						rules: [{
+							required: true,
+							errorMessage: '审核原因不能为空'
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("2",option.wid);
+		},
+		methods: {
+			
+			getDetail(type,id) {
+				
+				this.$mHelper.httpGetDetail("/WorkOrder/GetAuditInfo",type,id,(res)=>{
+					if (type === "2") {
+					  this.auditInfotData = res[0]
+						this.auditInfotData.F_OldTime = res[0].F_OldTime.split(" ")[0]
+						this.valiFormData.newlimittime = res[0].F_NewTime.split(" ")[0]
+						this.valiFormData.delayid = res[0].F_Id
+						this.valiFormData.F_Reason = res[0].F_Reason
+					}
+				})
+			},
+			submit(ref,state) {
+				this.$refs[ref].validate().then(res => {
+					
+					const params = {
+					  workorderid: this.valiFormData.workorderid,
+					  reason: this.valiFormData.reason, // 审核原因
+					  newlimittime: this.valiFormData.newlimittime, // 审核时间
+					  state:state, // 来电内容
+					  delayid: this.valiFormData.delayid, // 工单内容
+					  token: uni.getStorageSync("token"),
+					}
+					this.$mHelper.httpPost("WorkOrder/AuditDelayWorkOrder",params,2)
+					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+
+			
+		}
+		
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailProcessAudit/detailProcessAudit.vue

@@ -0,0 +1,325 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<view class="detailContent" v-for="item in workOrderDealWithSecondLevelList" :key="item.F_Id">
+				<view class="contentTable">
+					<text class="contentTitle">承办人：</text>
+					<text class="contentText">{{ item.F_DealUser }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">联系方式：</text>
+					<text class="contentText">{{ item.F_DealUserContact }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">职务：</text>
+					<text class="contentText">{{ item.F_Duties }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">处理结果：</text>
+					<text class="contentText">{{ item.F_Situation }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">单位：</text>
+					<text class="contentText">{{ item.DeptName }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">办理结果：</text>
+					<text class="contentText">{{ item.F_Result }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">办理时间：</text>
+					<text class="contentText">{{ item.F_CreateTime }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">是/否向当事人反馈：</text>
+					<text
+						class="contentText">{{ item.F_IsProResult | dealWithIsProResultFilters }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">是否满意：</text>
+					<text
+						class="contentText">{{ item.F_IsSatisfied | dealWithIsSatisfiedFilters }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">审核领导：</text>
+					<text class="contentText">{{ item.F_AuditUser }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">附件：</text>
+					<view class="contentText">
+						<uni-file-picker readonly :value="getFileData(item.File)" :imageStyles="imageStyles" file-mediatype="image" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="btnClass" style="margin: 20px 0;">
+			<button type="warn" @click="editSubmit()" size="mini">修改</button>
+			<button type="warn" @click="agreeSubmit()" size="mini">同意</button>
+			<button type="warn" @click="refuseSubmit()" size="mini">拒绝</button>
+		</view>
+		<view class="detailContent">
+			<view class="contentTable">
+				<text class="contentTitle" style="font-size: 18px;">工单内容：</text>
+				<text class="contentText"  style="font-size: 17px;">{{ content}}</text>
+			</view>
+		</view>
+		<view>
+			<uni-popup ref="inputDialog" type="dialog">
+				<uni-popup-dialog ref="inputClose" mode="input" :title="title" @confirm="dialogInputConfirm" @close="close">
+					<view style="width:100%;">
+						<uni-easyinput type="textarea" autoHeight v-model="handleResult"/>
+						<upload @post-string-data="getImgData" :imgUrlList="imgUrlList" v-show=" title != '拒绝原因' "></upload>
+					</view>
+				</uni-popup-dialog>
+			</uni-popup>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				title: '',
+				workorderid: '',
+				clickImgState: 0,
+				workOrderDealWithSecondLevelList: [],
+				content: '',
+				handleResult: '',
+				imgid: '',
+				backid: 0,
+				imgUrlList: [],
+				imgList: [], //点击上传的的id
+				imgIdList: [], //不修改图片的id
+				imageStyles: {
+					width: 64,
+					height: 64,
+					border: {
+						radius: '20%'
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			
+		},
+		filters: {
+			dealWithIsProResultFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "否";
+						break;
+					case "1":
+						str = "是";
+						break;
+					case "2":
+						str = "已办未果";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			dealWithIsSatisfiedFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "未评价";
+						break;
+					case "1":
+						str = "满意";
+						break;
+					case "2":
+						str = "基本满意";
+						break;
+					case "3":
+						str = "不满意";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			}
+		},
+		methods: {
+			// 详情
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrder",type,id,(res)=>{
+					if (res.data[0].F_Content === "" || res.data[0].F_Content === null) {
+						this.content = res.data[0].F_ComContent
+					} else {
+						this.content = res.data[0].F_Content
+					}
+					this.backid = res.ejbldata[res.ejbldata.length - 1].F_Id
+					this.workOrderDealWithSecondLevelList.push(res.ejbldata[res.ejbldata.length - 1])
+				})
+			},
+			getImgData(data) {
+				this.clickImgState = 1
+				this.imgList = data
+			},
+			editSubmit() {
+				this.title = '修改办理结果'
+				this.$refs.inputDialog.open()
+				const params = {
+					workorderid: this.workorderid, // 工单id
+					token: uni.getStorageSync("token")
+				}
+				this.$http.get("WorkOrder/GetNewSecondDealInfo", params).then((response) => {
+					if (response.state.toLowerCase() === "success") {
+						this.handleResult = response.data[0].F_Result
+						if (response.data[0].File) {
+							response.data[0].File.forEach((v, n) => {
+								this.imgIdList.push(v.F_FileId)
+								//详情图片回显
+								this.imgUrlList.push({
+									url: v.F_FileUrl,
+									extname: v.F_FileType,
+									name: v.F_FileName,
+									id: v.F_FileId
+								})
+							})
+						}
+					}
+				}).catch((e) => {
+					console.log(e)
+				})
+			},
+			dialogInputConfirm() {
+				this.$refs.inputDialog.close()
+				if(this.title == '修改办理结果') {
+					if(this.clickImgState == 1) {
+						this.imgid = this.$mHelper.getImgString(this.imgList)
+					}else{
+						this.imgid = this.$mHelper.getImgString(this.imgIdList)
+					}
+					const params = {
+						workorderid: this.workorderid,
+						result: this.handleResult,
+						flies: this.imgid,
+						token: uni.getStorageSync("token")
+					}
+					this.$mHelper.httpPost("WorkOrder/EditDealWorkOrder",params,2)
+				}else if(this.title == '拒绝原因') {
+					if(!this.handleResult) {
+						this.$mHelper.toast('请输入拒绝原因');
+						return
+					}
+					const params = {
+						workorderid: this.workorderid,
+						reason: this.handleResult,
+						state: 2,
+						backid: this.backid,
+						token: uni.getStorageSync("token")
+					}
+					this.$mHelper.httpPost("WorkOrder/AuditSplitWorkOrder",params,2)
+				}
+				
+			},
+			close() {
+				this.handleResult = ''
+			},
+			//同意
+			agreeSubmit(){
+				const params = {
+					workorderid: this.workorderid,
+					state: 1,
+					backid: this.backid,
+					token: uni.getStorageSync("token")
+				}
+				this.$mHelper.httpPost("WorkOrder/AuditSplitWorkOrder",params,2)
+			},
+		  refuseSubmit() {
+				this.title = '拒绝原因'
+				this.$refs.inputDialog.open()
+			},
+			getFileData(fileData) {
+				let newFile = []
+				if (fileData && fileData.length > 0) {
+			
+					console.log(fileData)
+					fileData.forEach((element, index) => {
+						const obj = {}
+						obj.url = element.F_FileUrl
+						obj.extname = element.F_FileType.split('.')[1]
+						obj.name = element.F_FileName
+						newFile.push(obj);
+					});
+			
+				}
+				return newFile
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .uniFilePicker{
+	  padding-top: 5px;
+  }
+  .btnClass{
+	  display: flex;
+  }
+	.detailContent {
+		// margin: 15px 0 15px 0;
+	
+		.contentBlock {
+			margin: 18px 0 0 0;
+	
+			.title {
+				font-weight: 700;
+			}
+	
+			.content {
+				margin: 5px 0 5px 0;
+			}
+		}
+	
+		.contentTable {
+			margin: 0 0 5px 0;
+	
+			.contentTitle {
+				font-weight: 700;
+				font-size: 14px;
+			}
+	
+			.contentText {
+				color: #525252;
+				font-size: 14px;
+			}
+		}
+	}
+	// .uni-button{
+	// 	padding-left: 30px !important;
+	// 	padding-right: 30px !important;
+	// 	line-height: 2px !important;
+	// }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/detailReassignment/detailReassignment.vue

@@ -0,0 +1,180 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">				
+				<uni-forms-item label="工单编号">
+					<view class="detailContent" v-model="valiFormData.wid">{{detailContentData.F_WorkOrderId}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="受理时间">
+					<view class="detailContent" v-model="valiFormData.acceptTime">{{detailContentData.F_CreateTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="签收时间">
+					<view class="detailContent" v-model="valiFormData.signTime">{{jbdata.F_SureTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="来电人">
+					<view class="detailContent" v-model="valiFormData.callIn">{{detailContentData.F_CusName}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="联系电话">
+					<view class="detailContent" v-model="valiFormData.phone">{{detailContentData.F_CusPhone}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="秘密等级">
+					<view class="detailContent" v-model="valiFormData.level">{{detailContentData.F_IsProtect | levelFilters}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="地址">
+					<view class="detailContent" v-model="valiFormData.address">{{detailContentData.F_SourceAddress}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="内容摘要">
+					<view class="detailContent" v-model="valiFormData.content">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="派单意见">
+					<view class="detailContent" v-model="valiFormData.opinion">{{valiFormData.opinion}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="交办单位" required name="assignDep">
+					<depart-select @post-select-data = "postSelectData"></depart-select>
+				</uni-forms-item>
+				<uni-forms-item label="办理时限" required name="handleTime">
+					<view class="example-body">
+						<uni-datetime-picker type="date" :clear-icon="true" v-model="valiFormData.handleTime"  :end="endTime"/>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="Submit('valiForm')">提交</button>
+			</view>
+		</view>
+
+		
+	</view>
+	
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue' 
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '', // 工单编号
+					acceptTime: '', //受理时间
+					signTime: '', //签收时间
+					callIn: '', //来电人
+					phone: '', //联系人Department/GetDeptList
+					level: '', //秘密等级
+					content: '', //内容摘要
+					address: '', // 地址
+					opinion: '请认真调查处理并答复来电人,在5个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。', //派单意见
+					assignDep: '', //交办单位
+					handleTime:'' // 办理时限
+				},
+				startTime: '',
+				endTime:'',
+				deptData: [],
+				detailContentData: {},
+				jbdata: {},
+				// 校验规则
+				rules: {
+					assignDep: {
+						rules: [{
+							required: true,
+							errorMessage: '请选择交办单位'
+						}]
+					},
+					handleTime: {
+						rules: [{
+							required: true,
+							errorMessage: '请选择办理时限'
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			
+		},
+		filters: {
+			levelFilters(value) {
+				let str;
+				switch (value) {
+					case 0 :
+					 str = '普通'
+					 break;
+					default:
+					 str = '保密'
+					 break;					 
+				}
+				return str;
+			}
+		},
+		methods: {
+			// 详情
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrder",type,id,(res)=>{
+					if (type === "0") {
+						this.detailContentData = res.data[0];
+						if(res.jbdata.length > 0) {
+							this.jbdata = res.jbdata[0]
+						}
+						if(this.detailContentData.F_LimitTime) {
+							this.endTime = this.detailContentData.F_LimitTime.substring(0, 10)
+							this.valiFormData.handleTime = this.detailContentData.F_LimitTime.substring(0, 10)
+						}
+					}
+				})
+			},
+			postSelectData(data) {
+				this.valiFormData.assignDep = data
+			},
+			//提交
+			Submit(ref){
+				this.$refs[ref].validate().then(res => {
+					const params = {
+					  workorderid: this.valiFormData.workorderid, 
+					  maindeptid: this.valiFormData.assignDep,
+						assignedopinion: this.valiFormData.opinion,
+						assignid: 0,
+					  state:1,
+						limittime: this.valiFormData.handleTime,
+					  token: uni.getStorageSync("token"),
+					}
+					this.$mHelper.httpPost("/WorkOrder/SplitWorkOrder", params, 2, (res) => {})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .uniFilePicker{
+	  padding-top: 5px;
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/editWorkOrder/editWorkOrder.vue

@@ -0,0 +1,355 @@
+<template>
+	<view class="wrapper" style="background-color: #fff;">
+		<view class="form" style="padding: 15px;">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
+				<uni-forms-item label="标题" name="workOrderTitle" required>
+					<uni-easyinput v-model="formData.workOrderTitle" placeholder="请输入标题" />
+				</uni-forms-item>
+				<uni-forms-item label="内容" name="callContent" required>
+					<uni-easyinput type="textarea" v-model="formData.callContent" placeholder="请输入来电内容" />
+				</uni-forms-item>
+				<uni-forms-item label="处理方式" name="processingMethod">
+					<uni-data-checkbox v-model="formData.processingMethod" :localdata="processingMethod" />
+				</uni-forms-item>
+				<uni-forms-item label="办理内容" name="result" v-show="formData.processingMethod == 1">
+					<uni-easyinput type="textarea" v-model="formData.result" placeholder="请输入办理内容" />
+				</uni-forms-item>
+				<uni-forms-item label="姓名" name="name" required>
+					<uni-easyinput v-model="formData.name" placeholder="请输入姓名" />
+				</uni-forms-item>
+				<uni-forms-item label="性别" name="detailRsult">
+					<uni-data-checkbox v-model="formData.gender" :localdata="gender" />
+				</uni-forms-item>
+				<uni-forms-item label="来源" name="source" required>
+					<dic-value-select @post-select-data="postDicSourceData" :type="1" :valueInfo="formData.source"></dic-value-select>
+				</uni-forms-item>
+				<uni-forms-item label="来电号码" name="callerNumber" required>
+					<uni-easyinput v-model="formData.callerNumber" placeholder="请输入来电号码" />
+				</uni-forms-item>
+				<uni-forms-item label="联系电话" name="conphone" required>
+					<uni-easyinput v-model="formData.conphone" placeholder="请输入联系电话" />
+				</uni-forms-item>
+				<uni-forms-item label="类型" name="workOrderType" required>
+					<dic-value-select @post-select-data="postDicTypeData" :type="2" :valueInfo="formData.workOrderType"></dic-value-select>
+				</uni-forms-item>
+				<uni-forms-item label="保密程度" name="numberSecurityLevel">
+					<uni-data-checkbox v-model="formData.numberSecurityLevel" :localdata="numberSecurityLevel" />
+				</uni-forms-item>
+				<uni-forms-item label="事发区域" name="sourcearea">
+					<area-select @post-select-data="postSelectData" :showState='1' :valueInfo="formData.sourcearea"></area-select>
+				</uni-forms-item>
+				<uni-forms-item label="乡镇" name="township">
+					<area-select @post-select-data="postTownData" :townshipPid="townshipPid" :townInfo="formData.township"></area-select>
+				</uni-forms-item>
+				<uni-forms-item label="村" name="village">
+					<area-select @post-select-data="postVillageData" :villagePid="villagePid" :villageInfo="formData.village"></area-select>
+				</uni-forms-item>
+				</uni-forms-item>
+				<uni-forms-item label="详细地址" name="sourceaddress">
+					<uni-easyinput type="textarea" v-model="formData.sourceaddress" placeholder="请输入详细地址" />
+				</uni-forms-item>
+				<uni-forms-item label="附件">
+					<view class="example-body">
+						<upload :imgUrlList="imgUrlList" @post-string-data="getImgData"></upload>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+
+			<button type="primary" @click="formSubmit('valiForm')" class="btn">提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	import areaSelect from '@/pages/components/commonSelect/areaSelect/areaSelect.vue'
+	import dicValueSelect from '@/pages/components/commonSelect/dicValueSelect/dicValueSelect.vue'
+	export default {
+		components: {
+			upload,
+			areaSelect,
+			dicValueSelect
+		},
+		data() {
+			return {
+				wid: "", // 工单id
+				getFileState: 0, // 
+				imgUrlList: [], //编辑图片回显
+				imgList: [], //点击上传的的id
+				imgIdList: [], //不修改图片的id
+				clickImgState: 0,
+				formData: {
+					workOrderTitle: "", // 标题
+					callContent: "", // 来电内容
+					workOrderContent: "", // 工单内容
+					processingMethod: "", // 处理方式
+					result: "", // 办理内容
+					name: "", // 姓名
+					gender: "", // 性别
+					source: 0, // 来源
+					callerNumber: "", // 来电号码
+					conphone: "", //联系电话
+					workOrderType: 0, // 工单类型
+					responseCategory: "", // 反映类别
+					responseCategoryId: "", // 反映类别id
+					numberSecurityLevel: "", // 来电号码密级
+					emergencyLevel: 1,
+					sourcearea: 0, // 事发区域
+					township: 0, // 乡镇
+					village: 0, // 村
+					sourceaddress: "", // 详细地址
+					imgid: '',
+					keys: '',
+					departId: ''
+				},
+				townshipPid: 0,
+				villagePid: 0,
+				processingMethod: [{
+					text: '当即办理',
+					value: 1
+				}, {
+					text: '网络转办',
+					value: 0
+				}],
+				gender: [{
+					text: '女',
+					value: '1'
+				}, {
+					text: '男',
+					value: '0'
+				}],
+				numberSecurityLevel: [{
+					text: '保密',
+					value: 1
+				}, {
+					text: '普通',
+					value: 0
+				}],
+				// 校验规则
+				rules: {
+					workOrderTitle: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入标题'
+						}]
+					},
+					callContent: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入内容'
+						}]
+					},
+					name: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入姓名'
+						}]
+					},
+					callerNumber: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入来电号码'
+						}]
+					},
+					conphone: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入联系电话'
+						}]
+					},
+					source: {
+						rules: [{
+							validateFunction: function(rule, value, data, callback) {
+								if (value == 0) {
+									callback('请选择来源')
+								}
+								return true
+							}
+						}]
+					},
+					workOrderType: {
+						rules: [{
+							validateFunction: function(rule, value, data, callback) {
+								if (value == 0) {
+									callback('请选择类型')
+								}
+								return true
+							}
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.wid = option.wid;
+			this.simpleDetail('0', this.wid) // 获取详情
+		},
+		methods: {
+			// 图片
+			getImgData(data) {
+				this.clickImgState = 1
+				this.imgList = data
+			},
+			// 事件发源地
+			postSelectData(data) {
+				if (data) {
+					this.townshipPid = data
+					this.formData.sourcearea = data
+				} else {
+					this.townshipPid = 0
+					this.formData.sourcearea = 0
+				}
+			},
+			//镇
+			postTownData(data) {
+				if (data) {
+					this.villagePid = data
+					this.formData.township = data
+				} else {
+					this.villagePid = 0
+					this.formData.township = 0
+				}
+			},
+			//乡村
+			postVillageData(data) {
+				if (data) {
+					this.formData.village = data
+				} else {
+					this.formData.village = 0
+				}
+			},
+			//工单类型
+			postDicTypeData(data) {
+				this.formData.workOrderType = data
+			},
+			// 来源
+			postDicSourceData(data) {
+				this.formData.source = data
+			},
+			// 工单提交
+			formSubmit(ref) {
+				if(this.clickImgState == 1) {
+					this.formData.imgid = this.$mHelper.getImgString(this.imgList)
+				}else{
+					this.formData.imgid = this.$mHelper.getImgString(this.imgIdList)
+				}
+				this.$refs[ref].validate().then(res => {
+					const params = {
+						workorderid: this.wid,
+						cusname: this.formData.name, // 姓名
+						cussex: this.formData.gender, // 性别
+						cusphone: this.formData.callerNumber, // 电话
+						conphone: this.formData.conphone, //联系电话
+						title: this.formData.workOrderTitle, // 标题
+						content: this.formData.callContent, // 来电内容
+						workcontent: this.formData.callContent, // 工单内容
+						contsents: this.formData.callContent,
+						files: this.formData.imgid,
+						sourcearea: this.formData.sourcearea, // 事发区域
+						township: this.formData.township, // 乡镇
+						village: this.formData.village, // 村
+						sourceaddress: this.formData.sourceaddress, // 详细地址
+						source: this.formData.source, // 来源
+						business: "0",
+						result: this.formData.result, // 办理内容
+						type: this.formData.workOrderType, // 类型
+						isprotect: this.formData.numberSecurityLevel, //=(0普通1保密)
+						isresult: this.formData.processingMethod, // 办理方式
+						issubmit: 0, //=（0保存1保存并提交）
+						level: this.formData.emergencyLevel, //紧急程度
+						keys: this.formData.keys, // 放映类别
+						maindeptids: this.formData.departId, //部门
+						token: uni.getStorageSync("token"),
+					}
+					// console.log(params)
+					// return
+					this.$mHelper.httpPost("/WorkOrder/EditWorkOrder", params, 2, (res) => {})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			// 详情
+			simpleDetail(type, id) {
+				this.$mHelper.httpGetDetail("WorkOrder/GetWorkOrderNew", type, id, (res) => {
+					if (type === "0") {
+						console.log(res)
+						let data = res.data[0];
+						this.formData.name = data.F_CusName; // 姓名
+						this.formData.gender = data.F_CusSex; // 性别
+						this.formData.callerNumber = data.F_CusPhone; // 电话
+						this.formData.workOrderTitle = data.F_ComTitle; // 标题
+						this.formData.callContent = data.F_ComContent; // 来电内容
+						this.formData.sourceaddress = data.F_SourceAddress, // 详细地址
+						this.formData.result = data.F_Result; // 办理内容
+						this.formData.numberSecurityLevel = data.F_IsProtect // 保密程度
+						this.formData.processingMethod = data.F_IsResult // 处理方式
+						this.formData.source = data.F_InfoSource // 来源
+						this.formData.workOrderType = data.F_InfoType // 类型
+						this.formData.emergencyLevel = data.F_Level
+						if(data.F_SourceArea) {
+							this.townshipPid = data.F_SourceArea
+						}
+						if(data.F_Township) {
+							this.villagePid = data.F_Township
+						}
+						// 事发区域
+						this.formData.sourcearea = data.F_SourceArea 
+						this.formData.township = data.F_Township
+						this.formData.village = data.F_Village
+						this.formData.conphone = data.F_ConPhone // 联系电话
+						this.formData.keys = data.F_Key // 放映类别
+						this.formData.departId = data.F_DealDeptId == null ? '' : data.F_DealDeptId //部门
+						if (data.File) {
+							data.File.forEach((v, n) => {
+								this.imgIdList.push(v.F_FileId)
+								//详情图片回显
+								this.imgUrlList.push({
+									url: v.F_FileUrl,
+									extname: v.F_FileType,
+									name: v.F_FileName,
+									id: v.F_FileId
+								})
+							})
+						}
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.example-body {
+		padding: 10px;
+		padding-top: 0;
+	}
+
+	.custom-image-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.text {
+		font-size: 14px;
+		color: #333;
+	}
+
+	.item__label {
+		display: flex;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		flex-direction: row;
+		align-items: center;
+		width: 65px;
+		padding: 5px 0;
+		height: 36px;
+		width: 70px;
+		justify-content: flex-start;
+		float: left;
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/handleWordOrder/handleWordOrder.vue

@@ -0,0 +1,271 @@
+<template>
+	<view class="wrapper" style="background-color: #fff;">
+		<view class="form" style="padding: 15px;">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
+				<uni-forms-item label="承办人" name="undertaker" required>
+					<uni-easyinput v-model="formData.undertaker" placeholder="请输入承办人" />
+				</uni-forms-item>
+				<uni-forms-item label="职务" name="undertaker_position">
+					<uni-easyinput v-model="formData.undertaker_position" placeholder="请输入职务" />
+				</uni-forms-item>
+				<uni-forms-item label="联系方式" name="undertaker_phone" required>
+					<uni-easyinput v-model="formData.undertaker_phone" placeholder="请输入联系方式" />
+				</uni-forms-item>
+				<uni-forms-item label="审核领导" name="auditLeader" required>
+					<uni-easyinput v-model="formData.auditLeader" placeholder="请输入审核领导" />
+				</uni-forms-item>
+				<uni-forms-item label="职务" name="auditLeader_position" required>
+					<uni-easyinput v-model="formData.auditLeader_position" placeholder="请输入职务" />
+				</uni-forms-item>
+				<uni-forms-item label="联系方式" name="auditLeader_phone" required>
+					<uni-easyinput v-model="formData.auditLeader_phone" placeholder="请输入联系方式" />
+				</uni-forms-item>
+				<uni-forms-item label="处理结果" name="detailRsult" required>
+					<uni-easyinput type="textarea" v-model="formData.detailRsult" placeholder="请输入处理结果" maxlength="1000"/>
+				</uni-forms-item>
+				<uni-forms-item label="是否向当事人反馈" name="feedback" required>
+					<uni-data-checkbox v-model="formData.feedback" :localdata="isfeedback" />
+				</uni-forms-item>
+				<uni-forms-item label="不反馈原因" name="feedbackReason" v-if="formData.feedback == 0" required>
+					<uni-easyinput type="textarea" v-model="formData.feedbackReason" placeholder="请输入不反馈原因" />
+				</uni-forms-item>
+				<uni-forms-item label="是否满意" name="staisfied" v-if="formData.feedback == 1" required>
+					<uni-data-checkbox v-model="formData.staisfied" :localdata="isstaisfied" />
+				</uni-forms-item>
+				<uni-forms-item label="附件">
+					<view class="example-body">
+						<upload @post-string-data="getImgData" :imgUrlList="imgUrlList"></upload>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<button type="primary" @click="formSubmit('valiForm')">提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		
+		components: {upload},
+		data() {
+			return {
+				wid: "", // 工单id
+				stingText: '', // 菜单标题
+				simpleDetailStrStart: '',
+				imgList: [],
+				imgUrlList: [],
+				formData: {
+					undertaker: '',
+					undertaker_position: '',
+					undertaker_phone: '',
+					auditLeader: '',
+					auditLeader_position: '',
+					auditLeader_phone: '',
+					detailRsult: '',
+					feedback: 1,
+					feedbackReason: '',
+					imgid: '',
+					result: '',
+					staisfied: 0
+				},
+				isfeedback: [{
+					text: '是',
+					value: 1
+				}, {
+					text: '否',
+					value: 0
+				}],
+				isstaisfied: [{
+					text: '满意',
+					value: 1
+				}, {
+					text: '基本满意',
+					value: 2
+				}, {
+					text: '不满意',
+					value: 3
+				}],
+				// 校验规则
+				rules: {
+					undertaker: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入承办人'
+						}]
+					},
+					undertaker_phone: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入承办人联系方式'
+						}]
+					},
+					auditLeader: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导'
+						}]
+					},
+					auditLeader_position: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导职务'
+						}]
+					},
+					auditLeader_phone: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导联系方式'
+						}]
+					},
+					detailRsult: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入处理结果'
+						}]
+					},
+					feedback: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入是否向当事人反馈'
+						}]
+					}
+				},
+				// 附件样式
+				imageStyles: {
+					width: 64,
+					height: 64,
+					border: {
+						radius: '50%'
+					}
+				},
+				listStyles: {
+					// 是否显示边框
+					border: true,
+					// 是否显示分隔线
+					dividline: true,
+					// 线条样式
+					borderStyle: {
+						width: 1,
+						color: 'blue',
+						style: 'dashed',
+						radius: 2
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.wid = option.wid;
+			this.stingText = option.stingText;
+			this.simpleDetail()
+		},
+		methods: {
+			// 工单提交
+			formSubmit(ref) {
+				
+				if (!this.formData.detailRsult) {
+					this.$mHelper.toast('请输入办理结果');
+					return
+				}
+				if(this.formData.feedback == 1) {
+					if(!this.formData.staisfied) {
+						this.$mHelper.toast('请选择是否满意');
+						return
+					}
+					this.formData.feedbackReason = ''
+					
+				}else if(this.formData.feedback == 0){
+					if(!this.formData.feedbackReason) {
+						this.$mHelper.toast('请输入不反馈原因');
+						return
+					}
+					this.formData.staisfied = 0
+				}
+				this.$refs[ref].validate().then(res => {
+					const params = {
+						workorderid: this.wid, // 工单id
+						dealman: this.formData.undertaker, //承办人
+						dealcontact: this.formData.undertaker_phone, //联系方式
+						duties: this.formData.undertaker_position, //职务
+						AuditUser: this.formData.auditLeader, //审核领导
+						post: this.formData.auditLeader_position, //审核领导职务
+						auditContact: this.formData.auditLeader_phone, //审核领导联系方式
+						result:this.simpleDetailStrStart + this.formData.detailRsult ,
+						situation: this.formData.detailRsult, //处理情况
+						isproresult: this.formData.feedback, //处理结果
+						isstaisfied: this.formData.staisfied, // 满意选项
+						feedbackReason: this.formData.feedbackReason, //不反馈原因
+						files: this.$mHelper.getImgString(this.imgList),
+						state: 1,
+						token: uni.getStorageSync("token")
+					}
+					if(uni.getStorageSync("roleCode") == 'WLDW' ) {
+						this.$mHelper.httpPost("WorkOrder/FeedBackWorkOrder",params,2)
+					}else if(uni.getStorageSync("roleCode") == 'EJWLDW') {
+						this.$mHelper.httpPost("WorkOrder/DealWorkOrder",params,2)
+					}
+					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			getImgData(data){
+				this.imgList = data
+			},
+
+			// 详情
+			simpleDetail() {
+				let params = {
+					workorderid: this.wid, // 工单id
+					token: uni.getStorageSync("token")
+				}
+				this.$http.get("WorkOrder/GetWorkorderSimp", params).then((response) => {
+					if (response.state.toLowerCase() === "success") {
+						var data = response.data[0];
+						if(uni.getStorageSync("roleCode") == 'WLDW' ) {
+							this.simpleDetailStrStart = data.deptname + "于时间（" + this.$mHelper.CurentTimeType() + "）回复："
+						}
+					}
+				}).catch((e) => {
+					console.log(e)
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.example-body {
+		padding: 10px;
+		padding-top: 0;
+	}
+
+	.custom-image-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.text {
+		font-size: 14px;
+		color: #333;
+	}
+
+	.item__label {
+		display: flex;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		flex-direction: row;
+		align-items: center;
+		width: 65px;
+		padding: 5px 0;
+		height: 36px;
+		width: 70px;
+		justify-content: flex-start;
+		float: left;
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/buttons/components/template/index.vue

@@ -0,0 +1,74 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				<uni-forms-item label="姓名" required name="name">
+					<uni-easyinput v-model="valiFormData.name" placeholder="请输入姓名" />
+				</uni-forms-item>
+				<uni-forms-item label="年龄" required name="age">
+					<uni-easyinput v-model="valiFormData.age" placeholder="请输入年龄" />
+				</uni-forms-item>
+				<uni-forms-item label="自我介绍" name="introduction">
+					<uni-easyinput type="textarea" v-model="valiFormData.introduction" placeholder="请输入自我介绍" />
+				</uni-forms-item>
+			</uni-forms>
+			<button type="primary" @click="submit('valiForm')">提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					name: '',
+					age: '',
+					introduction: '',
+				},
+				// 校验规则
+				rules: {
+					name: {
+						rules: [{
+							required: true,
+							errorMessage: '姓名不能为空'
+						}]
+					},
+					age: {
+						rules: [{
+							required: true,
+							errorMessage: '年龄不能为空'
+						}, {
+							format: 'number',
+							errorMessage: '年龄只能输入数字'
+						}]
+					}
+				},
+			}
+		},
+		methods: {
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					console.log('success', res);
+					uni.showToast({
+						title: `校验通过`
+					})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		
+  }
+}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/viewWorkOrder/viewWorkOrder.vue

@@ -0,0 +1,910 @@
+<template>
+	<view class="wrapper">
+		<view>
+			<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text"
+				activeColor="#4cd964"></uni-segmented-control>
+			<view>
+				<view v-show="current === 0">
+					<view class="detailContent">
+						<view class="contentTable">
+							<text class="contentTitle">工单编号：</text>
+							<text class="contentText">{{ detailContentData.F_WorkOrderId }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">状态：</text>
+							<text
+								class="contentText">{{ detailContentData.F_WorkState | workStateFilters(detailContentData) }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">受理人：</text>
+							<text
+								class="contentText">{{ detailContentData.F_CreateUser | acceptPersonFilters(detailContentData) }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">处理方式：</text>
+							<text class="contentText">{{ detailContentData.F_IsResult | dealWithWayFilters }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">录入时间：</text>
+							<text class="contentText">{{ detailContentData.F_CreateTime }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">提交时间：</text>
+							<text class="contentText">{{ detailContentData.F_SubmitTime }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">办理时间：</text>
+							<text class="contentText">{{ detailContentData.F_DealTime }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">结案时间：</text>
+							<text class="contentText">{{ detailContentData.F_CloseTime }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">反映类型：</text>
+							<text class="contentText">{{ detailContentData.TypeName1 }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">紧急程度：</text>
+							<text class="contentText">{{ detailContentData.F_Level | levelFilters }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">反映类别：</text>
+							<text class="contentText">{{ detailContentData.KeyName }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">密级：</text>
+							<text class="contentText">{{ detailContentData.F_IsProtect | isProtectFilters }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">事件地址：</text>
+							<text class="contentText">{{ detailContentData.AreaName + ' - ' + detailContentData.Township + " " + detailContentData.F_SourceAddress  }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">办理单位：</text>
+							<text class="contentText">{{ detailContentData.deptname }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">处理结果：</text>
+							<text class="contentText">{{ detailContentData.F_Result }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">追加回复：</text>
+							<text class="contentText">{{ detailContentData.F_AdditionalReply }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">结案意见：</text>
+							<text class="contentText">{{ detailContentData.F_FinalOpinion }}</text>
+						</view>
+						<view class="contentTable">
+							<text class="contentTitle">附件：</text>
+							<view class="contentText">
+								<uni-file-picker readonly :value="detailContentData.File" :imageStyles="imageStyles"
+									file-mediatype="image" />
+							</view>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 1">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">二级办理单位</text>
+							<view class="content" v-for="item in twoAssignedInformation" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">交办时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理时限：</text>
+									<text class="contentText">{{ item.F_LimitTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">承办单位：</text>
+									<text class="contentText">{{ item.DeptName }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">交办意见：</text>
+									<text class="contentText">{{ item.F_AssignedOpinion }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+						<view class="contentBlock">
+							<text class="title">三级办理单位</text>
+							<view class="content" v-for="item in threeAssignedInformation" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">交办时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理时限：</text>
+									<text class="contentText">{{ item.F_LimitTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">承办单位：</text>
+									<text class="contentText">{{ item.DeptName }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">交办意见：</text>
+									<text class="contentText">{{ item.F_AssignedOpinion }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 2">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">工单驳回</text>
+							<view class="content" v-for="item in workOrderRejectedList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">退回人：</text>
+									<text class="contentText">{{ item.UserName }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">退回内容：</text>
+									<text class="contentText">{{ item.F_SuperOpinion }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">退回时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 3">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">二级单位办理情况</text>
+							<view class="content" v-for="item in workOrderDealWithSecondLevelList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">承办人：</text>
+									<text class="contentText">{{ item.F_DealUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">联系方式：</text>
+									<text class="contentText">{{ item.F_DealUserContact }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">职务：</text>
+									<text class="contentText">{{ item.F_Duties }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">处理结果：</text>
+									<text class="contentText">{{ item.F_Situation }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">单位：</text>
+									<text class="contentText">{{ item.DeptName }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理结果：</text>
+									<text class="contentText">{{ item.F_Result }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">是/否向当事人反馈：</text>
+									<text
+										class="contentText">{{ item.F_IsProResult | dealWithIsProResultFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">是否满意：</text>
+									<text
+										class="contentText">{{ item.F_IsSatisfied | dealWithIsSatisfiedFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">不反馈原因：</text>
+									<text class="contentText">{{ item.F_FeedbackReason }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导：</text>
+									<text class="contentText">{{ item.F_AuditUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导职务：</text>
+									<text class="contentText">{{ item.F_AuditPost }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导联系方式：</text>
+									<text class="contentText">{{ item.F_AuditContact }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">附件：</text>
+									<view class="contentText">
+										<uni-file-picker readonly :value="getFileData(item.File)"
+											:imageStyles="imageStyles" file-mediatype="image" />
+									</view>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">追加回复附件：</text>
+									<view class="contentText">
+										<uni-file-picker readonly :value="getFileData(item.Files)"
+											:imageStyles="imageStyles" file-mediatype="image" />
+
+									</view>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+						<view class="contentBlock">
+							<text class="title">三级单位办理情况</text>
+							<view class="content" v-for="item in workOrderDealWithThreeLevelList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">承办人：</text>
+									<text class="contentText">{{ item.F_DealUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">联系方式：</text>
+									<text class="contentText">{{ item.F_DealUserContact }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">职务：</text>
+									<text class="contentText">{{ item.F_Duties }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">处理结果：</text>
+									<text class="contentText">{{ item.F_Situation }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">单位：</text>
+									<text class="contentText">{{ item.DeptName }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理结果：</text>
+									<text class="contentText">{{ item.F_Result }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">办理时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">是/否向当事人反馈：</text>
+									<text
+										class="contentText">{{ item.F_IsProResult | dealWithIsProResultFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">是否满意：</text>
+									<text
+										class="contentText">{{ item.F_IsSatisfied | dealWithIsSatisfiedFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导：</text>
+									<text class="contentText">{{ item.F_AuditUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导职务：</text>
+									<text class="contentText">{{ item.F_AuditPost }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核领导联系方式：</text>
+									<text class="contentText">{{ item.F_AuditContact }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">附件：</text>
+									<view class="contentText">
+										<uni-file-picker readonly :value="getFileData(item.File)"
+											:imageStyles="imageStyles" file-mediatype="image" />
+									</view>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">追加回复附件：</text>
+									<view class="contentText">
+										<uni-file-picker readonly :value="getFileData(item.Files)"
+											:imageStyles="imageStyles" file-mediatype="image" />
+									</view>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 4">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">延时审核</text>
+							<view class="content" v-for="item in delayAuditList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">状态：</text>
+									<text class="contentText">{{ item.F_IsAudit | delayAuditFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">申请时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">申请原因：</text>
+									<text class="contentText">{{ item.F_Reason }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核时间：</text>
+									<text class="contentText">{{ item.F_AuditTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">审核意见：</text>
+									<text class="contentText">{{ item.F_RefuseReason }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 5">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">回访信息</text>
+							<view class="content" v-for="item in returnInformationList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">回访人：</text>
+									<text class="contentText">{{ item.F_VisitUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">回访方式：</text>
+									<text class="contentText">{{ item.F_Type | returnTypeFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">回访信息：</text>
+									<text class="contentText">{{ item.F_Result }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">回访结果：</text>
+									<text class="contentText">{{ item.F_IsSatisfie | returnIsSatisfieFilters }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">操作时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">回访号码：</text>
+									<text class="contentText">{{ item.F_Phone }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">重办原因：</text>
+									<text class="contentText">{{ item.F_Remark }}</text>
+								</view>
+								<!-- <view class="contentTable">
+                  <text class="contentTitle">录音：</text>
+                  <text class="contentText">{{ item.F_RefuseReason }}</text>
+                </view> -->
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 6">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">督办信息</text>
+							<view class="content" v-for="item in supervisoryInformationList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">转督办人：</text>
+									<text class="contentText">{{ item.F_CreateUser }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">督办原因：</text>
+									<text class="contentText">{{ item.F_Remark }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">督办人：</text>
+									<text class="contentText">{{ item.Supervisor }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">督办意见：</text>
+									<text class="contentText">{{ item.F_Content }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">督办时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+				<view v-show="current === 7">
+					<view class="detailContent">
+						<view class="contentBlock">
+							<text class="title">市民催办</text>
+							<view class="content" v-for="item in citizensCuiBanList" :key="item.F_Id">
+								<view class="contentTable">
+									<text class="contentTitle">催办内容：</text>
+									<text class="contentText">{{ item.F_Content }}</text>
+								</view>
+								<view class="contentTable">
+									<text class="contentTitle">催办时间：</text>
+									<text class="contentText">{{ item.F_CreateTime }}</text>
+								</view>
+							</view>
+							<yiLine>
+								<view></view>
+							</yiLine>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import yiLine from "@/components/yi-line/yi-line.vue"
+	import showFile from "@/components/showFile/index.vue"
+
+	export default {
+		components: {
+			yiLine,
+			showFile
+		},
+		data() {
+			return {
+				wid: "", // 工单编号
+				detailContentData: {}, // 详情内容
+				twoAssignedInformation: [], // 二级交办信息
+				threeAssignedInformation: [], // 三级交办信息
+				backAuditList: [], // 退回审核
+				workOrderRejectedList: [], // 工单驳回
+				workOrderDealWithSecondLevelList: [], // 二级办理情况
+				workOrderDealWithThreeLevelList: [], // 三级办理情况
+				delayAuditList: [], // 延时审核
+				returnInformationList: [], // 回访信息
+				supervisoryInformationList: [], // 督办信息
+				citizensCuiBanList: [], // 市民催办
+				imageStyles: {
+					width: 64,
+					height: 64,
+					border: {
+						radius: '20%'
+					}
+				},
+				listStyles: {
+					borderStyle: {
+						color: "#eee", // 边框颜色
+						width: "1px", // 边框宽度
+						style: "solid", // 边框样式
+						radius: "5px" // 边框圆角，不支持百分比
+					},
+					border: false, // 是否显示边框
+					dividline: true // 是否显示分隔线
+				},
+				current: 0,
+				items: ["工单信息", "交办信息", "工单驳回", "办理情况", "延时审核", "回访信息", "督办信息", "市民催办"],
+			}
+		},
+		onLoad(option) {
+			this.wid = option.wid
+			// 获取详情
+			this.getDetail("0")
+			// 获取交办信息
+			// this.getDetail("1")
+		},
+		methods: {
+			// 返回列表页
+			returnPage() {
+				uni.$emit("updateList", {})
+				uni.navigateBack({
+					delta: 2,
+				})
+			},
+
+			//获取详情
+			getDetail(type) {
+				let params = {
+					type: type,
+					workorderid: this.wid,
+					token: uni.getStorageSync("token"),
+				}
+				this.$http
+					.get("/WorkOrder/GetWorkOrderNew", params)
+					.then((response) => {
+						if (response.state.toLowerCase() === "success") {
+							let data = response.data
+							if (String(type) === "0") {
+								this.detailContentData = Object.assign({}, data.data[0])
+								if(!this.detailContentData.AreaName) {
+									this.detailContentData.AreaName = ''
+								}
+								if(!this.detailContentData.Township) {
+									this.detailContentData.Township = ''
+								}
+								this.detailContentData.File = this.getFileData(this.detailContentData.File)
+							} else if (String(type) === "1") {
+								this.twoAssignedInformation = data.jbdata;
+								this.threeAssignedInformation = data.ejjbdata;
+								this.backAuditList = data.thdata;
+							}
+							else if (String(type) === "3") {
+								this.workOrderRejectedList = data;
+							} else if (String(type) === "4") {
+								this.workOrderDealWithSecondLevelList = data.bldata;
+								this.workOrderDealWithThreeLevelList = data.ejbldata;
+							} else if (String(type) === "5") {
+								this.delayAuditList = data;
+							} else if (String(type) === "6") {
+								this.returnInformationList = data;
+							} else if (String(type) === "7") {
+								this.supervisoryInformationList = data;
+							} else if (String(type) === "8") {
+								this.citizensCuiBanList = data;
+							}
+						}
+					})
+					.catch((e) => {
+						console.log(e)
+					})
+			},
+			onClickItem(e) {
+				console.log(e.currentIndex)
+				this.current = e.currentIndex;
+				switch (e.currentIndex) {
+					case 1:
+						// 获取交办信息
+						this.getDetail("1");
+						break;
+					case 2:
+						// 工单驳回
+						this.getDetail("3");
+						break;
+					case 3:
+						// 办理情况
+						this.getDetail("4");
+						break;
+					case 4:
+						// 延时审核
+						this.getDetail("5");
+						break;
+					case 5:
+						// 回访信息
+						this.getDetail("6");
+						break;
+					case 6:
+						// 督办信息
+						this.getDetail("7");
+						break;
+					case 7:
+						// 市民催办
+						this.getDetail("8");
+						break;
+					default:
+						break;
+				}
+			},
+			getFileData(fileData) {
+				let newFile = []
+				if (fileData && fileData.length > 0) {
+
+					console.log(fileData)
+					fileData.forEach((element, index) => {
+						const obj = {}
+						obj.url = element.F_FileUrl
+						obj.extname = element.F_FileType.split('.')[1]
+						obj.name = element.F_FileName
+						newFile.push(obj);
+					});
+
+				}
+				return newFile
+			}
+		},
+		filters: {
+			workStateFilters(value, data) {
+				let str;
+				switch (value) {
+					case 0:
+						let entryTimeDate = new Date(Date.parse(Data[0].F_CreateTime));
+						let defaultTimeDate = new Date(Date.parse("2020-10-16 00:00:00"));
+						if (entryTimeDate >= defaultTimeDate) {
+							str = "新工单";
+						} else {
+							str = "新工单（历史工单）";
+						}
+						break;
+					case 1:
+						str = "待交办";
+						break;
+					case 2:
+						str = "待查收";
+						break;
+					case 3:
+						str = "退回审核中";
+						break;
+					case 4:
+						str = "办理中";
+						break;
+					case 5:
+						str = "延时审核中";
+						break;
+					case 6:
+						str = "已办待审核";
+						break;
+					case 7:
+						str = "已回访";
+						break;
+					case 8:
+						if (String(data.F_Identification) === "0") {
+							str = "重置转发";
+						} else if (String(data.F_Identification) === "1") {
+							str = "退回重办";
+						} else {
+							str = "重办中";
+						}
+						break;
+					case 9:
+						str = "已结案";
+						break;
+					case 10:
+						str = "待审核";
+						break;
+					case 11:
+						str = "重办待交办";
+						break;
+					case 13:
+						str = "重办驳回";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str
+			},
+			acceptPersonFilters(value, data) {
+				let str;
+				switch (data.F_InfoSource) {
+					case 1:
+						str = data.F_CreateUser;
+						break;
+					default:
+						str = data.F_CusName;
+						break;
+				}
+				return str;
+			},
+			dealWithWayFilters(value) {
+				let str;
+				switch (value) {
+					case 0:
+						str = "网络转办";
+						break;
+					case 1:
+						str = "当即办理";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			threeWayCallFilters(value) {
+				let str;
+				switch (value) {
+					case 1:
+						str = "是";
+						break;
+					default:
+						str = "否";
+						break;
+				}
+				return str;
+			},
+			levelFilters(value) {
+				let str;
+				switch (value) {
+					case 1:
+						str = "普通";
+						break;
+					default:
+						str = "紧急";
+						break;
+				}
+				return str;
+			},
+			isProtectFilters(value) {
+				let str;
+				switch (value) {
+					case 0:
+						str = "普通";
+						break;
+					default:
+						str = "保密";
+						break;
+				}
+				return str;
+			},
+			backauditFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "1":
+						str = "同意";
+						break;
+					case "2":
+						str = "拒绝";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			delayAuditFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "1":
+						str = "同意";
+						break;
+					case "2":
+						str = "拒绝";
+						break;
+					default:
+						str = "未审核";
+						break;
+				}
+				return str;
+			},
+			returnTypeFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "电话";
+						break;
+					case "1":
+						str = "微信";
+						break;
+					case "2":
+						str = "APP";
+						break;
+					case "3":
+						str = "网站";
+						break;
+					case "4":
+						str = "微博";
+						break;
+					case "5":
+						str = "信箱";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			returnIsSatisfieFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "不满意";
+						break;
+					case "1":
+						str = "满意";
+						break;
+					default:
+						str = "基本满意";
+						break;
+				}
+				return str;
+			},
+			citizensReviewTypeFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "1":
+						str = "短信评议";
+						break;
+					default:
+						str = "网站评议";
+						break;
+				}
+				return str;
+			},
+			dealWithIsProResultFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "否";
+						break;
+					case "1":
+						str = "是";
+						break;
+					case "2":
+						str = "已办未果";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			dealWithIsSatisfiedFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "未评价";
+						break;
+					case "1":
+						str = "满意";
+						break;
+					case "2":
+						str = "基本满意";
+						break;
+					case "3":
+						str = "不满意";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			}
+
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wrapper {
+		padding: 10px 10px 0 10px;
+
+		.segmented-control {
+			width: 100%;
+			overflow: auto;
+
+			/deep/ .segmented-control__item {
+				white-space: nowrap;
+				margin-right: 8px;
+			}
+
+			/deep/ .segmented-control__item:last-child {
+				margin-right: 0px;
+			}
+		}
+
+		.detailContent {
+			margin: 15px 0 15px 0;
+
+			.contentBlock {
+				margin: 18px 0 0 0;
+
+				.title {
+					font-weight: 700;
+				}
+
+				.content {
+					margin: 5px 0 5px 0;
+				}
+			}
+
+			.contentTable {
+				margin: 0 0 5px 0;
+
+				.contentTitle {
+					font-weight: 700;
+					font-size: 14px;
+				}
+
+				.contentText {
+					color: #525252;
+					font-size: 14px;
+				}
+			}
+		}
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderDetail/workOrderDetail.vue

@@ -0,0 +1,195 @@
+<template>
+	<view class="wrapper">
+		<view class="detailContent">
+			<view class="contentTable">
+				<text class="contentTitle">工单编号：</text>
+				<text class="contentText">{{ detailContentData.F_WorkOrderId }}</text>
+			</view>
+			<view class="contentTable">
+				<text class="contentTitle">标题：</text>
+				<text class="contentText">{{ detailContentData.F_ComTitle }}</text>
+			</view>
+			<view class="contentTable">
+				<text class="contentTitle">来电内容：</text>
+				<text class="contentText">{{ detailContentData.F_ComContent }}</text>
+			</view>
+			<!-- <view class="contentTable">
+        <text class="contentTitle">工单内容：</text>
+        <text class="contentText">{{ detailContentData.F_Content == null ? detailContentData.F_ComContent : detailContentData.F_Content}}</text>
+      </view> -->
+			<view class="contentTable">
+				<text class="contentTitle">来电人：</text>
+				<text class="contentText" v-if="(roleCode == 'WLDW' || roleCode == 'EJWLDW' ) && detailContentData.F_IsProtect == 0">{{ detailContentData.F_CusName }}</text>
+				<text class="contentText" v-else-if="roleCode != 'WLDW' && roleCode != 'EJWLDW' ">{{ detailContentData.F_CusName }}</text>
+			</view>
+			<view class="contentTable">
+				<text class="contentTitle">来电号码：</text>
+				<text class="contentText" v-if="(roleCode == 'WLDW' || roleCode == 'EJWLDW' )  && detailContentData.F_IsProtect == 0">{{ detailContentData.F_CusPhone }}</text>
+				<text class="contentText" v-else-if="roleCode != 'WLDW' && roleCode != 'EJWLDW'">{{ detailContentData.F_CusPhone }}</text>
+			</view>
+			<view class="contentTable">
+				<text class="contentTitle">联系电话：</text>
+				<text class="contentText" v-if="(roleCode == 'WLDW' || roleCode == 'EJWLDW' )  && detailContentData.F_IsProtect == 0">{{ detailContentData.F_ConPhone }}</text>
+				<text class="contentText" v-else-if="roleCode != 'WLDW' && roleCode != 'EJWLDW'">{{ detailContentData.F_ConPhone }}</text>
+			</view>
+			<view class="contentTable">
+				<text class="contentTitle">来源：</text>
+				<text class="contentText" >{{ detailContentData.SourceName }}</text>
+			</view>
+		</view>
+		<yiLine>
+			<view></view>
+		</yiLine>
+
+
+		<view class="operationButton">
+			<view>
+				<text class="operationButtonTitle">操作</text>
+				<buttonsComponents class="buttons" :order-button-data="orderButtonData" :wid="wid" :tap='tap'/>
+			</view>
+		</view>
+
+		<yiLine>
+			<view></view>
+		</yiLine>
+		<view class="handleProcess">
+			<view>
+				<text class="handleProcessTitle">办理过程</text>
+				<view class="handleProcessContent" v-for="item in handleProcessListData" :key=item.F_Id>
+					<view class="handleProcessContentTime">
+						<text>{{ item.F_CreateTime }}</text>
+					</view>
+					<view class="handleProcessContentText">
+						<text>{{ item.F_Message }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import yiLine from "@/components/yi-line/yi-line.vue"
+	import buttonsComponents from "@/pages/myTask/workOrderList/workOrderDetail/buttons/buttons.vue"
+	export default {
+		components: {
+			yiLine,
+			buttonsComponents
+		},
+		data() {
+			return {
+				wid: "", // 工单id
+				tap: '', //工单切换
+				stingText: '', //菜单标题
+				roleCode: "", //角色
+				detailContentData: {}, // 详情内容
+				orderButtonData: [],
+				handleProcessListData: [], // 办理过程
+				workOrderButton: [], // 工单按钮权限
+			}
+		},
+		onLoad(option) {
+			this.tap = option.tap
+			this.wid = option.wid;;
+			this.roleCode = uni.getStorageSync("roleCode")
+			// 获取详情
+			this.getDetail("0");
+			// 获取办理过程
+			this.getDetail("9");
+		},
+		methods: {
+			getDetail(type) {
+				let params = {
+					type: type,
+					workorderid: this.wid,
+					token: uni.getStorageSync("token"),
+				}
+				this.$http.get("/WorkOrder/GetWorkOrderNew", params).then((response) => {
+					if (response.state.toLowerCase() === "success") {
+						let data = response.data;
+						if (type === "0") {
+							this.detailContentData = data.data[0];
+							let btnData = data.btndata;
+							if (btnData.length > 0) {
+								this.orderButtonData = btnData
+								// btnData.forEach((element, index) => {
+								// 	let btn = this.$mButtonConfig[element.key];
+								// 	console.log(btn)
+								// 	if (btn != undefined) {
+								// 		this.workOrderButton.push(btn);
+								// 	}
+								// 	this.orderButtonData = this.workOrderButton
+								// });
+							}
+						} else if (type === "9") {
+							this.handleProcessListData = data;
+						}
+					}
+				}).catch((e) => {
+					console.log(e);
+				})
+			},
+
+
+		},
+	}
+</script>
+
+<style lang="scss">
+	.wrapper {
+		padding: 10px 10px 0 10px;
+
+		.detailContent {
+			margin: 0 0 15px 0;
+
+			.contentTable {
+				margin: 0 0 5px 0;
+
+				.contentTitle {
+					font-weight: 700;
+					font-size: 14px;
+				}
+
+				.contentText {
+					color: #525252;
+					font-size: 14px;
+				}
+			}
+		}
+
+		.operationButton {
+			margin: 15px 0;
+
+			.operationButtonTitle {
+				font-weight: 700;
+			}
+
+			.buttons {
+				margin: 10px 0 0 0;
+
+			}
+		}
+
+		.handleProcess {
+			margin: 15px 0;
+
+			.handleProcessTitle {
+				font-weight: 700;
+			}
+
+			.handleProcessContent {
+				margin: 8px 0 0 0;
+
+				.handleProcessContentTime text {
+					font-size: 14px;
+					color: #73d13d;
+				}
+
+				.handleProcessContentText text {
+					font-size: 14px;
+					color: #525252;
+				}
+			}
+		}
+	}
+</style>

anyangWebAPP/pages/myTask - 副本/workOrderList/workOrderList.vue

@@ -0,0 +1,434 @@
+<template>
+	<view class="wrapper">
+
+		<div  style="width: 96%;margin:10px  auto; ">
+			<input type="text" v-model="keyWords" placeholder="请输入工单标题" class="orderState key" @confirm="searchList">
+		</div>
+		<div style="width: 96%;margin: 0 auto;" v-if=" tap == '查询工单' ">
+			<uni-data-select v-model="orderState" :localdata="range" class="orderState" @change="chageList" placeholder="请输入工单状态"></uni-data-select>
+			<depart-select @post-select-data = "postSelectData" class="orderState"></depart-select>
+		</div>
+
+		<view v-if="isDisplay.displaySegmentedControl" class="segmentedControlWrapper">
+			<uni-segmented-control :current="segmenter.current" :values="segmenter.items"
+				@clickItem="onClickSegmentedControl" styleType="text" activeColor="#007aff"/>
+		</view>
+		<view class="tableWrapper">
+			<!-- 基于 uni-list 的页面布局 -->
+			<uni-list>
+				<!-- to 属性携带参数跳转详情页面-->
+				<uni-list-item direction="column" v-for="(item, index) in listData" :key="index"
+					:to="'/pages/myTask/workOrderList/workOrderDetail/workOrderDetail?wid='+item.F_WorkOrderId + '&tap=' + paramsData.stingText">
+					<!-- 通过header插槽定义列表的标题 -->
+					<template v-slot:header>
+						<view class="uni-title">{{item.F_ComTitle}}</view>
+					</template>
+					<!-- 通过body插槽定义列表内容显示 -->
+					<template v-slot:body>
+						<view class="uni-list-box">
+							<view class="uni-content">
+								<view class="uni-title-sub uni-ellipsis-1">
+									<view class="textLeft">
+										工单类型：{{item.TypeName}}
+									</view>
+								</view>
+								<view class="uni-note">{{item.F_CreateTime}}</view>
+							</view>
+							<view class="textState">{{ item.F_WorkState | workOrderState(item)}}</view>
+						</view>
+					</template>
+					
+				</uni-list-item>
+			</uni-list>
+			<uni-load-more :status="loadMoreState"></uni-load-more>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue'
+	const urlData = [
+		"WorkOrder/GetList",
+		"WorkOrder/GetLDDealList",
+		"WorkOrder/GetDWDealList",
+		"WorkOrder/GetZXDealList",
+		"WorkOrder/GetTimeOutList",
+		"workorder/GetSupervList",
+		"workorder/GetEJDWDealList"
+	]
+	const segmenterData = {
+		0: ["热线件", "督办件"], // 已办待回访
+		1: ["未追加回复", "已追加回复"], // 已办未果
+		2: ["督办待办", "督办重办"], // 督办工单
+	}
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				tap: '',
+				keyWords: '',
+				departid: '',
+				orderState: '',
+				departList: [],
+				range: [{
+					value: 0,
+					text: '新工单'
+				},{
+					value: 1,
+					text: '待交办'
+				},{
+					value: 2,
+					text: '待查收'
+				},{
+					value: 3,
+					text: '退回审核中'
+				},{
+					value: 4,
+					text: '办理中'
+				},{
+					value: 5,
+					text: '延时审核中'
+				},{
+					value: 6,
+					text: '已办待审核'
+				},{
+					value: 7,
+					text: '已办待回访'
+				},{
+					value: 8,
+					text: '重办中'
+				},{
+					value: 9,
+					text: '已结案'
+				},{
+					value: 11,
+					text: '重办待交办'
+				},{
+					value: 13,
+					text: '重办驳回'
+				}],
+				listData: [],
+				paramsData: {},
+				loadMoreState: 'more', //more loading  no-more
+				segmenter: {
+					current: 0,
+					items: ["0", "1", "2"],
+					type: "",
+				},
+				isDisplay: {
+					displaySegmentedControl: false, // 分段器
+				},
+			}
+		},
+		onLoad(optioin) {
+			this.tap = optioin.stingText
+			this.init(optioin)
+		},
+		onUnload() {
+			// 移除监听事件
+			uni.$off("updateList")
+		},
+		onPullDownRefresh() {
+			this.resetListData()
+			this.getList(this.paramsData)
+		},
+		methods: {
+			postSelectData(data) {
+				this.resetListData()
+				this.paramsData.departid = data
+				this.getList(this.paramsData)
+				// this.departid = data
+			},
+			init(optioin){
+				
+				optioin.page = 1 // 页码
+				optioin.pagesize = 10 // 条数
+				optioin.keyWords = ''
+				this.paramsData = optioin
+
+				this.getList(optioin)
+				if (optioin.segmenter == undefined || optioin.segmenter == null || optioin.segmenter == "") {
+					this.isDisplay.displaySegmentedControl = false
+				} else {
+					this.isDisplay.displaySegmentedControl = true
+					this.segmenter.type = optioin.segmenter
+					this.segmenter.items = segmenterData[optioin.segmenter]
+				}
+				// 页面
+				uni.$on("updateList", (res) => {
+					this.listData = []
+					this.paramsData.page = 1
+					this.paramsData.pagesize = 10
+					this.getList(this.paramsData)
+				})
+			},
+			
+			getList(optioin) {
+				const params = {
+					page: optioin.page,
+					pagesize: optioin.pagesize,
+					ComTitle: optioin.keyWords,
+					deptid:  optioin.departid == undefined ? "" : optioin.departid,
+					tab: optioin.tab == undefined ? "" : optioin.tab,
+					state: optioin.state == undefined ? "" : optioin.state,
+					db: optioin.db == undefined ? "" : optioin.db,
+					isproresult: optioin.isproresult == undefined ? "" : optioin.isproresult,
+					Supervisor: optioin.Supervisor == undefined ? "" : optioin.Supervisor,
+					iscb: optioin.iscb == undefined ? "" : optioin.iscb,
+					tobereply: optioin.tobereply == undefined ? "" : optioin.tobereply,
+					distribute: optioin.distribute == undefined ? "" : optioin.distribute,
+					token: uni.getStorageSync("token"),
+				}
+				let workOrderListType = Number(optioin.workOrderListType)
+				let url = urlData[workOrderListType]
+				this.$http
+					.get(url, params)
+					.then((response) => {
+						if (response.state.toLowerCase() === "success") {
+							let data = response.rows
+							uni.stopPullDownRefresh();
+							this.listData = this.listData.concat(data)
+							if (this.listData.length >= 6) {
+								this.loadMoreState = 'more'
+							} else {
+								this.loadMoreState = 'no-more'
+							}
+
+						}
+					})
+					.catch((e) => {
+						console.log(e)
+					})
+			},
+			workOrderIdClick(value) {
+				console.log(this.paramsData.tab)
+				uni.navigateTo({
+					url: "/pages/workOrderDetail/workOrderDetail?wid=" + value + '&tap=' + this.paramsData.tab,
+				})
+			},
+			searchList(e) {
+				this.resetListData()
+				this.paramsData.keyWords = e.detail.value
+				this.getList(this.paramsData)
+			},
+			chageList(e) {
+				this.resetListData()
+				this.paramsData.state = e
+				this.getList(this.paramsData)
+			},
+
+			onClickSegmentedControl(e) {
+				this.resetListData()
+				switch (String(this.segmenter.type)) {
+					case "0":
+						if (String(e.currentIndex) === "0") {
+							this.paramsData.db = 0
+						} else if (String(e.currentIndex) === "1") {
+							this.paramsData.db = 1
+						}
+						break
+					case "1":
+						if (String(e.currentIndex) === "0") {
+							this.paramsData.isproresult = 1
+						} else if (String(e.currentIndex) === "1") {
+							this.paramsData.isproresult = 2
+						}
+						break
+					case "2":
+						if (String(e.currentIndex) === "0") {
+							this.paramsData.iscb = 0
+						} else if (String(e.currentIndex) === "1") {
+							this.paramsData.iscb = 1
+						}
+						break
+				}
+
+				this.getList(this.paramsData)
+			},
+			resetListData(){
+				this.listData = []
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+			}
+		},
+		filters: {
+			// 工单状态过滤
+			workOrderState(value, options) {
+				var resultData = ""
+				switch (value + "") {
+					case "0":
+						resultData = "新工单"
+						if (options.F_IsReturn == 1) {
+							resultData = "新工单（回退）"
+						}
+						break
+					case "1":
+						resultData = "待交办"
+						break
+					case "2":
+						resultData = "待查收"
+						break
+					case "3":
+						resultData = "退回审核中"
+						break
+					case "4":
+						resultData = "办理中"
+						break
+					case "5":
+						resultData = "延时审核"
+						break
+					case "6":
+						if (options.F_IsProtect === 2 || options.F_IsProtect === 3) {
+							resultData = "已办未果"
+						} else {
+							resultData = "已办待审核"
+						}
+						break
+					case "7":
+						resultData = "待回访"
+						break
+					case "8":
+						if (options.F_Identification === 0) {
+							resultData = "重置转发"
+						} else if (options.F_Identification === 1) {
+							resultData = "退回重办"
+						} else {
+							resultData = "重办中"
+						}
+						break
+					case "9":
+						resultData = "已结案"
+						break
+					case "10":
+						resultData = "待审核"
+						break
+					case "11":
+						resultData = "重办待交办"
+						break
+					case "13":
+						resultData = "重办驳回"
+						break
+				}
+				return resultData
+			},
+		},
+		/**
+		 * 上拉加载回调函数
+		 */
+		onReachBottom() {
+			if (this.listData.length >= 6) {
+				console.loh(22222)
+				this.loadMoreState = 'loading'
+				this.paramsData.page = this.paramsData.page + 1
+				this.getList(this.paramsData)
+			} else {
+				this.loadMoreState = 'no-more'
+			}
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import '@/common/uni-ui.scss';
+	.orderState{
+		background-color: #fff;
+		border: none; 
+		padding:2px 15px !important;
+		outline: none !important;
+		margin-bottom: 10px;
+	}
+	.key{
+		border-radius: 4px;
+		padding:8px 15px !important;
+		font-size: 14px !important;
+	}
+	.wrapper {
+		padding: 5px 0 0 0;
+
+		// .segmentedControlWrapper {
+		// }
+		.tableWrapper {
+			margin: 15px 0 0 0;
+		}
+	}
+
+	page {
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		background-color: #efeff4;
+		min-height: 100%;
+		height: auto;
+	}
+
+	.uni-list-box {
+		position: relative;
+
+		.textState {
+			position: absolute;
+			right: 15px;
+			top: 0px;
+			font-size: 14px;
+		}
+	}
+
+	.tips {
+		color: #67c23a;
+		font-size: 14px;
+		line-height: 40px;
+		text-align: center;
+		background-color: #f0f9eb;
+		height: 0;
+		opacity: 0;
+		transform: translateY(-100%);
+		transition: all 0.3s;
+	}
+
+	.tips-ani {
+		transform: translateY(0);
+		height: 40px;
+		opacity: 1;
+	}
+
+	.content {
+		width: 100%;
+		display: flex;
+	}
+
+	.list-picture {
+		width: 100%;
+		height: 145px;
+	}
+
+	.thumb-image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.ellipsis {
+		display: flex;
+		overflow: hidden;
+	}
+
+	.uni-ellipsis-1 {
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	.uni-ellipsis-2 {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+	}
+
+	.uni-content {
+		display: flex;
+	}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/buttons.vue

@@ -2,8 +2,8 @@
 
 	<view>
 		<button class="mini-btn" type="default" size="mini" v-for="item in orderButtonData"
-			@click="callBtnMethods(item.eventName)" :key="item.id">
-			{{ item.text }}
+			@click="callBtnMethods(item.key)" :key="item.key">
+			{{ item.value }}
 		</button>
 		<button class="mini-btn" type="default" size="mini" @click="superviseBtn" v-show="tap == '正在办理'">催办</button>
 		<button class="mini-btn" type="default" size="mini" @click="additionalReplyBtn" v-show="tap == '三级已办未果'">追加回复</button>
@@ -12,6 +12,7 @@
 			<uni-popup ref="inputDialog" type="dialog">
 				<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" @confirm="dialogInputConfirm">
 					<view style="width:100%;">
+						<uni-data-select v-model="days" :clear="false" :localdata="datatime" placeholder = "请选择申请延时时间" v-show="auditPlaceholder == '请输入申请延时原因'" style="margin-bottom: 30px;"></uni-data-select>
 						<uni-easyinput type="textarea" autoHeight v-model="cbreason" :placeholder="auditPlaceholder" />
 					</view>
 				</uni-popup-dialog>
@@ -39,21 +40,92 @@
 			}
 		},
 		watch: {
-			orderButtonData(val) {}
+			orderButtonData(val) {
+				console.log(this.orderButtonData)
+			}
 		},
 		data() {
 			return {
+				days: '',
+				datatime: [{
+					text: '一天',
+					value: 1
+				},{
+					text: '三天',
+					value: 3
+				},{
+					text: '五天',
+					value: 5
+				}],
 				workOrderButton: [], // 工单按钮权限
 				cbreason: '', //审核原因
 				auditPlaceholder: '请输入不通过审核原因'
 			}
 		},
 		onLoad(option) {
-			console.log(option)
+			console.log(option.orderButtonData)
 		},
 		methods: {
-			callBtnMethods(methodName) {
-				this[methodName]();
+			callBtnMethods(key) {
+				if(key == 3) { // 删除
+					this.confirmationAPI("WorkOrder/DelWorkOrder", "删除", "是否要删除", "取消了删除")
+				}else if(key == 4) { // 提交
+					this.confirmationAPI("WorkOrder/SubmitWorkOrder", "提交", "是否要提交", "取消了提交")
+				}else if(key == 10) { // 收回
+					this.confirmationAPI("WorkOrder/TakeBackWorkOrder", "收回", "是否要收回", "取消了收回")
+				}else if(key == 11) { // 查收
+					this.confirmationAPI("WorkOrder/ReceiveWorkOrder", "查收", "是否要查收", "取消了查收")
+				}else if(key == 25) { // 签收
+					this.confirmationAPI("WorkOrder/SignWorkOrder", "签收", "是否要签收", "取消了签收")
+				}else if(key == 27) { // 撤单
+					this.confirmationAPI("WorkOrder/WithdrawDWorkOrder", "撤单", "是否要撤单", "取消了撤单")
+				}else if(key == 14) { // 申请延时
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入申请延时原因'
+					this.$refs.inputDialog.open()
+				}else if(key == 32) { // 驳回重办
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入驳回重办原因'
+					this.$refs.inputDialog.open()
+				}else if(key == 51) { // 51审核通过
+					uni.showLoading({
+						title: '加载中'
+					})
+					uni.showModal({
+						title: '审核通过',
+						content: '是否审核通过',
+						success: (res) => {
+							if (res.confirm) {
+								this.toExamineWorkOrder(0, '')
+							} else if (res.cancel) {
+								uni.hideLoading()
+								this.$mHelper.toast('用户点击取消');
+							}
+						}
+					});
+				}else if(key == 52) { // 52不通过原因
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入审核不通过原因'
+					this.$refs.inputDialog.open()
+				}else if(key == 53) { // 53审核通过转办
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入审核通过并转办原因'
+					this.$refs.inputDialog.open()
+				}else if(key == 21) { // 21回退
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入回退原因'
+					this.$refs.inputDialog.open()
+				}else if(key == 29) { // 21转督办
+					this.cbreason = ''
+					this.auditPlaceholder = '请输入转督办原因'
+					this.$refs.inputDialog.open()
+				}
+				else {
+					uni.navigateTo({
+						url: "/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_" + key + "/wid="+ this.wid,
+					})
+				}
+				
 			},
 			// 1查看
 			viewBtn() {
@@ -88,7 +160,7 @@
 					url: "/pages/workOrderDetail/components/handleWordOrder/handleWordOrder?wid=" + this.wid,
 				})
 			},
-			// 14延时审核
+			// 14申请延时
 			applyDelayBtn() {
 				this.cbreason = ''
 				this.auditPlaceholder = '请输入申请延时原因'
@@ -229,7 +301,7 @@
 					});
 
 				} else if (this.auditPlaceholder === '请输入申请延时原因') {
-					const addParams = {reason: this.cbreason,workorderid:this.wid}
+					const addParams = {reason: this.cbreason,workorderid:this.wid,newlimittime:this.days}
 					this.workOrderContent("WorkOrder/DelayWorkOrder", addParams)
 				} else if (this.auditPlaceholder === '请输入驳回重办原因') {
 					const addParams = {reason: this.cbreason,id: this.wid}
@@ -275,10 +347,15 @@
 					content: content,
 					success: (res) => {
 						if (res.confirm) {
-							const params = {
-								workorderid: this.wid,
+							let params = {
 								token: uni.getStorageSync("token")
 							}
+							if(title == '删除' || title == '提交') {
+								params.ids = this.wid
+							}else{
+								params.workorderid = this.wid
+							}
+							
 							this.$mHelper.httpPost(url,params,1)
 						} else if (res.cancel) {
 							this.$mHelper.toast(canceContent);

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_12/button_12.vue

@@ -0,0 +1,76 @@
+<template>
+	<page-meta :root-font-size="getFontSizeValue"></page-meta>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms >
+				<uni-forms-item label="申请退回原因" name="reason" required>
+					<uni-easyinput type="textarea" v-model="reason" placeholder="请输入申请退回原因" />
+				</uni-forms-item>
+				<uni-forms-item label="附件" name="">
+					<view class="example-body">
+						<upload @post-string-data="getImgData" :imgUrlList="imgUrlList"></upload>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<view class="btnClass">
+				<button type="primary" :disabled="disabledButton" @click="submit('valiForm')">提交</button>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				workorderid: '',
+				reason: '',
+				imgUrlList: [], // 附件数据
+				imgIdList: [], //上传附件id
+			}
+		},
+		onLoad(option) {
+			this.workorderid = option.wid
+		},
+		methods: {
+			submit(ref) {
+				const params = {
+				  workorderid: this.workorderid,
+				  file: this.$mHelper.getImgString(this.imgIdList),
+				  backreason: this.reason,
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost("WorkOrder/RebackWorkOrder",params,2)
+				
+			},
+			// 上传图片
+			getImgData(data) {
+				this.imgIdList = data
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+		}
+		
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_13/button_13.vue

@@ -1,22 +1,271 @@
 <template>
-	<view>
-		
+	<view class="wrapper" style="background-color: #fff;">
+		<view class="form" style="padding: 15px;">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
+				<uni-forms-item label="承办人" name="undertaker" required>
+					<uni-easyinput v-model="formData.undertaker" placeholder="请输入承办人" />
+				</uni-forms-item>
+				<uni-forms-item label="职务" name="undertaker_position">
+					<uni-easyinput v-model="formData.undertaker_position" placeholder="请输入职务" />
+				</uni-forms-item>
+				<uni-forms-item label="联系方式" name="undertaker_phone" required>
+					<uni-easyinput v-model="formData.undertaker_phone" placeholder="请输入联系方式" />
+				</uni-forms-item>
+				<uni-forms-item label="审核领导" name="auditLeader" required>
+					<uni-easyinput v-model="formData.auditLeader" placeholder="请输入审核领导" />
+				</uni-forms-item>
+				<uni-forms-item label="职务" name="auditLeader_position" required>
+					<uni-easyinput v-model="formData.auditLeader_position" placeholder="请输入职务" />
+				</uni-forms-item>
+				<uni-forms-item label="联系方式" name="auditLeader_phone" required>
+					<uni-easyinput v-model="formData.auditLeader_phone" placeholder="请输入联系方式" />
+				</uni-forms-item>
+				<uni-forms-item label="处理结果" name="detailRsult" required>
+					<uni-easyinput type="textarea" v-model="formData.detailRsult" placeholder="请输入处理结果" maxlength="1000"/>
+				</uni-forms-item>
+				<uni-forms-item label="是否向当事人反馈" name="feedback" required>
+					<uni-data-checkbox v-model="formData.feedback" :localdata="isfeedback" />
+				</uni-forms-item>
+				<uni-forms-item label="不反馈原因" name="feedbackReason" v-if="formData.feedback == 0" required>
+					<uni-easyinput type="textarea" v-model="formData.feedbackReason" placeholder="请输入不反馈原因" />
+				</uni-forms-item>
+				<uni-forms-item label="是否满意" name="staisfied" v-if="formData.feedback == 1" required>
+					<uni-data-checkbox v-model="formData.staisfied" :localdata="isstaisfied" />
+				</uni-forms-item>
+				<uni-forms-item label="附件">
+					<view class="example-body">
+						<upload @post-string-data="getImgData" :imgUrlList="imgUrlList"></upload>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<button type="primary" @click="formSubmit('valiForm')">提交</button>
+		</view>
 	</view>
 </template>
 
 <script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
 	export default {
+		
+		components: {upload},
 		data() {
 			return {
-				
+				wid: "", // 工单id
+				stingText: '', // 菜单标题
+				simpleDetailStrStart: '',
+				imgList: [],
+				imgUrlList: [],
+				formData: {
+					undertaker: '',
+					undertaker_position: '',
+					undertaker_phone: '',
+					auditLeader: '',
+					auditLeader_position: '',
+					auditLeader_phone: '',
+					detailRsult: '',
+					feedback: 1,
+					feedbackReason: '',
+					imgid: '',
+					result: '',
+					staisfied: 0
+				},
+				isfeedback: [{
+					text: '是',
+					value: 1
+				}, {
+					text: '否',
+					value: 0
+				}],
+				isstaisfied: [{
+					text: '满意',
+					value: 1
+				}, {
+					text: '基本满意',
+					value: 2
+				}, {
+					text: '不满意',
+					value: 3
+				}],
+				// 校验规则
+				rules: {
+					undertaker: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入承办人'
+						}]
+					},
+					undertaker_phone: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入承办人联系方式'
+						}]
+					},
+					auditLeader: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导'
+						}]
+					},
+					auditLeader_position: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导职务'
+						}]
+					},
+					auditLeader_phone: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入审核领导联系方式'
+						}]
+					},
+					detailRsult: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入处理结果'
+						}]
+					},
+					feedback: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入是否向当事人反馈'
+						}]
+					}
+				},
+				// 附件样式
+				imageStyles: {
+					width: 64,
+					height: 64,
+					border: {
+						radius: '50%'
+					}
+				},
+				listStyles: {
+					// 是否显示边框
+					border: true,
+					// 是否显示分隔线
+					dividline: true,
+					// 线条样式
+					borderStyle: {
+						width: 1,
+						color: 'blue',
+						style: 'dashed',
+						radius: 2
+					}
+				},
 			}
 		},
+		onLoad(option) {
+			this.wid = option.wid;
+			this.stingText = option.stingText;
+			this.simpleDetail()
+		},
 		methods: {
-			
+			// 工单提交
+			formSubmit(ref) {
+				
+				if (!this.formData.detailRsult) {
+					this.$mHelper.toast('请输入办理结果');
+					return
+				}
+				if(this.formData.feedback == 1) {
+					if(!this.formData.staisfied) {
+						this.$mHelper.toast('请选择是否满意');
+						return
+					}
+					this.formData.feedbackReason = ''
+					
+				}else if(this.formData.feedback == 0){
+					if(!this.formData.feedbackReason) {
+						this.$mHelper.toast('请输入不反馈原因');
+						return
+					}
+					this.formData.staisfied = 0
+				}
+				this.$refs[ref].validate().then(res => {
+					const params = {
+						workorderid: this.wid, // 工单id
+						dealman: this.formData.undertaker, //承办人
+						dealcontact: this.formData.undertaker_phone, //联系方式
+						duties: this.formData.undertaker_position, //职务
+						AuditUser: this.formData.auditLeader, //审核领导
+						post: this.formData.auditLeader_position, //审核领导职务
+						auditContact: this.formData.auditLeader_phone, //审核领导联系方式
+						result:this.simpleDetailStrStart + this.formData.detailRsult ,
+						situation: this.formData.detailRsult, //处理情况
+						isproresult: this.formData.feedback, //处理结果
+						isstaisfied: this.formData.staisfied, // 满意选项
+						feedbackReason: this.formData.feedbackReason, //不反馈原因
+						files: this.$mHelper.getImgString(this.imgList),
+						state: 1,
+						token: uni.getStorageSync("token")
+					}
+					if(uni.getStorageSync("roleCode") == 'WLDW' ) {
+						this.$mHelper.httpPost("WorkOrder/FeedBackWorkOrder",params,2)
+					}else if(uni.getStorageSync("roleCode") == 'EJWLDW') {
+						this.$mHelper.httpPost("WorkOrder/DealWorkOrder",params,2)
+					}
+					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			getImgData(data){
+				this.imgList = data
+			},
+
+			// 详情
+			simpleDetail() {
+				let params = {
+					workorderid: this.wid, // 工单id
+					token: uni.getStorageSync("token")
+				}
+				this.$http.get("WorkOrder/GetWorkorderSimp", params).then((response) => {
+					if (response.state.toLowerCase() === "success") {
+						var data = response.data[0];
+						if(uni.getStorageSync("roleCode") == 'WLDW' ) {
+							this.simpleDetailStrStart = data.deptname + "于时间（" + this.$mHelper.CurentTimeType() + "）回复："
+						}
+					}
+				}).catch((e) => {
+					console.log(e)
+				})
+			}
 		}
 	}
 </script>
 
 <style>
+	.example-body {
+		padding: 10px;
+		padding-top: 0;
+	}
+
+	.custom-image-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
 
+	.text {
+		font-size: 14px;
+		color: #333;
+	}
+
+	.item__label {
+		display: flex;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		flex-direction: row;
+		align-items: center;
+		width: 65px;
+		padding: 5px 0;
+		height: 36px;
+		width: 70px;
+		justify-content: flex-start;
+		float: left;
+	}
 </style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_15/button_15.vue

@@ -0,0 +1,132 @@
+<template>
+	<page-meta :root-font-size="getFontSizeValue"></page-meta>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms >
+				<uni-forms-item label="申请退回原因" name="reason" >
+					<uni-easyinput type="textarea" v-model="reason" placeholder="请输入申请退回原因"  readonly='true'/>
+				</uni-forms-item>
+				<uni-forms-item label="附件" name="">
+					<view class="example-body">
+						<uni-file-picker readonly :value="imgUrlList" :imageStyles="imageStyles" file-mediatype="image" />
+					</view>
+				</uni-forms-item>
+				<uni-forms-item label="审核意见" name="reason" required>
+					<uni-easyinput type="textarea" v-model="shReason" placeholder="请输入审核意见" />
+				</uni-forms-item>
+			</uni-forms>
+			<view class="btnClass" style="margin: 20px 0;">
+				<button type="warn" @click="agreeSubmit()" size="mini">同意</button>
+				<button type="warn" @click="agreeTrunSubmit()" size="mini">同意并转办</button>
+				<button type="warn" @click="refuseSubmit()" size="mini">拒绝</button>
+			</view>
+			<view class="btnClass">
+				<button type="primary" :disabled="disabledButton" @click="submit('valiForm')">提交</button>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				rebackid: '',
+				workorderid: '',
+				reason: '',
+				shReason: '',
+				imgUrlList: [], // 附件数据
+				imgIdList: [], //上传附件id
+			}
+		},
+		onLoad(option) {
+			this.workorderid = option.wid
+		},
+		methods: {
+			// 同意
+			agreeSubmit() {
+				this.submit(1,0)
+			},
+			// 同意并转办
+			agreeTrunSubmit() {
+				this.submit(1,1)
+			},
+			// 拒绝
+			refuseSubmit() {
+				this.submit(2,0)
+			},
+			submit(state,zb) {
+				const params = {
+					workorderid: this.workorderid,
+					reason: this.shReason,
+					state: state,
+					rebackid: this.rebackid,
+					zb: zb,
+					token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost("WorkOrder/AuditRebackWorkOrder",params,2)
+				
+			},
+			getDetail() {
+				const params = {
+					workorderid:this.workorderid,
+					type:1,
+					token: uni.getStorageSync("token")
+				}
+				this.$http.get("/WorkOrder/GetAuditInfo", params).then((result) => {
+					this.reason = result.data[0].F_Result
+					this.rebackid = result.data[0].F_Id
+					this.imgUrlList = this.getFileData(result.data[0].File)
+				})
+			},
+			getFileData(fileData) {
+				let newFile = []
+				if (fileData && fileData.length > 0) {
+			
+					console.log(fileData)
+					fileData.forEach((element, index) => {
+						const obj = {}
+						obj.url = element.F_FileUrl
+						obj.extname = element.F_FileType.split('.')[1]
+						obj.name = element.F_FileName
+						newFile.push(obj);
+					});
+			
+				}
+				return newFile
+			},
+			// 上传图片
+			getImgData(data) {
+				this.imgIdList = data
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	// @import '@/common/addFormDeep.scss';
+	// /deep/ .uni-data-checklist[data-v-84d5d996]{
+	// 	margin-top: 7px !important;
+	// }
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+		}
+		
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_17/button_17.vue

@@ -0,0 +1,117 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="原延时时间" required name="maindeptid">
+					<view class="detailContent">{{auditInfotData.F_OldTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="申请延时原因" required name="maindeptid">
+					<view class="detailContent">{{auditInfotData.F_Reason}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="申请延时时间" required name="limittime">
+					<view class="detailContent" v-model="valiFormData.newlimittime">{{valiFormData.newlimittime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="审核意见" required name="reason">
+					<uni-easyinput type="textarea" autoHeight v-model="valiFormData.reason" placeholder="请输入审核意见"/>
+				</uni-forms-item>
+				
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm',1)">同意</button>
+				<button type="warn" @click="submit('valiForm',2)">拒绝</button>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					reason: '', //审核意见
+					newlimittime:'',
+					state: 1, // 0保存，1保存并提交
+					delayid:'',
+				},
+				auditInfotData:{}, //审核信息
+				// 校验规则
+				rules: {
+					reason: {
+						rules: [{
+							required: true,
+							errorMessage: '审核原因不能为空'
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("2",option.wid);
+		},
+		methods: {
+			
+			getDetail(type,id) {
+				
+				this.$mHelper.httpGetDetail("/WorkOrder/GetAuditInfo",type,id,(res)=>{
+					if (type === "2") {
+					  this.auditInfotData = res[0]
+						this.auditInfotData.F_OldTime = res[0].F_OldTime.split(" ")[0]
+						this.valiFormData.newlimittime = res[0].F_NewTime.split(" ")[0]
+						this.valiFormData.delayid = res[0].F_Id
+						this.valiFormData.F_Reason = res[0].F_Reason
+					}
+				})
+			},
+			submit(ref,state) {
+				this.$refs[ref].validate().then(res => {
+					
+					const params = {
+					  workorderid: this.valiFormData.workorderid,
+					  reason: this.valiFormData.reason, // 审核原因
+					  newlimittime: this.valiFormData.newlimittime, // 审核时间
+					  state:state, // 来电内容
+					  delayid: this.valiFormData.delayid, // 工单内容
+					  token: uni.getStorageSync("token"),
+					}
+					this.$mHelper.httpPost("WorkOrder/AuditDelayWorkOrder",params,2)
+					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+
+			
+		}
+		
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_18/button_18.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="工单内容">
+					<view class="detailContent" v-model="valiFormData.content">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="紧急程度" required name="leave">
+					<uni-data-select v-model="valiFormData.leave" :localdata="levelData" @change="changeLeave" />
+				</uni-forms-item>
+				<uni-forms-item label="办理时限" required name="limittime" v-show="valiFormData.leave===1">
+					<uni-data-select v-model="valiFormData.limittime" :localdata="limittimeData" @change="changeLimittime" />
+				</uni-forms-item>
+				<uni-forms-item label="紧急办理时限" required name="limittimes" v-show="valiFormData.leave===2">
+					<uni-datetime-picker v-model="valiFormData.limittimes"/>
+				</uni-forms-item>
+				<uni-forms-item label="是否短信提醒" required name="isms" >
+					<uni-data-select v-model="valiFormData.isms" :localdata="ismsData"/>
+				</uni-forms-item>
+				<uni-forms-item label="承办单位" required name="maindeptid">
+					<depart-select @post-select-data = "postSelectData"></depart-select>
+				</uni-forms-item>
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm')">提交</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue'
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					maindeptid: '', //承办单位
+					leave:'',	//紧急程度
+					limittime: 5, //办理时限
+					limittimes: '', //紧急办理时限
+					assignedopinion: '', //交办意见
+					state: 1, // 0保存，1保存并提交
+					content: '',
+					isms: '',
+				},
+				assignState:'',
+				detailContentData:{}, //工单信息
+				limittimeData:[{
+					value:5,
+					text:'五个工作日'
+				},{
+					value:1,
+					text:'一个工作日'
+				},{
+					value:7,
+					text:'七个工作日'
+				}],
+				limittimes:'',
+				levelData: [{
+					value:1,
+					text:'普通'
+				},{
+					value:2,
+					text:'紧急'
+				}],
+				ismsData:[{
+					value: 0,
+					text:'否'
+				},{
+					value: 1,
+					text:'是'
+				}],
+				// 校验规则
+				rules: {
+					leave: {
+						rules: [{
+							required: true,
+							errorMessage: '紧急程度不能为空'
+						}]
+					},
+					maindeptid: {
+						rules: [{
+							required: true,
+							errorMessage: '承办单位不能为空'
+						}]
+					},
+					isms: {
+						rules: [{
+							required: true,
+							errorMessage: '短信提醒不能为空'
+						}]
+					}
+					
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			this.assignState = option.assignState
+			// 获取详情
+			this.getDetail("0",option.wid);
+		},
+		methods: {
+			postSelectData(data) {
+				this.valiFormData.maindeptid = data
+			},
+			changeLeave(e){
+				// 1是普通,2是紧急
+				this.valiFormData.leave = e
+				if(e){
+					e===1?this.valiFormData.limittimes = '':this.valiFormData.limittime = 5
+					e===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+				}
+				
+			},
+			changeLimittime(e){
+				console.log(e)
+			},
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrderNew",type,id,(res)=>{
+					if (type === "0") {
+						this.detailContentData = res.data[0];
+						this.valiFormData.content = res.data[0].F_ComContent
+						this.valiFormData.leave = Number(res.data[0].F_Level)
+						this.valiFormData.leave===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+					}
+				})
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					 this.postAssignAPI("WorkOrder/NewReloadWorkOrder")					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			
+			//交办接口
+			postAssignAPI(url){
+				
+				if(this.valiFormData.leave ===1 ){
+					if(!this.valiFormData.limittime){
+						this.$mHelper.toast("请选择办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittime +
+					"个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				} else if(this.valiFormData.leave ===2 ){
+					if(!this.valiFormData.limittimes){
+						this.$mHelper.toast("请选择紧急办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittimes +
+					"内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				}else{
+					this.$mHelper.toast("请选择紧急程度");
+					return
+				}
+				const params = {
+				  workorderid: this.valiFormData.workorderid,
+				  maindeptid: this.valiFormData.maindeptid, // 单位
+				  limittime: this.valiFormData.limittime, // 办理时限
+				  limittimes: this.valiFormData.limittimes, // 紧急办理时限
+				  assignedopinion: this.valiFormData.assignedopinion, // 交办意见
+					isms:this.valiFormData.isms, // 是否短信提醒
+				  state: this.valiFormData.state, // 0保存，1保存并提交
+				  content: this.valiFormData.content, // 工单内容
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost(url,params,2)
+				
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+				width: 80%;
+		}
+		.uni-date{
+			width: 80%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_22/button_22.vue

@@ -0,0 +1,80 @@
+<template>
+	<page-meta :root-font-size="getFontSizeValue"></page-meta>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms >
+				<uni-forms-item label="是否向市民发送短信" name="detailRsult">
+					<uni-data-checkbox v-model="siSend" :localdata="list" />
+				</uni-forms-item>
+				<uni-forms-item label="结案意见" name="finalopinion" required>
+					<uni-easyinput type="textarea" v-model="finalopinion" placeholder="请输入结案意见" />
+				</uni-forms-item>
+			</uni-forms>
+			<view class="btnClass">
+				<button type="primary" :disabled="disabledButton" @click="submit('valiForm')">提交</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				siSend: 1,
+				workorderid: '',
+				finalopinion: '',
+				list: [{
+					text:'是',
+					value:1
+				},{
+					text:'否',
+					value:0
+				}]
+			}
+		},
+		onLoad(option) {
+			this.workorderid = option.wid
+		},
+		methods: {
+			submit(ref) {
+				const params = {
+					workorderid: this.workorderid,
+					finalopinion: this.finalopinion,
+					issms : this.siSend,
+					issatisfie: 1,
+					token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost("WorkOrder/ForceFinishWorkOrder",params,2)
+				
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	// @import '@/common/addFormDeep.scss';
+	// /deep/ .uni-data-checklist[data-v-84d5d996]{
+	// 	margin-top: 7px !important;
+	// }
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 80%;
+		}
+		
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_23/button_23.vue

@@ -0,0 +1,180 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">				
+				<uni-forms-item label="工单编号">
+					<view class="detailContent" v-model="valiFormData.wid">{{detailContentData.F_WorkOrderId}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="受理时间">
+					<view class="detailContent" v-model="valiFormData.acceptTime">{{detailContentData.F_CreateTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="签收时间">
+					<view class="detailContent" v-model="valiFormData.signTime">{{jbdata.F_SureTime}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="来电人">
+					<view class="detailContent" v-model="valiFormData.callIn">{{detailContentData.F_CusName}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="联系电话">
+					<view class="detailContent" v-model="valiFormData.phone">{{detailContentData.F_CusPhone}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="秘密等级">
+					<view class="detailContent" v-model="valiFormData.level">{{detailContentData.F_IsProtect | levelFilters}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="地址">
+					<view class="detailContent" v-model="valiFormData.address">{{detailContentData.F_SourceAddress}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="内容摘要">
+					<view class="detailContent" v-model="valiFormData.content">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="派单意见">
+					<view class="detailContent" v-model="valiFormData.opinion">{{valiFormData.opinion}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="交办单位" required name="assignDep">
+					<depart-select @post-select-data = "postSelectData"></depart-select>
+				</uni-forms-item>
+				<uni-forms-item label="办理时限" required name="handleTime">
+					<view class="example-body">
+						<uni-datetime-picker type="date" :clear-icon="true" v-model="valiFormData.handleTime"  :end="endTime"/>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="Submit('valiForm')">提交</button>
+			</view>
+		</view>
+
+		
+	</view>
+	
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue' 
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '', // 工单编号
+					acceptTime: '', //受理时间
+					signTime: '', //签收时间
+					callIn: '', //来电人
+					phone: '', //联系人Department/GetDeptList
+					level: '', //秘密等级
+					content: '', //内容摘要
+					address: '', // 地址
+					opinion: '请认真调查处理并答复来电人,在5个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。', //派单意见
+					assignDep: '', //交办单位
+					handleTime:'' // 办理时限
+				},
+				startTime: '',
+				endTime:'',
+				deptData: [],
+				detailContentData: {},
+				jbdata: {},
+				// 校验规则
+				rules: {
+					assignDep: {
+						rules: [{
+							required: true,
+							errorMessage: '请选择交办单位'
+						}]
+					},
+					handleTime: {
+						rules: [{
+							required: true,
+							errorMessage: '请选择办理时限'
+						}]
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			
+		},
+		filters: {
+			levelFilters(value) {
+				let str;
+				switch (value) {
+					case 0 :
+					 str = '普通'
+					 break;
+					default:
+					 str = '保密'
+					 break;					 
+				}
+				return str;
+			}
+		},
+		methods: {
+			// 详情
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrder",type,id,(res)=>{
+					if (type === "0") {
+						this.detailContentData = res.data[0];
+						if(res.jbdata.length > 0) {
+							this.jbdata = res.jbdata[0]
+						}
+						if(this.detailContentData.F_LimitTime) {
+							this.endTime = this.detailContentData.F_LimitTime.substring(0, 10)
+							this.valiFormData.handleTime = this.detailContentData.F_LimitTime.substring(0, 10)
+						}
+					}
+				})
+			},
+			postSelectData(data) {
+				this.valiFormData.assignDep = data
+			},
+			//提交
+			Submit(ref){
+				this.$refs[ref].validate().then(res => {
+					const params = {
+					  workorderid: this.valiFormData.workorderid, 
+					  maindeptid: this.valiFormData.assignDep,
+						assignedopinion: this.valiFormData.opinion,
+						assignid: 0,
+					  state:1,
+						limittime: this.valiFormData.handleTime,
+					  token: uni.getStorageSync("token"),
+					}
+					this.$mHelper.httpPost("/WorkOrder/SplitWorkOrder", params, 2, (res) => {})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .uniFilePicker{
+	  padding-top: 5px;
+  }
+  .btnClass{
+	  display: flex;
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_24/button_24.vue

@@ -0,0 +1,325 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<view class="detailContent" v-for="item in workOrderDealWithSecondLevelList" :key="item.F_Id">
+				<view class="contentTable">
+					<text class="contentTitle">承办人：</text>
+					<text class="contentText">{{ item.F_DealUser }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">联系方式：</text>
+					<text class="contentText">{{ item.F_DealUserContact }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">职务：</text>
+					<text class="contentText">{{ item.F_Duties }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">处理结果：</text>
+					<text class="contentText">{{ item.F_Situation }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">单位：</text>
+					<text class="contentText">{{ item.DeptName }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">办理结果：</text>
+					<text class="contentText">{{ item.F_Result }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">办理时间：</text>
+					<text class="contentText">{{ item.F_CreateTime }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">是/否向当事人反馈：</text>
+					<text
+						class="contentText">{{ item.F_IsProResult | dealWithIsProResultFilters }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">是否满意：</text>
+					<text
+						class="contentText">{{ item.F_IsSatisfied | dealWithIsSatisfiedFilters }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">审核领导：</text>
+					<text class="contentText">{{ item.F_AuditUser }}</text>
+				</view>
+				<view class="contentTable">
+					<text class="contentTitle">附件：</text>
+					<view class="contentText">
+						<uni-file-picker readonly :value="getFileData(item.File)" :imageStyles="imageStyles" file-mediatype="image" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="btnClass" style="margin: 20px 0;">
+			<button type="warn" @click="editSubmit()" size="mini">修改</button>
+			<button type="warn" @click="agreeSubmit()" size="mini">同意</button>
+			<button type="warn" @click="refuseSubmit()" size="mini">拒绝</button>
+		</view>
+		<view class="detailContent">
+			<view class="contentTable">
+				<text class="contentTitle" style="font-size: 18px;">工单内容：</text>
+				<text class="contentText"  style="font-size: 17px;">{{ content}}</text>
+			</view>
+		</view>
+		<view>
+			<uni-popup ref="inputDialog" type="dialog">
+				<uni-popup-dialog ref="inputClose" mode="input" :title="title" @confirm="dialogInputConfirm" @close="close">
+					<view style="width:100%;">
+						<uni-easyinput type="textarea" autoHeight v-model="handleResult"/>
+						<upload @post-string-data="getImgData" :imgUrlList="imgUrlList" v-show=" title != '拒绝原因' "></upload>
+					</view>
+				</uni-popup-dialog>
+			</uni-popup>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+	import upload from '@/pages/components/upload/upload.vue' //upload
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				title: '',
+				workorderid: '',
+				clickImgState: 0,
+				workOrderDealWithSecondLevelList: [],
+				content: '',
+				handleResult: '',
+				imgid: '',
+				backid: 0,
+				imgUrlList: [],
+				imgList: [], //点击上传的的id
+				imgIdList: [], //不修改图片的id
+				imageStyles: {
+					width: 64,
+					height: 64,
+					border: {
+						radius: '20%'
+					}
+				},
+			}
+		},
+		onLoad(option) {
+			this.workorderid = option.wid
+			// 获取详情
+			this.getDetail("0",option.wid);
+			
+		},
+		filters: {
+			dealWithIsProResultFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "否";
+						break;
+					case "1":
+						str = "是";
+						break;
+					case "2":
+						str = "已办未果";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			},
+			dealWithIsSatisfiedFilters(value) {
+				let str;
+				switch (String(value)) {
+					case "0":
+						str = "未评价";
+						break;
+					case "1":
+						str = "满意";
+						break;
+					case "2":
+						str = "基本满意";
+						break;
+					case "3":
+						str = "不满意";
+						break;
+					default:
+						str = "";
+						break;
+				}
+				return str;
+			}
+		},
+		methods: {
+			// 详情
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrder",type,id,(res)=>{
+					if (res.data[0].F_Content === "" || res.data[0].F_Content === null) {
+						this.content = res.data[0].F_ComContent
+					} else {
+						this.content = res.data[0].F_Content
+					}
+					this.backid = res.ejbldata[res.ejbldata.length - 1].F_Id
+					this.workOrderDealWithSecondLevelList.push(res.ejbldata[res.ejbldata.length - 1])
+				})
+			},
+			getImgData(data) {
+				this.clickImgState = 1
+				this.imgList = data
+			},
+			editSubmit() {
+				this.title = '修改办理结果'
+				this.$refs.inputDialog.open()
+				const params = {
+					workorderid: this.workorderid, // 工单id
+					token: uni.getStorageSync("token")
+				}
+				this.$http.get("WorkOrder/GetNewSecondDealInfo", params).then((response) => {
+					if (response.state.toLowerCase() === "success") {
+						this.handleResult = response.data[0].F_Result
+						if (response.data[0].File) {
+							response.data[0].File.forEach((v, n) => {
+								this.imgIdList.push(v.F_FileId)
+								//详情图片回显
+								this.imgUrlList.push({
+									url: v.F_FileUrl,
+									extname: v.F_FileType,
+									name: v.F_FileName,
+									id: v.F_FileId
+								})
+							})
+						}
+					}
+				}).catch((e) => {
+					console.log(e)
+				})
+			},
+			dialogInputConfirm() {
+				this.$refs.inputDialog.close()
+				if(this.title == '修改办理结果') {
+					if(this.clickImgState == 1) {
+						this.imgid = this.$mHelper.getImgString(this.imgList)
+					}else{
+						this.imgid = this.$mHelper.getImgString(this.imgIdList)
+					}
+					const params = {
+						workorderid: this.workorderid,
+						result: this.handleResult,
+						flies: this.imgid,
+						token: uni.getStorageSync("token")
+					}
+					this.$mHelper.httpPost("WorkOrder/EditDealWorkOrder",params,2)
+				}else if(this.title == '拒绝原因') {
+					if(!this.handleResult) {
+						this.$mHelper.toast('请输入拒绝原因');
+						return
+					}
+					const params = {
+						workorderid: this.workorderid,
+						reason: this.handleResult,
+						state: 2,
+						backid: this.backid,
+						token: uni.getStorageSync("token")
+					}
+					this.$mHelper.httpPost("WorkOrder/AuditSplitWorkOrder",params,2)
+				}
+				
+			},
+			close() {
+				this.handleResult = ''
+			},
+			//同意
+			agreeSubmit(){
+				const params = {
+					workorderid: this.workorderid,
+					state: 1,
+					backid: this.backid,
+					token: uni.getStorageSync("token")
+				}
+				this.$mHelper.httpPost("WorkOrder/AuditSplitWorkOrder",params,2)
+			},
+		  refuseSubmit() {
+				this.title = '拒绝原因'
+				this.$refs.inputDialog.open()
+			},
+			getFileData(fileData) {
+				let newFile = []
+				if (fileData && fileData.length > 0) {
+			
+					console.log(fileData)
+					fileData.forEach((element, index) => {
+						const obj = {}
+						obj.url = element.F_FileUrl
+						obj.extname = element.F_FileType.split('.')[1]
+						obj.name = element.F_FileName
+						newFile.push(obj);
+					});
+			
+				}
+				return newFile
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+			width: 75%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+  .uniFilePicker{
+	  padding-top: 5px;
+  }
+  .btnClass{
+	  display: flex;
+  }
+	.detailContent {
+		// margin: 15px 0 15px 0;
+	
+		.contentBlock {
+			margin: 18px 0 0 0;
+	
+			.title {
+				font-weight: 700;
+			}
+	
+			.content {
+				margin: 5px 0 5px 0;
+			}
+		}
+	
+		.contentTable {
+			margin: 0 0 5px 0;
+	
+			.contentTitle {
+				font-weight: 700;
+				font-size: 14px;
+			}
+	
+			.contentText {
+				color: #525252;
+				font-size: 14px;
+			}
+		}
+	}
+	// .uni-button{
+	// 	padding-left: 30px !important;
+	// 	padding-right: 30px !important;
+	// 	line-height: 2px !important;
+	// }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/buttons/components/button_5/button_5.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="wrapper">
+		<view class="form">
+			<!-- 基础表单校验 -->
+			<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
+				
+				<uni-forms-item label="工单内容">
+					<view class="detailContent" v-model="valiFormData.content">{{detailContentData.F_ComContent}}</view>
+				</uni-forms-item>
+				<uni-forms-item label="紧急程度" required name="leave">
+					<uni-data-select v-model="valiFormData.leave" :localdata="levelData" @change="changeLeave" />
+				</uni-forms-item>
+				<uni-forms-item label="办理时限" required name="limittime" v-show="valiFormData.leave===1">
+					<uni-data-select v-model="valiFormData.limittime" :localdata="limittimeData" @change="changeLimittime" />
+				</uni-forms-item>
+				<uni-forms-item label="紧急办理时限" required name="limittimes" v-show="valiFormData.leave===2">
+					<uni-datetime-picker v-model="valiFormData.limittimes"/>
+				</uni-forms-item>
+				<uni-forms-item label="是否短信提醒" required name="isms" >
+					<uni-data-select v-model="valiFormData.isms" :localdata="ismsData"/>
+				</uni-forms-item>
+				<uni-forms-item label="承办单位" required name="maindeptid">
+					<depart-select @post-select-data = "postSelectData"></depart-select>
+				</uni-forms-item>
+				
+			</uni-forms>
+			<view class="btnClass">
+				<button type="warn" @click="submit('valiForm')">提交</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import departSelect from '@/pages/components/commonSelect/departSelect/departSelect.vue'
+	export default {
+		components: {
+			departSelect
+		},
+		data() {
+			return {
+				// 校验表单数据
+				valiFormData: {
+					workorderid: '',
+					maindeptid: '', //承办单位
+					leave:'',	//紧急程度
+					limittime: 5, //办理时限
+					limittimes: '', //紧急办理时限
+					assignedopinion: '', //交办意见
+					state: 1, // 0保存，1保存并提交
+					content: '',
+					isms: '',
+				},
+				assignState:'',
+				detailContentData:{}, //工单信息
+				limittimeData:[{
+					value:5,
+					text:'五个工作日'
+				},{
+					value:1,
+					text:'一个工作日'
+				},{
+					value:7,
+					text:'七个工作日'
+				}],
+				limittimes:'',
+				levelData: [{
+					value:1,
+					text:'普通'
+				},{
+					value:2,
+					text:'紧急'
+				}],
+				ismsData:[{
+					value: 0,
+					text:'否'
+				},{
+					value: 1,
+					text:'是'
+				}],
+				// 校验规则
+				rules: {
+					leave: {
+						rules: [{
+							required: true,
+							errorMessage: '紧急程度不能为空'
+						}]
+					},
+					maindeptid: {
+						rules: [{
+							required: true,
+							errorMessage: '承办单位不能为空'
+						}]
+					},
+					isms: {
+						rules: [{
+							required: true,
+							errorMessage: '短信提醒不能为空'
+						}]
+					}
+					
+				},
+			}
+		},
+		onLoad(option) {
+			this.valiFormData.workorderid = option.wid
+			this.assignState = option.assignState
+			// 获取详情
+			this.getDetail("0",option.wid);
+		},
+		methods: {
+			postSelectData(data) {
+				this.valiFormData.maindeptid = data
+			},
+			changeLeave(e){
+				// 1是普通,2是紧急
+				this.valiFormData.leave = e
+				if(e){
+					e===1?this.valiFormData.limittimes = '':this.valiFormData.limittime = 5
+					e===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+				}
+				
+			},
+			changeLimittime(e){
+				console.log(e)
+			},
+			getDetail(type,id) {
+				this.$mHelper.httpGetDetail("/WorkOrder/GetWorkOrderNew",type,id,(res)=>{
+					if (type === "0") {
+						this.detailContentData = res.data[0];
+						this.valiFormData.content = res.data[0].F_ComContent
+						this.valiFormData.leave = Number(res.data[0].F_Level)
+						this.valiFormData.leave===1?this.valiFormData.isms = 0:this.valiFormData.isms = 1
+					}
+				})
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					this.postAssignAPI("WorkOrder/AssignWorkOrderNew")					
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+			
+			//交办接口
+			postAssignAPI(url){
+				
+				if(this.valiFormData.leave ===1 ){
+					if(!this.valiFormData.limittime){
+						this.$mHelper.toast("请选择办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittime +
+					"个工作日内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				} else if(this.valiFormData.leave ===2 ){
+					if(!this.valiFormData.limittimes){
+						this.$mHelper.toast("请选择紧急办理时限");
+						return
+					}
+					this.valiFormData.assignedopinion ="请认真调查处理并答复来电人,在" + this.valiFormData.limittimes +
+					"内通过网络反馈市市长热线办公室。要求注明主办人、主管领导姓名和联系电话，同时提供有关处理依据。"
+				}else{
+					this.$mHelper.toast("请选择紧急程度");
+					return
+				}
+				const params = {
+				  workorderid: this.valiFormData.workorderid,
+				  maindeptid: this.valiFormData.maindeptid, // 单位
+				  limittime: this.valiFormData.limittime, // 办理时限
+				  limittimes: this.valiFormData.limittimes, // 紧急办理时限
+				  assignedopinion: this.valiFormData.assignedopinion, // 交办意见
+					isms:this.valiFormData.isms, // 是否短信提醒
+				  state: this.valiFormData.state, // 0保存，1保存并提交
+				  content: this.valiFormData.content, // 工单内容
+				  token: uni.getStorageSync("token"),
+				}
+				this.$mHelper.httpPost(url,params,2)
+				
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  background-color: #fff;
+  .form {
+		.uni-stat__select{
+		    display: block;
+		    align-items: center;
+		    padding: 0px;
+		    cursor: pointer;
+				width: 80%;
+		}
+		.uni-date{
+			width: 80%;
+		}
+		.detailContent{
+			line-height: 36px;
+		}
+  }
+
+}
+</style>

anyangWebAPP/pages/myTask/workOrderList/workOrderDetail/workOrderDetail.vue

@@ -111,14 +111,15 @@
 							this.detailContentData = data.data[0];
 							let btnData = data.btndata;
 							if (btnData.length > 0) {
-								btnData.forEach((element, index) => {
-									let btn = this.$mButtonConfig[element.key];
-									console.log(btn)
-									if (btn != undefined) {
-										this.workOrderButton.push(btn);
-									}
-									this.orderButtonData = this.workOrderButton
-								});
+								this.orderButtonData = btnData
+								// btnData.forEach((element, index) => {
+								// 	let btn = this.$mButtonConfig[element.key];
+								// 	console.log(btn)
+								// 	if (btn != undefined) {
+								// 		this.workOrderButton.push(btn);
+								// 	}
+								// 	this.orderButtonData = this.workOrderButton
+								// });
 							}
 						} else if (type === "9") {
 							this.handleProcessListData = data;