feat(process):流程转发功能

pages/process/detail/index.vue

@@ -8,36 +8,47 @@
 					:label-width="125" :border="true">
 					<view v-for="(elem, index) in formElements" :key="index">
 						<uni-forms-item
-							v-if="!(elem.elementName.endsWith('审批') && '' == elem.defaultValue && ['0', undefined].includes(elem.canEdit)) && ('' != elem.defaultValue || 1 == elem.canEdit)" :label="elem.elementName" :name="elem.elementId">
+							v-if="!(elem.elementName.endsWith('审批') && '' == elem.defaultValue && ['0', undefined].includes(elem.canEdit)) && ('' != elem.defaultValue || 1 == elem.canEdit)"
+							:label="elem.elementName" :name="elem.elementId">
 							<view class="element_value_container">
 								<view v-if="'1' == elem.canEdit && '8' != elem.type" class="element_value">
 									<!-- 关联变量输入框 -->
 									<!-- 计算出差天数 -->
 									<uni-easyinput v-if="undefined != elem.bindTimeRange && elem.elementName == '出差天数'"
-										:type="fieldTypeDict[elem.fieldType] || 'text'" :value="calculateBusinessDifference(elem, formElements)"
-										placeholder="" :disabled="true"></uni-easyinput>
+										:type="fieldTypeDict[elem.fieldType] || 'text'"
+										:value="calculateBusinessDifference(elem, formElements)" placeholder=""
+										:disabled="true"></uni-easyinput>
 									<uni-easyinput v-else-if="undefined != elem.bindTimeRange"
-										:type="fieldTypeDict[elem.fieldType] || 'text'" 
-										:value="calculateTimeDifference(elem, formElements)" placeholder="" :disabled="true"></uni-easyinput>
+										:type="fieldTypeDict[elem.fieldType] || 'text'"
+										:value="calculateTimeDifference(elem, formElements)" placeholder=""
+										:disabled="true"></uni-easyinput>
 									<!-- 金额转大写 -->
 									<uni-easyinput v-else-if="elem.elementName.endsWith('大写')" placeholder=""
 										:value="computedNumberToChineseCurrency(elem, formElements)"></uni-easyinput>
 									<!-- 主表关联变量输入框 -->
 									<!-- 数值输入框 -->
-									<uni-easyinput v-else-if="'1' == elem.fieldType && elem.BddzText"
-										type="digit" :value="computedBddzTextValue(elem)" @input="digitInput($event, elem)" placeholder="" :disabled="true"></uni-easyinput>
+									<uni-easyinput v-else-if="'1' == elem.fieldType && elem.BddzText" type="digit"
+										:value="computedBddzTextValue(elem)" @input="digitInput($event, elem)"
+										placeholder="" :disabled="true"></uni-easyinput>
 									<!-- 输入框 -->
 									<uni-easyinput v-else-if="elem.BddzText"
 										:type="fieldTypeDict[elem.fieldType] || 'text'"
-										:value="computedBddzTextValue(elem)" placeholder="" :disabled="true"></uni-easyinput>
+										:value="computedBddzTextValue(elem)" placeholder=""
+										:disabled="true"></uni-easyinput>
 									<!-- 数值输入框 -->
-									<uni-easyinput v-else-if="'0' == elem.type && '1' == elem.fieldType" :disabled="'0' == elem.canEdit" type="digit" :placeholder="'0' == elem.canEdit ? '' : '请输入内容'" @input="digitInput($event, elem)"
-										v-model="elem.defaultValue" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
+									<uni-easyinput v-else-if="'0' == elem.type && '1' == elem.fieldType"
+										:disabled="'0' == elem.canEdit" type="digit"
+										:placeholder="'0' == elem.canEdit ? '' : '请输入内容'"
+										@input="digitInput($event, elem)" v-model="elem.defaultValue"
+										placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
 									<!-- 输入框 -->
-									<uni-easyinput v-else-if="'0' == elem.type" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" placeholder="请输入内容"
+									<uni-easyinput v-else-if="'0' == elem.type"
+										placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" placeholder="请输入内容"
 										v-model="elem.defaultValue" type="text"></uni-easyinput>
 									<!-- 富文本框 -->
-									<uni-easyinput v-else-if="'1' == elem.type" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" placeholder="请输入内容" v-model="elem.defaultValue" type="textarea"></uni-easyinput>
+									<uni-easyinput v-else-if="'1' == elem.type"
+										placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" placeholder="请输入内容"
+										v-model="elem.defaultValue" type="textarea"></uni-easyinput>
 									<!-- 下拉框 -->
 									<picker class="picker_container" v-else-if="'2' == elem.type"
 										@change="bindPickerChange($event, elem)" :value="elem.defaultValue"
@@ -49,7 +60,9 @@
 										</view>
 									</picker>
 									<!-- 数据选择器 -->
-									<uni-data-checkbox v-else-if="'5' == elem.type" multiple v-model="elem.defaultValue" :localdata="formatCheckbox(elem)" @change="changeDataCheckBox($event,elem)"></uni-data-checkbox>
+									<uni-data-checkbox v-else-if="'5' == elem.type" multiple v-model="elem.defaultValue"
+										:localdata="formatCheckbox(elem)"
+										@change="changeDataCheckBox($event,elem)"></uni-data-checkbox>
 									<!-- 开始时间选择器 -->
 									<uni-datetime-picker :end="formElements[elem.endElemIndex].defaultValue"
 										@change="setTimeRange(elem)"
@@ -77,15 +90,19 @@
 										</view>
 									</view>
 								</view>
-								<view v-else-if="typeof elem.sealImgPath === 'string' && elem.sealImgPath.startsWith('/shares')" class="signature_img">
+								<view
+									v-else-if="typeof elem.sealImgPath === 'string' && elem.sealImgPath.startsWith('/shares')"
+									class="signature_img">
 									<img style="width: 100%;" mode="widthFix"
 										:src="config.baseUrlPre + elem.sealImgPath" />
 								</view>
-								<view v-else-if="typeof elem.defaultValue === 'string' && elem.defaultValue.startsWith('/shares')" class="signature_img">
+								<view
+									v-else-if="typeof elem.defaultValue === 'string' && elem.defaultValue.startsWith('/shares')"
+									class="signature_img">
 									<img style="width: 100%;" mode="widthFix"
 										:src="config.baseUrlPre + elem.defaultValue" />
 								</view>
-								<text class="element_value" v-else>{{ elem.defaultValue }}</text>
+								<text class="element_value" v-else>{{ Array.isArray(elem.defaultValue) ? elem.defaultValue.join(',') : elem.defaultValue }}</text>
 							</view>
 						</uni-forms-item>
 					</view>
@@ -102,11 +119,17 @@
 					<uni-forms-item :name="elem.tableField" v-for="(elem, itemIndex) in table"
 						:label="repeatingForm.elementItem[itemIndex].elementName.slice(3)" :key="itemIndex">
 						<!-- 自定义关联变量 -->
-						<uni-easyinput v-if="repeatingForm.elementItem[itemIndex].bddzText" :placeholder="''" :type="fieldTypeDict[repeatingForm.elementItem[itemIndex].fieldType.value] || 'text'" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" :value="calculateRepeatingFormExpression(elem, table)" :disabled="true"></uni-easyinput>
+						<uni-easyinput v-if="repeatingForm.elementItem[itemIndex].bddzText" :placeholder="''"
+							:type="fieldTypeDict[repeatingForm.elementItem[itemIndex].fieldType.value] || 'text'"
+							placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"
+							:value="calculateRepeatingFormExpression(elem, table)" :disabled="true"></uni-easyinput>
 						<!-- 数值输入框 -->
-						<uni-easyinput v-else-if="'1' == repeatingForm.elementItem[itemIndex].fieldType.value" placeholder="请输入内容" v-model="elem.defaultValue" @input="digitInput($event, elem)" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" type="digit"></uni-easyinput>
+						<uni-easyinput v-else-if="'1' == repeatingForm.elementItem[itemIndex].fieldType.value"
+							placeholder="请输入内容" v-model="elem.defaultValue" @input="digitInput($event, elem)"
+							placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))" type="digit"></uni-easyinput>
 						<!-- 输入框 -->
-						<uni-easyinput v-else placeholder="请输入内容" v-model="elem.defaultValue" type="'text'" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
+						<uni-easyinput v-else placeholder="请输入内容" v-model="elem.defaultValue" type="'text'"
+							placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
 					</uni-forms-item>
 				</uni-forms>
 				<!-- <view class="repeating_table_button_container">
@@ -144,7 +167,8 @@
 		<view v-for="(item, index) in fileList" :key="index">
 			<uni-card v-if="item.files.length != undefined && item.files.length > 0">
 				<uni-section titleFontSize="1.3rem" title="附件" type="line"></uni-section>
-				<attachment-list @clickDelete="deleteFile" :canEdit="flowInfo.seModel == '1'" :attachments="item.files"></attachment-list>
+				<attachment-list @clickDelete="deleteFile" :canEdit="flowInfo.seModel == '1'"
+					:attachments="item.files"></attachment-list>
 			</uni-card>
 		</view>
 		<!-- 上传附件 -->
@@ -185,7 +209,8 @@
 				<uni-card>
 					<uni-section titleFontSize="1.3rem" title="环节备注" type="line"></uni-section>
 					<view class="remark_content">
-						<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
+						<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入"
+							placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
 					</view>
 				</uni-card>
 			</view>
@@ -220,7 +245,8 @@
 			<uni-card>
 				<uni-section titleFontSize="1.3rem" title="撤销备注" type="line"></uni-section>
 				<view class="remark_content">
-					<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入" placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
+					<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入"
+						placeholderStyle="font-size: calc(14px + 1.2*(1rem - 16px))"></uni-easyinput>
 				</view>
 			</uni-card>
 		</view>
@@ -261,1194 +287,1208 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref, nextTick } from 'vue'
-import { onLoad, onShow } from '@dcloudio/uni-app'
-import { LSignatureToTempFilePathOptions, LSignatureToFileSuccess } from '@/uni_modules/lime-signature'
-import attachmentList from '@/components/ygoa/attachmentList.vue'
-import config from '@/config.js'
-import $tab from '@/plugins/tab.js'
-import $modal from '@/plugins/modal.js'
-import { getProcessFlowInfo, getProcessFormInfo, getProcessFormInfoInFlow, getProcessFlow, submitProcessFlow, cancelProcessFlow, uploadSignatureImg, uploadSignatureBoardImg, uploadFile } from '@/api/process.js'
-import { getAttendanceSegment } from '@/api/work.js'
-import { useUserStore } from '@/store/user.js'
-import { getLoginInfo, getSession, setSession } from '@/utils/auth.js'
-import { reLogin, keepSession } from '@/api/login.js'
-import { convertToChineseCurrency } from '@/utils/ygoa.js'
-import { calCommonExp } from '@/utils/rpn.js'
-const fieldTypeDict = {
-	'0': 'text',
-	'1': 'digit'
-}
-const userStore = useUserStore()
-const processInfo = reactive({
-	insId: '',
-	insName: '',
-	control: 1,
-	username: '',
-	reqOffice: 0,
-	reqRemark: 0,
-	tinsId: undefined
-})
-onLoad(({ insId, tinsId, insName, control }) => {
-	// 获取传入的标题参数
-	const title = insName || '流程信息';
-	processInfo.insId = insId
-	processInfo.insName = insName
-	processInfo.control = control
-	if (tinsId) {
-		processInfo['tinsId'] = tinsId
+	import { computed, onMounted, reactive, ref, nextTick } from 'vue'
+	import { onLoad, onShow, onShareAppMessage } from '@dcloudio/uni-app'
+	import { LSignatureToTempFilePathOptions, LSignatureToFileSuccess } from '@/uni_modules/lime-signature'
+	import attachmentList from '@/components/ygoa/attachmentList.vue'
+	import config from '@/config.js'
+	import $tab from '@/plugins/tab.js'
+	import $modal from '@/plugins/modal.js'
+	import { getProcessFlowInfo, getProcessFormInfo, getProcessFormInfoInFlow, getProcessFlow, submitProcessFlow, cancelProcessFlow, uploadSignatureImg, uploadSignatureBoardImg, uploadFile } from '@/api/process.js'
+	import { getAttendanceSegment } from '@/api/work.js'
+	import { useUserStore } from '@/store/user.js'
+	import { getLoginInfo, getSession, setSession } from '@/utils/auth.js'
+	import { reLogin, keepSession } from '@/api/login.js'
+	import { convertToChineseCurrency } from '@/utils/ygoa.js'
+	import { calCommonExp } from '@/utils/rpn.js'
+	const fieldTypeDict = {
+		'0': 'text',
+		'1': 'digit'
 	}
-	// 设置导航栏标题
-	uni.setNavigationBarTitle({
-		title: title
-	});
-})
-onShow(()=>{
-	keepSession().then(res=>{
-		if(typeof res === 'number'){
-			return
-		}else{
-			const loginInfo = getLoginInfo()
-			//如果有登录信息，就自动登录刷session
-			if(Object.keys(loginInfo).length !== 0){
-				reLogin(loginInfo.username, loginInfo.password).then((res) => {
-					if ("ok" === res.data) {
-						setSession(res.cookies[0].split("=")[1].split(";")[0]);
-					}
-				}).catch(res=>{
-					console.log(res);
-				})
-			}else{
-				$tab.reLaunch({ url: '/pages/login' })
-			}
-		}
+	const userStore = useUserStore()
+	const processInfo = reactive({
+		insId: '',
+		insName: '',
+		control: 1,
+		username: '',
+		reqOffice: 0,
+		reqRemark: 0,
+		tinsId: undefined,
+		// tinsObj: {}//存储流转最后一步的对象
 	})
-	.catch(err=>{
-		console.log('err',err);
-		// $tab.navigateBack()
+	onLoad(({ insId, tinsId, insName, control  }) => {
+		// 获取传入的标题参数
+		const title = insName || '流程信息';
+		processInfo.insId = insId
+		processInfo.insName = insName
+		processInfo.control = control
+		if (tinsId) {
+			processInfo['tinsId'] = tinsId
+		}
+		// 设置导航栏标题
+		uni.setNavigationBarTitle({
+			title: title
+		});
 	})
-	
-})
-
-onMounted(() => {
-	initProcessForm() // 获取表单数据
-	initProcessInfo() // 获取流程数据
-})
-
-const repeatingForm = ref({
-	elements: [],
-	elementItem: [],
-})
-// 是否有重复表
-const repeatingFormNotEmpty = ref(false)
-function repeatingFormHasValue() {
-	if (repeatingForm.value === undefined) return
-	if (repeatingForm.value.elementItem.length <= 0) return
-	repeatingForm.value.elements.forEach(({ defaultValue }) => {
-		if (defaultValue != "") {
-			repeatingFormNotEmpty.value = true
-			return new Promise((resolve, reject) => {
-				resolve(repeatingFormNotEmpty)
+	onShow(() => {
+		keepSession().then(res => {
+			if (typeof res === 'number') {
+				return
+			} else {
+				const loginInfo = getLoginInfo()
+				//如果有登录信息，就自动登录刷session
+				if (Object.keys(loginInfo).length !== 0) {
+					reLogin(loginInfo.username, loginInfo.password).then((res) => {
+						if ("ok" === res.data) {
+							setSession(res.cookies[0].split("=")[1].split(";")[0]);
+						}
+					}).catch(res => {
+						console.log(res);
+					})
+				} else {
+					$tab.reLaunch({ url: '/pages/login' })
+				}
+			}
+		})
+			.catch(err => {
+				console.log('err', err);
+				// $tab.navigateBack()
 			})
-		}
+
+	})
+
+	onMounted(() => {
+		initProcessForm() // 获取表单数据
+		initProcessInfo() // 获取流程数据
 	})
-}
-// 新增重复表表单
-function addrepeatingFormItem(index) {
-	// parseCalculation(repeatingForm.value.elementItem)
-	const table = repeatingForm.value.elementItem.map(({ tableField, bddzText }) => {
-		const item = {
-			name: tableField,
-			defaultValue: ""
+	//分享转发事件
+	onShareAppMessage((res) => {
+		if (res.from === 'menu') {
+			console.log('res', res)
 		}
-		if (bddzText != '') {
-			const mulItem = bddzText.split('*')
-			// 保存关联数据索引
-			item['bddzText'] = mulItem.map(item => {
-				// item['operation '].operands = mulItem.map(item => {
-				return repeatingForm.value.elementItem.findIndex(({ elementName }) => item == elementName)
-			})
+		let url = '/pages/process/index?insId=' + processInfo.insId + '&insName=' + processInfo.insName + '&control=' + processInfo.control
+		console.log('url',url);
+		return {
+			title: processInfo.insName,
+			path: url
 		}
-		return item
 	})
-	repeatingForm.value.elements.splice(index + 1, 0, table)
-}
-// 删除重复表表单
-function delrepeatingFormItem(index) {
-	$modal.confirm('', '确认删除该重复表数据')
-		.then(() => {
-			repeatingForm.value.elements.splice(index, 1)
-			// $repeatingForms.value.splice(index, 1)
-		}).catch(() => { })
-}
-const formElements = ref([])
-const formInfo = ref({
-	formElements: [],
-	formId: '',
-	formInsId: ''
-})
-const fileList = ref([])
-const isCancel = ref(false)
-// 获取流程表单
-function initProcessForm() {
-	if (processInfo.tinsId) {
-		// 待办审批流程表单数据
-		getProcessFormInfoInFlow(userStore.user.useId, processInfo).then(({ returnParams }) => {
-			
-			const modifyReturnParams = (returnParams) => {
-			  return returnParams.formElements.map(element => {
-			    if (element.type === "5") {
-			      // 将 defaultValue 按逗号分割成数组
-			      element.defaultValue = element.defaultValue.split(",");
-			    }
-			    return element;
-			  });
-			};
-			formElements.value = modifyReturnParams(returnParams)
-			formInfo.value = returnParams.formInfo[0]
-			repeatingForm.value = returnParams.repeatingForm
-			getMainFormRule()
-			computedMainFormValue()
-			if (returnParams.isCancel == 1) {
-				isCancel.value = true
-			}
-			repeatingFormHasValue()
-			bindTimeRangeData()
-			remark.value = flowInfo.value.seModel == '0' ? '同意' : '重新提交'
-		})
-	} else {
-		// 我的 在办 办结流程表单数据
-		getProcessFormInfo(userStore.user.useId, processInfo.insId).then(({ returnParams }) => {
-			formElements.value = returnParams.formElements
-			repeatingForm.value = returnParams.repeatingForm
-			fileList.value = returnParams.fileList
-			if (returnParams.isCancel == 1) {
-				isCancel.value = true
+
+	const repeatingForm = ref({
+		elements: [],
+		elementItem: [],
+	})
+	// 是否有重复表
+	const repeatingFormNotEmpty = ref(false)
+	function repeatingFormHasValue() {
+		if (repeatingForm.value === undefined) return
+		if (repeatingForm.value.elementItem.length <= 0) return
+		repeatingForm.value.elements.forEach(({ defaultValue }) => {
+			if (defaultValue != "") {
+				repeatingFormNotEmpty.value = true
+				return new Promise((resolve, reject) => {
+					resolve(repeatingFormNotEmpty)
+				})
 			}
-			repeatingFormHasValue()
 		})
 	}
-}
-const options = ref([])
-const stepActive = ref(-1)
-const flowInfo = ref({
-	seModel: '0'
-})
-// 获取流程信息
-function initProcessInfo() {
-	getProcessFlow(userStore.user.useId, processInfo).then(({ returnParams }) => {
-		options.value = returnParams.list.map((item, index) => {
-			const { tmodelName, name, createdate, finishdate, remark, state } = item
-			if (state == 1) {
-				stepActive.value = index
+	// 新增重复表表单
+	function addrepeatingFormItem(index) {
+		// parseCalculation(repeatingForm.value.elementItem)
+		const table = repeatingForm.value.elementItem.map(({ tableField, bddzText }) => {
+			const item = {
+				name: tableField,
+				defaultValue: ""
 			}
-			const title = tmodelName + (name == '' ? '' : ' ( ' + name + ' )')
-			const desc = '创建时间: ' + createdate
-				+ (finishdate == '' ? '\n' : '\n办理时间: ' + finishdate)
-				+ (remark == '' ? '\n' : '\n环节意见: ' + remark)
-			return {
-				title,
-				desc,
-				state
+			if (bddzText != '') {
+				const mulItem = bddzText.split('*')
+				// 保存关联数据索引
+				item['bddzText'] = mulItem.map(item => {
+					// item['operation '].operands = mulItem.map(item => {
+					return repeatingForm.value.elementItem.findIndex(({ elementName }) => item == elementName)
+				})
 			}
+			return item
 		})
-		if (stepActive.value === -1) stepActive.value = returnParams.list.length
-		// 获取未完成过程
+		repeatingForm.value.elements.splice(index + 1, 0, table)
+	}
+	// 删除重复表表单
+	function delrepeatingFormItem(index) {
+		$modal.confirm('', '确认删除该重复表数据')
+			.then(() => {
+				repeatingForm.value.elements.splice(index, 1)
+				// $repeatingForms.value.splice(index, 1)
+			}).catch(() => { })
+	}
+	const formElements = ref([])
+	const formInfo = ref({
+		formElements: [],
+		formId: '',
+		formInsId: ''
+	})
+	const fileList = ref([])
+	const isCancel = ref(false)
+	// 获取流程表单
+	function initProcessForm() {
 		if (processInfo.tinsId) {
-			getProcessFlowInfo(userStore.user.useId, processInfo).then(({ returnParams }) => {
-				options.value.push({ title: returnParams.nextTmodels[0].nextTmodelName })
-				flowInfo.value = returnParams.flow[0]
-				fileList.value = [
-					{ files: returnParams.flow[0].files }
-				]
-				processInfo.reqOffice = returnParams.tmodel.reqOffice
-				processInfo.reqRemark = returnParams.tmodel.reqRemark
+			// 待办审批流程表单数据todo
+			getProcessFormInfoInFlow(userStore.user.useId, processInfo).then(({ returnParams }) => {
+
+				const modifyReturnParams = (returnParams) => {
+					return returnParams.formElements.map(element => {
+						if (element.type === "5") {
+							// 将 defaultValue 按逗号分割成数组
+							element.defaultValue = element.defaultValue.split(",");
+						}
+						return element;
+					});
+				};
+				formElements.value = modifyReturnParams(returnParams)
+				console.log('formElements1',formElements.value);
+				formInfo.value = returnParams.formInfo[0]
+				repeatingForm.value = returnParams.repeatingForm
+				getMainFormRule()
+				computedMainFormValue()
+				if (returnParams.isCancel == 1) {
+					isCancel.value = true
+				}
+				repeatingFormHasValue()
+				bindTimeRangeData()
+				remark.value = flowInfo.value.seModel == '0' ? '同意' : '重新提交'
+			})
+		} else {
+			// 我的 在办 办结流程表单数据 todo
+			getProcessFormInfo(userStore.user.useId, processInfo.insId).then(({ returnParams }) => {
+				formElements.value = returnParams.formElements
+				repeatingForm.value = returnParams.repeatingForm
+				fileList.value = returnParams.fileList
+				if (returnParams.isCancel == 1) {
+					isCancel.value = true
+				}
+				repeatingFormHasValue()
 			})
 		}
+	}
+	const options = ref([])
+	const stepActive = ref(-1)
+	const flowInfo = ref({
+		seModel: '0'
 	})
-}
-
-// 下拉框
-function bindPickerChange(e, item) {
-	const index = e.detail.value;
-	item.defaultValue = item.typeDetail.enum[index].enumVname
-}
-function formatDict(dict) {
-	return dict.map(({ enumVname }) => enumVname)
-}
-//数据选择器
-function formatCheckbox(elem) {
-	let dict = elem.typeDetail.enum
-	// elem['checkBox'] = ''
-	return dict.map((item, index) => ({
-		text: item.enumVname,
-		value: item.enumVname
-	}));
-}
-function changeDataCheckBox(e, elem) {
-	elem['checkBox'] = e.detail.value.join(",")
-	console.log(e)
-}
-
-const timeRangeItems = ref([
-	['开始时间', '结束时间', '多少小时'],
-	['出发时间', '预计返回时间'],
-	['出差时间', '返回时间', '出差天数'],
-	['出门时间', '预计返回时间'],
-	['开始时间', '结束时间', '合计小时'],
-])
-// 关联时间变量
-function bindTimeRangeData() {
-	return new Promise<void>((resolve) => {
-		timeRangeItems.value.forEach((range) => {
-			const [startName, endName, bindName] = range;
-
-			// 找到 startName 和 endName 的索引
-			const startIndex = formElements.value.findIndex((item) => item.elementName === startName);
-			const endIndex = formElements.value.findIndex((item) => item.elementName === endName);
-
-			const formatDate = (date) => {
-				const pad = (num) => num.toString().padStart(2, '0');
-				return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+	// 获取流程信息
+	function initProcessInfo() {
+		getProcessFlow(userStore.user.useId, processInfo).then(({ returnParams }) => {
+			options.value = returnParams.list.map((item, index) => {
+				const { tmodelName, name, createdate, finishdate, remark, state } = item
+				if (state == 1) {
+					stepActive.value = index
+				}
+				const title = tmodelName + (name == '' ? '' : ' ( ' + name + ' )')
+				const desc = '创建时间: ' + createdate
+					+ (finishdate == '' ? '\n' : '\n办理时间: ' + finishdate)
+					+ (remark == '' ? '\n' : '\n环节意见: ' + remark)
+				return {
+					title,
+					desc,
+					state
+				}
+			})
+			if (stepActive.value === -1) stepActive.value = returnParams.list.length
+			// 获取未完成过程
+			if (processInfo.tinsId) {
+				getProcessFlowInfo(userStore.user.useId, processInfo).then(({ returnParams }) => {
+					options.value.push({ title: returnParams.nextTmodels[0].nextTmodelName })
+					flowInfo.value = returnParams.flow[0]
+					fileList.value = [
+						{ files: returnParams.flow[0].files }
+					]
+					processInfo.reqOffice = returnParams.tmodel.reqOffice
+					processInfo.reqRemark = returnParams.tmodel.reqRemark
+				})
 			}
+		})
+	}
 
-			// 只有找到 startName 和 endName 后，才检查 bindName
-			if (startIndex !== -1 && endIndex !== -1) {
-				if (formElements.value[startIndex].defaultValue == '') {
-					formElements.value[startIndex].defaultValue = formatDate(new Date())
-				} else {
-					formElements.value[startIndex].defaultValue = formatDate(new Date(formElements.value[startIndex].defaultValue))
+	// 下拉框
+	function bindPickerChange(e, item) {
+		const index = e.detail.value;
+		item.defaultValue = item.typeDetail.enum[index].enumVname
+	}
+	function formatDict(dict) {
+		return dict.map(({ enumVname }) => enumVname)
+	}
+	//数据选择器
+	function formatCheckbox(elem) {
+		let dict = elem.typeDetail.enum
+		// elem['checkBox'] = ''
+		return dict.map((item, index) => ({
+			text: item.enumVname,
+			value: item.enumVname
+		}));
+	}
+	function changeDataCheckBox(e, elem) {
+		elem['checkBox'] = e.detail.value.join(",")
+		console.log(e)
+	}
+
+	const timeRangeItems = ref([
+		['开始时间', '结束时间', '多少小时'],
+		['出发时间', '预计返回时间'],
+		['出差时间', '返回时间', '出差天数'],
+		['出门时间', '预计返回时间'],
+		['开始时间', '结束时间', '合计小时'],
+	])
+	// 关联时间变量
+	function bindTimeRangeData() {
+		return new Promise<void>((resolve) => {
+			timeRangeItems.value.forEach((range) => {
+				const [startName, endName, bindName] = range;
+
+				// 找到 startName 和 endName 的索引
+				const startIndex = formElements.value.findIndex((item) => item.elementName === startName);
+				const endIndex = formElements.value.findIndex((item) => item.elementName === endName);
+
+				const formatDate = (date) => {
+					const pad = (num) => num.toString().padStart(2, '0');
+					return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
 				}
-				if (bindName) {
-					const bindIndex = formElements.value.findIndex((item) => item.elementName === bindName);
-					if (bindIndex !== -1) {
-						// 所有匹配项都存在，保存索引
+
+				// 只有找到 startName 和 endName 后，才检查 bindName
+				if (startIndex !== -1 && endIndex !== -1) {
+					if (formElements.value[startIndex].defaultValue == '') {
+						formElements.value[startIndex].defaultValue = formatDate(new Date())
+					} else {
+						formElements.value[startIndex].defaultValue = formatDate(new Date(formElements.value[startIndex].defaultValue))
+					}
+					if (bindName) {
+						const bindIndex = formElements.value.findIndex((item) => item.elementName === bindName);
+						if (bindIndex !== -1) {
+							// 所有匹配项都存在，保存索引
+							formElements.value[startIndex].endElemIndex = endIndex;
+							formElements.value[endIndex].startElemIndex = startIndex;
+							formElements.value[bindIndex].bindTimeRange = {
+								startIndex,
+								endIndex
+							};
+							setAttendanceSegment() // 获取班次信息
+						}
+					} else {
+						// 没有 bindName，仅保存 start 和 end 的索引
 						formElements.value[startIndex].endElemIndex = endIndex;
 						formElements.value[endIndex].startElemIndex = startIndex;
-						formElements.value[bindIndex].bindTimeRange = {
-							startIndex,
-							endIndex
-						};
-						setAttendanceSegment() // 获取班次信息
 					}
-				} else {
-					// 没有 bindName，仅保存 start 和 end 的索引
-					formElements.value[startIndex].endElemIndex = endIndex;
-					formElements.value[endIndex].startElemIndex = startIndex;
+					// TODO 加班开始时间默认当天下班时间 请假时间默认当天上班时间
 				}
-				// TODO 加班开始时间默认当天下班时间 请假时间默认当天上班时间
-			}
+			});
+			resolve(); // 返回一个 resolved 状态的 Promise
 		});
-		resolve(); // 返回一个 resolved 状态的 Promise
-	});
-}
-// 计算时间差
-function calculateBusinessDifference(item, form) {
-	return item.defaultValue = (calculateTimeDifference(item, form)/7).toFixed(2)
-}
-function calculateTimeDifference(item, form) {
-	// 获取 开始时间 和 结束时间
-	const { startIndex, endIndex } = item.bindTimeRange;
-	const startTime = new Date(form[startIndex].defaultValue);
-	const endTime = new Date(form[endIndex].defaultValue);
-	
-	// 检查时间是否合法
-	if (isNaN(startTime.getTime()) || isNaN(endTime.getTime())) {
-		return item.defaultValue = 0
 	}
-	// 请假申请的时间差 表单项为合计小时
-	const type = item.elementName == '合计小时' ? '非工作时间' : '工作时间'
 	// 计算时间差
-	const timeDifferenceInHours = calculateWorkingHours(startTime, endTime, type);
-	// const timeDifferenceInMs = endTime - startTime;
-	// let timeDifferenceInHours = (timeDifferenceInMs / (1000 * 60 * 60)).toFixed(1);
-	// let timeDifferenceInHours = (timeDifferenceInMs / (1000 * 60 * 60))
-	// // 计算小数部分
-	// const decimalPart = timeDifferenceInHours - Math.floor(timeDifferenceInHours)
-	// if (decimalPart >= 0.5) {
-	// 	// 如果小数部分大于等于 0.5，向上取整到 0.5 的倍数
-	// 	timeDifferenceInHours = Math.floor(timeDifferenceInHours) + 0.5;
-	// } else {
-	// 	// 如果小数部分小于 0.5，向下取整到 0.5 的倍数
-	// 	timeDifferenceInHours = Math.floor(timeDifferenceInHours);
-	// }
-	// 保存到 defaultValue
-	return item.defaultValue = Number(timeDifferenceInHours.toFixed(2));
-}
-let workingPeriods = [
-	{ start: "09:00", end: "12:00" }, // 上午
-	{ start: "13:30", end: "17:30" }, // 下午
-]
-let workDays = [1, 2, 3, 4, 5, 6, 0] // 0为周日
-// 获取考勤时间段
-function setAttendanceSegment() {
-	getAttendanceSegment(userStore.user.unitId).then(({ returnParams }) => {
-		const workTime = returnParams[0].work_time.split(';')
-		let workDayArr = returnParams[0].work_days.split(',')
-		let workTimeArr = []
-		for (const time of workTime) {
-			if (time == '') continue
-			const times = time.split(',')
-			const obj = {
-				start: times[0],
-				end: times[1]
+	function calculateBusinessDifference(item, form) {
+		return item.defaultValue = (calculateTimeDifference(item, form) / 7).toFixed(2)
+	}
+	function calculateTimeDifference(item, form) {
+		// 获取 开始时间 和 结束时间
+		const { startIndex, endIndex } = item.bindTimeRange;
+		const startTime = new Date(form[startIndex].defaultValue);
+		const endTime = new Date(form[endIndex].defaultValue);
+
+		// 检查时间是否合法
+		if (isNaN(startTime.getTime()) || isNaN(endTime.getTime())) {
+			return item.defaultValue = 0
+		}
+		// 请假申请的时间差 表单项为合计小时
+		const type = item.elementName == '合计小时' ? '非工作时间' : '工作时间'
+		// 计算时间差
+		const timeDifferenceInHours = calculateWorkingHours(startTime, endTime, type);
+		// const timeDifferenceInMs = endTime - startTime;
+		// let timeDifferenceInHours = (timeDifferenceInMs / (1000 * 60 * 60)).toFixed(1);
+		// let timeDifferenceInHours = (timeDifferenceInMs / (1000 * 60 * 60))
+		// // 计算小数部分
+		// const decimalPart = timeDifferenceInHours - Math.floor(timeDifferenceInHours)
+		// if (decimalPart >= 0.5) {
+		// 	// 如果小数部分大于等于 0.5，向上取整到 0.5 的倍数
+		// 	timeDifferenceInHours = Math.floor(timeDifferenceInHours) + 0.5;
+		// } else {
+		// 	// 如果小数部分小于 0.5，向下取整到 0.5 的倍数
+		// 	timeDifferenceInHours = Math.floor(timeDifferenceInHours);
+		// }
+		// 保存到 defaultValue
+		return item.defaultValue = Number(timeDifferenceInHours.toFixed(2));
+	}
+	let workingPeriods = [
+		{ start: "09:00", end: "12:00" }, // 上午
+		{ start: "13:30", end: "17:30" }, // 下午
+	]
+	let workDays = [1, 2, 3, 4, 5, 6, 0] // 0为周日
+	// 获取考勤时间段
+	function setAttendanceSegment() {
+		getAttendanceSegment(userStore.user.unitId).then(({ returnParams }) => {
+			const workTime = returnParams[0].work_time.split(';')
+			let workDayArr = returnParams[0].work_days.split(',')
+			let workTimeArr = []
+			for (const time of workTime) {
+				if (time == '') continue
+				const times = time.split(',')
+				const obj = {
+					start: times[0],
+					end: times[1]
+				}
+				workTimeArr.push(obj)
+			}
+			if (workTimeArr.length != 0) {
+				workingPeriods = workTimeArr
+			}
+			workDayArr = workDayArr.map(item => Number(item))
+			const sundayIndex = workDayArr.findIndex(item => item == 7)
+			console.log('workDays: ', workDayArr);
+			if (sundayIndex != -1) {
+				workDayArr[sundayIndex] = 0
+			}
+			if (workDayArr.length != 0) {
+				workDays = workDayArr
+			}
+		})
+	}
+	function calculateWorkingHours(startTime, endTime, type) {
+		// 将时间字符串解析为分钟数
+		const formatTime = (timeString) => {
+			const [hours, minutes] = timeString.split(":").map(Number)
+			return hours * 60 + minutes
+		};
+		// 计算两个时间段的重叠部分
+		const calculateOverlap = (start1, end1, start2, end2) => {
+			const overlapStart = Math.max(start1, start2)
+			const overlapEnd = Math.min(end1, end2)
+			return Math.max(0, overlapEnd - overlapStart) // 如果无重叠返回 0
+		};
+		// 将 Date 转化为当天的分钟数
+		const dateToMinutes = (date) => date.getHours() * 60 + date.getMinutes()
+		// 判断日期是否是工作日
+		const isRestdays = (date) => !workDays.includes(date.getDay())
+		// 确保 startTime 和 endTime 是 Date 类型
+		if (!(startTime instanceof Date) || !(endTime instanceof Date)) {
+			throw new Error("startTime 和 endTime 必须是 Date 类型")
+		}
+
+		// 将时间范围分解为每天的计算
+		const startDate = new Date(startTime)
+		const endDate = new Date(endTime)
+		startDate.setHours(0, 0, 0, 0)
+		endDate.setHours(0, 0, 0, 0)
+
+		let totalMinutes = 0
+		// 遍历时间范围的每一天
+		for (
+			let currentDate = new Date(startDate);
+			currentDate <= endDate;
+			currentDate.setDate(currentDate.getDate() + 1)
+		) {
+
+			const isStartDay = currentDate.getTime() === startDate.getTime();
+			const isEndDay = currentDate.getTime() === endDate.getTime();
+
+			// 当天的起始和结束时间
+			const dayStart = isStartDay ? dateToMinutes(startTime) : 0;
+			const dayEnd = isEndDay ? dateToMinutes(endTime) : 1440; // 1440 = 24 * 60
+			// TODO 改为配置选择
+			if (type == "工作时间") {
+				// 如果当前日期不是工作日，跳过
+				if (isRestdays(currentDate)) continue;
+				// 计算工作时间段内的时间
+				workingPeriods.forEach((period) => {
+					const periodStart = formatTime(period.start);
+					const periodEnd = formatTime(period.end);
+					totalMinutes += calculateOverlap(dayStart, dayEnd, periodStart, periodEnd);
+				});
+			} else if (type == "非工作时间") {
+				if (isRestdays(currentDate)) {
+					// 计算非工作日时间差
+					const midnight = new Date(currentDate)
+					midnight.setHours(24, 0, 0, 0)
+					const timeDiffInMs = dayEnd - dayStart
+					totalMinutes += timeDiffInMs
+					continue
+				}
+				// 计算非工作时间段的时间
+				let nonWorkingMinutes = 0;
+				let current = dayStart;
+				for (const period of workingPeriods) {
+					const periodStart = formatTime(period.start);
+					const periodEnd = formatTime(period.end);
+
+					if (current < periodStart) {
+						nonWorkingMinutes += calculateOverlap(current, dayEnd, current, periodStart);
+					}
+					current = Math.max(current, periodEnd);
+				}
+				if (current < dayEnd) {
+					nonWorkingMinutes += dayEnd - current;
+				}
+				totalMinutes += nonWorkingMinutes;
 			}
-			workTimeArr.push(obj)
 		}
-		if (workTimeArr.length != 0) {
-			workingPeriods = workTimeArr
+
+		// 转换为小时
+		return totalMinutes / 60;
+	}
+	function setTimeRange(e) {
+		// console.log('setTimeRange', e)
+	}
+	// 生成人民币大写
+	function computedNumberToChineseCurrency(item, form) {
+		const elem = form.find(elem => elem.elementName == item.BddzText.slice(3))
+		return item.defaultValue = convertToChineseCurrency(elem.defaultValue)
+	}
+	// 按照公式统计数据
+	function computedBddzTextValue(item) {
+		const mainIndex = formElements.value.findIndex(({ elementName }) => elementName == item.BddzText.slice(3))
+		const reIndex = repeatingForm.value.elementItem.findIndex(({ elementName }) => elementName == item.BddzText)
+		if (mainIndex != -1) {
+			return item.defaultValue = formElements.value[mainIndex].defaultValue
 		}
-		workDayArr = workDayArr.map(item => Number(item))
-		const sundayIndex = workDayArr.findIndex(item => item == 7)
-		console.log('workDays: ', workDayArr);
-		if (sundayIndex != -1) {
-			workDayArr[sundayIndex] = 0
+		if (reIndex != -1) {
+			return computedValueToRepeatingForm(item)
 		}
-		if (workDayArr.length != 0) {
-			workDays = workDayArr
+	}
+	// 统计重复表数据
+	function computedValueToRepeatingForm(item) {
+		const index = repeatingForm.value.elementItem.findIndex(({ elementName }) => elementName.slice(3) == item.BddzText.slice(3))
+		let result = 0
+		for (const formItem of repeatingForm.value.elements) {
+			result += Number(formItem[index].defaultValue) || 0
 		}
-	})
-}
-function calculateWorkingHours(startTime, endTime, type) {
-	// 将时间字符串解析为分钟数
-	const formatTime = (timeString) => {
-		const [hours, minutes] = timeString.split(":").map(Number)
-		return hours * 60 + minutes
-	};
-	// 计算两个时间段的重叠部分
-	const calculateOverlap = (start1, end1, start2, end2) => {
-		const overlapStart = Math.max(start1, start2)
-		const overlapEnd = Math.min(end1, end2)
-		return Math.max(0, overlapEnd - overlapStart) // 如果无重叠返回 0
-	};
-	// 将 Date 转化为当天的分钟数
-	const dateToMinutes = (date) => date.getHours() * 60 + date.getMinutes()
-	// 判断日期是否是工作日
-	const isRestdays = (date) => !workDays.includes(date.getDay())
-	// 确保 startTime 和 endTime 是 Date 类型
-	if (!(startTime instanceof Date) || !(endTime instanceof Date)) {
-		throw new Error("startTime 和 endTime 必须是 Date 类型")
+		return item.defaultValue = Number(result.toFixed(2))
 	}
+	function digitInput(event, item) {
+		// 获取输入框当前的值
+		let currentValue = event;
 
-	// 将时间范围分解为每天的计算
-	const startDate = new Date(startTime)
-	const endDate = new Date(endTime)
-	startDate.setHours(0, 0, 0, 0)
-	endDate.setHours(0, 0, 0, 0)
-
-	let totalMinutes = 0
-	// 遍历时间范围的每一天
-	for (
-		let currentDate = new Date(startDate);
-		currentDate <= endDate;
-		currentDate.setDate(currentDate.getDate() + 1)
-	) {
-
-		const isStartDay = currentDate.getTime() === startDate.getTime();
-		const isEndDay = currentDate.getTime() === endDate.getTime();
-
-		// 当天的起始和结束时间
-		const dayStart = isStartDay ? dateToMinutes(startTime) : 0;
-		const dayEnd = isEndDay ? dateToMinutes(endTime) : 1440; // 1440 = 24 * 60
-		// TODO 改为配置选择
-		if (type == "工作时间") {
-			// 如果当前日期不是工作日，跳过
-			if (isRestdays(currentDate)) continue;
-			// 计算工作时间段内的时间
-			workingPeriods.forEach((period) => {
-				const periodStart = formatTime(period.start);
-				const periodEnd = formatTime(period.end);
-				totalMinutes += calculateOverlap(dayStart, dayEnd, periodStart, periodEnd);
-			});
-		} else if (type == "非工作时间") {
-			if (isRestdays(currentDate)) {
-				// 计算非工作日时间差
-				const midnight = new Date(currentDate)
-				midnight.setHours(24, 0, 0, 0)
-				const timeDiffInMs = dayEnd - dayStart
-				totalMinutes += timeDiffInMs
-				continue
-			}
-			// 计算非工作时间段的时间
-			let nonWorkingMinutes = 0;
-			let current = dayStart;
-			for (const period of workingPeriods) {
-				const periodStart = formatTime(period.start);
-				const periodEnd = formatTime(period.end);
-
-				if (current < periodStart) {
-					nonWorkingMinutes += calculateOverlap(current, dayEnd, current, periodStart);
-				}
-				current = Math.max(current, periodEnd);
-			}
-			if (current < dayEnd) {
-				nonWorkingMinutes += dayEnd - current;
+		// 过滤非数字和小数点的字符
+		currentValue = currentValue.replace(/[^0-9.]/g, '');
+
+		// 处理前导零的情况：
+		// 如果当前值没有小数点（即是整数），去掉前导零
+		if (currentValue.indexOf('.') === -1) {
+			currentValue = currentValue.replace(/^0+(?=\d)/, ''); // 只有当有数字跟随时才去掉前导零
+		} else {
+			// 如果包含小数点，处理整数部分的前导零，保留小数部分
+			let parts = currentValue.split('.');
+			parts[0] = parts[0].replace(/^0+(?=\d)/, ''); // 只去掉整数部分的前导零
+			currentValue = parts.join('.'); // 重新拼接
+		}
+
+		// 防止多个小数点
+		const parts = currentValue.split('.');
+		let finalValue;
+		if (parts.length > 2) {
+			// 如果有多个小数点，保留第一个小数点及后续数字
+			finalValue = parts[0] + '.' + parts[1];
+		} else {
+			finalValue = currentValue;
+		}
+
+		// 更新最终结果到 item
+		nextTick(() => {
+			item.defaultValue = finalValue;
+			event = finalValue; // 更新输入框的值
+		});
+
+		return event;
+	}
+
+
+	// 计算重复表关联变量表达式结果值
+	function calculateRepeatingFormExpression(item, form) {
+		// 提取表达式中的变量名
+		const variablePattern = /my:[\u4e00-\u9fa5]+/g;
+		let match;
+		let expression = item.BddzText
+		// 替换表达式中的变量
+		while ((match = variablePattern.exec(item.BddzText)) !== null) {
+			const variableName = match[0]; // 完整变量名
+			// 找到 重复表 中对应的索引
+			const index = repeatingForm.value.elementItem.findIndex(item => item.elementName === variableName);
+			if (index !== -1) {
+				const value = form[index]?.defaultValue || 0;
+				expression = expression.replace(match[0], value);
+			} else {
+				// 未匹配到的变量替换为 0
+				expression = expression.replace(match[0], 0);
 			}
-			totalMinutes += nonWorkingMinutes;
 		}
+		if (/[^0-9\+\-\*\/\(\)\.]/.test(expression)) {
+			console.error('错误的表达式:', expression);
+			$modal.msg('自动计算错误，请手动输入')
+			return item.defaultValue = 0;
+		}
+		return item.defaultValue = Number(calCommonExp(expression).toFixed(2)); // 返回填充后的表达式
 	}
 
-	// 转换为小时
-	return totalMinutes / 60;
-}
-function setTimeRange(e) {
-	// console.log('setTimeRange', e)
-}
-// 生成人民币大写
-function computedNumberToChineseCurrency(item, form) {
-	const elem = form.find(elem => elem.elementName == item.BddzText.slice(3))
-	return item.defaultValue = convertToChineseCurrency(elem.defaultValue)
-}
-// 按照公式统计数据
-function computedBddzTextValue(item) {
-	const mainIndex = formElements.value.findIndex(({ elementName }) => elementName == item.BddzText.slice(3))
-	const reIndex = repeatingForm.value.elementItem.findIndex(({ elementName }) => elementName == item.BddzText)
-	if (mainIndex != -1) {
-		return item.defaultValue = formElements.value[mainIndex].defaultValue
+	const signaturePopup = ref(null)
+	const signatureRef = ref(null)
+	const signaturePopupShow = ref(false)
+	const isLandscape = ref(false)
+	const signatureItemIndex = ref(-1)
+	function handleSignature(index) {
+		signatureItemIndex.value = index
+		signaturePopup.value.open()
+		initSignature()
 	}
-	if (reIndex != -1) {
-		return computedValueToRepeatingForm(item)
+	// 初始化签字板
+	function initSignature() {
+		signaturePopupShow.value = false
+		setTimeout(() => {
+			signaturePopupShow.value = true
+		}, 100)
 	}
-}
-// 统计重复表数据
-function computedValueToRepeatingForm(item) {
-	const index = repeatingForm.value.elementItem.findIndex(({ elementName }) => elementName.slice(3) == item.BddzText.slice(3))
-	let result = 0
-	for (const formItem of repeatingForm.value.elements) {
-		result += Number(formItem[index].defaultValue) || 0
+	// 点击签字板按钮
+	function onclickSignatureButton(event) {
+		// console.log('onclickSignatureButton: ', event);
+		switch (event) {
+			case 'undo':
+				signatureRef.value.undo()
+				break;
+			case 'clear':
+				signatureRef.value.clear()
+				break;
+			case 'save':
+				signatureRef.value.canvasToTempFilePath({
+					success: (res : LSignatureToFileSuccess) => {
+						if (res.isEmpty) {
+							$modal.msgError('签名不能为空!')
+							return
+						}
+						// 判断上传文件是否是base64
+						if (res.tempFilePath.substring(0, 'data:image/png;base64,'.length) == 'data:image/png;base64,') {
+							const _fileData = res.tempFilePath
+							uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
+								.then(({ returnParams }) => {
+									formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
+									formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
+									signatureItemIndex.value = -1
+									signaturePopupShow.value = false
+									signaturePopup.value.close()
+								})
+						} else {
+							// 转 base64
+							wx.getFileSystemManager().readFile({
+								filePath: res.tempFilePath,
+								encoding: 'base64',
+								success: fileData => {
+									const _fileData = 'data:image/png;base64,' + fileData.data
+									uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
+										.then(({ returnParams }) => {
+											formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
+											formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
+											signatureItemIndex.value = -1
+											signaturePopupShow.value = false
+											signaturePopup.value.close()
+										})
+								}
+							})
+						}
+					}
+				} as LSignatureToTempFilePathOptions)
+				break;
+			case 'landscape':
+				isLandscape.value = !isLandscape.value
+				initSignature()
+				break;
+
+		}
 	}
-	return item.defaultValue = Number(result.toFixed(2))
-}
-function digitInput(event, item) {
-	// 获取输入框当前的值
-	let currentValue = event;
-
-	// 过滤非数字和小数点的字符
-	currentValue = currentValue.replace(/[^0-9.]/g, '');
-
-	// 处理前导零的情况：
-	// 如果当前值没有小数点（即是整数），去掉前导零
-	if (currentValue.indexOf('.') === -1) {
-		currentValue = currentValue.replace(/^0+(?=\d)/, ''); // 只有当有数字跟随时才去掉前导零
-	} else {
-		// 如果包含小数点，处理整数部分的前导零，保留小数部分
-		let parts = currentValue.split('.');
-		parts[0] = parts[0].replace(/^0+(?=\d)/, ''); // 只去掉整数部分的前导零
-		currentValue = parts.join('.'); // 重新拼接
+	function closeSignaturePopup() {
+		signatureItemIndex.value = -1
+		signaturePopupShow.value = false
 	}
 
-	// 防止多个小数点
-	const parts = currentValue.split('.');
-	let finalValue;
-	if (parts.length > 2) {
-		// 如果有多个小数点，保留第一个小数点及后续数字
-		finalValue = parts[0] + '.' + parts[1];
-	} else {
-		finalValue = currentValue;
+	const repeatingFormPopup = ref(null)
+	// 查看重复表
+	function handleRepeatingForm() {
+		repeatingFormPopup.value.open()
 	}
+	// 附件管理
+	function deleteFile(file) {
+		// console.log('deleteFile: ',file);
+		fileList.value[0].files = fileList.value[0].files.filter(({ fileId }) => !(fileId == file.fileId))
+	}
+	// 上传附件
+	const subFileList = ref([]) // 文件列表
+	const subFileSeqs = ref([])
+	async function handleFileSelect(files) { // 新增文件
+		// console.log('handleFileSelect', files.tempFiles)
+		files.tempFiles.forEach(file => {
+			const data = {
+				name: file.name,
+				filePath: file.path,
+			}
+			uploadFile(data)
+				.then(res => {
+					file.seq = res.returnParams
+					subFileSeqs.value.push({ 'seq': res.returnParams, 'path': file.path })
+					subFileList.value.push(file)
+					$modal.msgSuccess('文件' + data.name + '上传成功')
+				})
+				.catch(err => {
+					$modal.msgError('文件' + data.name + '上传失败,请删除重新上传')
+					switch (err) {
+						case -201:
+							console.log('文件上传失败 未找到该文件');
+							break;
+						case -20201:
+							console.log('文件上传失败 返回值不是JSON字符串');
+							break;
+					}
+				})
+		})
+		// console.log('UploadFiles', files.tempFiles);
 
-	// 更新最终结果到 item
-	nextTick(() => {
-		item.defaultValue = finalValue;
-		event = finalValue; // 更新输入框的值
-	});
-
-	return event;
-}
-
-
-// 计算重复表关联变量表达式结果值
-function calculateRepeatingFormExpression(item, form) {
-	// 提取表达式中的变量名
-	const variablePattern = /my:[\u4e00-\u9fa5]+/g;
-	let match;
-	let expression = item.BddzText
-	// 替换表达式中的变量
-	while ((match = variablePattern.exec(item.BddzText)) !== null) {
-		const variableName = match[0]; // 完整变量名
-		// 找到 重复表 中对应的索引
-		const index = repeatingForm.value.elementItem.findIndex(item => item.elementName === variableName);
-		if (index !== -1) {
-			const value = form[index]?.defaultValue || 0;
-			expression = expression.replace(match[0], value);
-		} else {
-			// 未匹配到的变量替换为 0
-			expression = expression.replace(match[0], 0);
-		}
 	}
-	if (/[^0-9\+\-\*\/\(\)\.]/.test(expression)) {
-		console.error('错误的表达式:', expression);
-		$modal.msg('自动计算错误，请手动输入')
-		return item.defaultValue = 0;
+	// 文件上传触发事件
+	function handleFileProgress(file, progress) {
+		// console.log('handleFileProgress', file, progress);
+	}
+	function handleFileSuccess(file, res) {
+		// console.log('handleFileSuccess', file, res);
+	}
+	function handleFileFail(file, err) {
+		// console.log('handleFileFail', file, err);
+	}
+	function handleFileDelete(file) { // 移除文件
+		// console.log('handleDelete', file)
+		subFileSeqs.value.splice(subFileSeqs.value.findIndex(({ path }) => path == file.tempFilePath))
 	}
-	return item.defaultValue = Number(calCommonExp(expression).toFixed(2)); // 返回填充后的表达式
-}
-
-const signaturePopup = ref(null)
-const signatureRef = ref(null)
-const signaturePopupShow = ref(false)
-const isLandscape = ref(false)
-const signatureItemIndex = ref(-1)
-function handleSignature(index) {
-	signatureItemIndex.value = index
-	signaturePopup.value.open()
-	initSignature()
-}
-// 初始化签字板
-function initSignature() {
-	signaturePopupShow.value = false
-	setTimeout(() => {
-		signaturePopupShow.value = true
-	}, 100)
-}
-// 点击签字板按钮
-function onclickSignatureButton(event) {
-	// console.log('onclickSignatureButton: ', event);
-	switch (event) {
-		case 'undo':
-			signatureRef.value.undo()
-			break;
-		case 'clear':
-			signatureRef.value.clear()
-			break;
-		case 'save':
-			signatureRef.value.canvasToTempFilePath({
-				success: (res: LSignatureToFileSuccess) => {
-					if (res.isEmpty) {
-						$modal.msgError('签名不能为空!')
-						return
-					}
-					// 判断上传文件是否是base64
-					if (res.tempFilePath.substring(0, 'data:image/png;base64,'.length) == 'data:image/png;base64,') {
-						const _fileData = res.tempFilePath
-						uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
-							.then(({ returnParams }) => {
-								formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
-								formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
-								signatureItemIndex.value = -1
-								signaturePopupShow.value = false
-								signaturePopup.value.close()
-							})
-					} else {
-						// 转 base64
-						wx.getFileSystemManager().readFile({
-							filePath: res.tempFilePath,
-							encoding: 'base64',
-							success: fileData => {
-								const _fileData = 'data:image/png;base64,' + fileData.data
-								uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
-									.then(({ returnParams }) => {
-										formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
-										formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
-										signatureItemIndex.value = -1
-										signaturePopupShow.value = false
-										signaturePopup.value.close()
-									})
-							}
-						})
-					}
-				}
-			} as LSignatureToTempFilePathOptions)
-			break;
-		case 'landscape':
-			isLandscape.value = !isLandscape.value
-			initSignature()
-			break;
 
+	const $mainForm = ref(null)
+	const $mainFormRules = ref({})
+	const mainFormValue = ref({})
+	const repeatingFormsValue = ref([])
+	const formatTypeDict = {
+		'0': 'string',
+		'1': 'number'
 	}
-}
-function closeSignaturePopup() {
-	signatureItemIndex.value = -1
-	signaturePopupShow.value = false
-}
-
-const repeatingFormPopup = ref(null)
-// 查看重复表
-function handleRepeatingForm() {
-	repeatingFormPopup.value.open()
-}
-// 附件管理
-function deleteFile(file) {
-	// console.log('deleteFile: ',file);
-	fileList.value[0].files = fileList.value[0].files.filter(({ fileId }) => !(fileId == file.fileId))
-}
-// 上传附件
-const subFileList = ref([]) // 文件列表
-const subFileSeqs = ref([])
-async function handleFileSelect(files) { // 新增文件
-	// console.log('handleFileSelect', files.tempFiles)
-	files.tempFiles.forEach(file => {
-		const data = {
-			name: file.name,
-			filePath: file.path,
-		}
-		uploadFile(data)
-			.then(res => {
-				file.seq = res.returnParams
-				subFileSeqs.value.push({ 'seq': res.returnParams, 'path': file.path })
-				subFileList.value.push(file)
-				$modal.msgSuccess('文件' + data.name + '上传成功')
-			})
-			.catch(err => {
-				$modal.msgError('文件' + data.name + '上传失败,请删除重新上传')
-				switch (err) {
-					case -201:
-						console.log('文件上传失败 未找到该文件');
-						break;
-					case -20201:
-						console.log('文件上传失败 返回值不是JSON字符串');
-						break;
-				}
-			})
-	})
-	// console.log('UploadFiles', files.tempFiles);
-
-}
-// 文件上传触发事件
-function handleFileProgress(file, progress) {
-	// console.log('handleFileProgress', file, progress);
-}
-function handleFileSuccess(file, res) {
-	// console.log('handleFileSuccess', file, res);
-}
-function handleFileFail(file, err) {
-	// console.log('handleFileFail', file, err);
-}
-function handleFileDelete(file) { // 移除文件
-	// console.log('handleDelete', file)
-	subFileSeqs.value.splice(subFileSeqs.value.findIndex(({ path }) => path == file.tempFilePath))
-}
-
-const $mainForm = ref(null)
-const $mainFormRules = ref({})
-const mainFormValue = ref({})
-const repeatingFormsValue = ref([])
-const formatTypeDict = {
-	'0': 'string',
-	'1': 'number'
-}
-function computedMainFormValue() {
-	// 设置主表校验数据
-	mainFormValue.value = computed(() => {
-		const obj = {};
-		formElements.value.forEach(elem => {
-			if (!('0' != elem.canEdit && '8' != elem.type)) return
-			obj[elem.elementId] = elem.defaultValue;
-		});
-		return obj;
-	}).value
-}
-// 获取主表校验规则
-function getMainFormRule() {
-	$mainFormRules.value = computed(() => {
-		const obj = {};
-		formElements.value.forEach(elem => {
-			if (!('0' != elem.canEdit && '8' != elem.type)) return
-			let labelName = elem.elementName
-			let errorMessage = ''
-			if ('13' == elem.type) errorMessage = '请完成签名'
-			obj[elem.elementId] = {
-				rules: [
-					{
-						required: '1' == elem.noNull,
-						errorMessage,
-					},
-					// {
-					// 	format: formatTypeDict[elem.fieldType] || 'string',
-					// }
-				],
-				label: labelName
-			};
-		});
-		return obj;
-	}).value
-}
-function validateRepeatingForm2() {
-	// 设置重复表校验数据
-	repeatingFormsValue.value = repeatingForm.value.elements.map((item, index) => {
-		return computed(() => {
+	function computedMainFormValue() {
+		// 设置主表校验数据
+		mainFormValue.value = computed(() => {
 			const obj = {};
-			item.forEach(({ name, defaultValue }) => {
-				obj[name] = defaultValue;
+			formElements.value.forEach(elem => {
+				if (!('0' != elem.canEdit && '8' != elem.type)) return
+				obj[elem.elementId] = elem.defaultValue;
 			});
 			return obj;
 		}).value
-	})
-	let flag = false
-	repeatingFormsValue.value.forEach((item, index) => {
-		let ItemIndex = 0
-		for (const elem in item) {
-			if (item[elem] == '') {
-				const name = repeatingForm.value.elementItem[ItemIndex].elementName.slice(3)
-				$modal.msgError(`详情表 ${name} 数据填写错误`)
-				flag = false
-				return
-			} 
-			ItemIndex++
-		}
-		flag = true
-	})
-	return flag
-}
-const button_state = ref(true)
-const remark = ref('')
-function handleSubmitProcess(result) {
-	let content = '确认退回'
-	if (result == "1") {
-		content = '确认通过'
 	}
-	$modal.confirm(content).then(() => {
-		button_state.value = false
-		if (result == "1") {
-			// 处理主表校验数据
-			mainFormValue.value = computed(() => {
+	// 获取主表校验规则
+	function getMainFormRule() {
+		$mainFormRules.value = computed(() => {
+			const obj = {};
+			formElements.value.forEach(elem => {
+				if (!('0' != elem.canEdit && '8' != elem.type)) return
+				let labelName = elem.elementName
+				let errorMessage = ''
+				if ('13' == elem.type) errorMessage = '请完成签名'
+				obj[elem.elementId] = {
+					rules: [
+						{
+							required: '1' == elem.noNull,
+							errorMessage,
+						},
+						// {
+						// 	format: formatTypeDict[elem.fieldType] || 'string',
+						// }
+					],
+					label: labelName
+				};
+			});
+			return obj;
+		}).value
+	}
+	function validateRepeatingForm2() {
+		// 设置重复表校验数据
+		repeatingFormsValue.value = repeatingForm.value.elements.map((item, index) => {
+			return computed(() => {
 				const obj = {};
-				formElements.value.forEach(elem => {
-					let value = elem.defaultValue
-					if (!('0' != elem.canEdit && '8' != elem.type)) return
-					if('5' == elem.type && Array.isArray(elem.defaultValue)){
-						value = elem.defaultValue.join(",")
-					}
-					obj[elem.elementId] = value;
+				item.forEach(({ name, defaultValue }) => {
+					obj[name] = defaultValue;
 				});
 				return obj;
 			}).value
-			console.log('$mainForm.value: ',$mainForm.value);
-			// 主表数据校验
-			$mainForm.value.validate().then(res => {
-				// 重复表数据校验
-				if (repeatingFormNotEmpty.value && !validateRepeatingForm2()) {
-					button_state.value = true
+		})
+		let flag = false
+		repeatingFormsValue.value.forEach((item, index) => {
+			let ItemIndex = 0
+			for (const elem in item) {
+				if (item[elem] == '') {
+					const name = repeatingForm.value.elementItem[ItemIndex].elementName.slice(3)
+					$modal.msgError(`详情表 ${name} 数据填写错误`)
+					flag = false
 					return
 				}
+				ItemIndex++
+			}
+			flag = true
+		})
+		return flag
+	}
+	const button_state = ref(true)
+	const remark = ref('')
+	function handleSubmitProcess(result) {
+		let content = '确认退回'
+		if (result == "1") {
+			content = '确认通过'
+		}
+		$modal.confirm(content).then(() => {
+			button_state.value = false
+			if (result == "1") {
+				// 处理主表校验数据
+				mainFormValue.value = computed(() => {
+					const obj = {};
+					formElements.value.forEach(elem => {
+						let value = elem.defaultValue
+						if (!('0' != elem.canEdit && '8' != elem.type)) return
+						if ('5' == elem.type && Array.isArray(elem.defaultValue)) {
+							value = elem.defaultValue.join(",")
+						}
+						obj[elem.elementId] = value;
+					});
+					return obj;
+				}).value
+				console.log('$mainForm.value: ', $mainForm.value);
+				// 主表数据校验
+				$mainForm.value.validate().then(res => {
+					// 重复表数据校验
+					if (repeatingFormNotEmpty.value && !validateRepeatingForm2()) {
+						button_state.value = true
+						return
+					}
+					submitProcess(result)
+				})
+					.catch(err => {
+						button_state.value = true
+						$modal.msgError('表单填写错误')
+					})
+			} else {
 				submitProcess(result)
+			}
+		}).catch(() => { })
+	}
+	function submitProcess(result) {
+		let flow = Object.assign({}, flowInfo.value)
+		formInfo.value.formElements = formElements.value
+			// 过滤不可编辑的表单项
+			.filter(({ canEdit }) => canEdit == '1')
+			.map(({ tableField, defaultValue, type }) => {
+				let value = defaultValue
+				if ('5' == type && Array.isArray(defaultValue)) {
+					value = defaultValue.join(",")
+				}
+				return {
+					name: tableField,
+					value
+				}
 			})
-				.catch(err => {
-					button_state.value = true
-					$modal.msgError('表单填写错误')
-				})
-		} else {
-			submitProcess(result)
-		}
-	}).catch(() => { })
-}
-function submitProcess(result) {
-	let flow = Object.assign({}, flowInfo.value)
-	formInfo.value.formElements = formElements.value
-		// 过滤不可编辑的表单项
-		.filter(({ canEdit }) => canEdit == '1')
-		.map(({ tableField, defaultValue,type }) => {
-			let value = defaultValue
-			if('5' == type && Array.isArray(defaultValue)){
-				value = defaultValue.join(",")
+		repeatingForm.value.elements.forEach((table, index) => {
+			const newItem = table.map((item) => {
+				item['value'] = item.defaultValue
+				return item
+			})
+			formInfo.value.formElements.push(...newItem)
+		})
+		flow['staffId'] = userStore.user.useId
+		flow['gxId'] = userStore.user.gxId
+		flow['groupId'] = flowInfo.value.groupid
+		if (result == "1") {
+			const seqs = subFileSeqs.value.map(({ seq }) => seq)
+			if (flowInfo.value.seModel == '0' && processInfo.reqOffice == 1 && seqs.length == 0) {
+				button_state.value = true
+				$modal.msgError('请上传附件')
+				return
+			} else {
+				flow['fileIds'] = seqs
 			}
-			return {
-				name: tableField,
-				value
+			if (processInfo.reqRemark == 1 && remark.value == '') {
+				button_state.value = true
+				$modal.msgError('请填写备注')
+				return
 			}
-		})
-	repeatingForm.value.elements.forEach((table, index) => {
-		const newItem = table.map((item) => {
-			item['value'] = item.defaultValue
-			return item
-		})
-		formInfo.value.formElements.push(...newItem)
-	})
-	flow['staffId'] = userStore.user.useId
-	flow['gxId'] = userStore.user.gxId
-	flow['groupId'] = flowInfo.value.groupid
-	if (result == "1") {
-		const seqs = subFileSeqs.value.map(({ seq }) => seq)
-		if (flowInfo.value.seModel == '0' && processInfo.reqOffice == 1 && seqs.length == 0) {
-			button_state.value = true
-			$modal.msgError('请上传附件')
-			return
 		} else {
-			flow['fileIds'] = seqs
+			flow.fileIds = []
+			flow.files = []
 		}
-		if (processInfo.reqRemark == 1 && remark.value == '') {
-			button_state.value = true
-			$modal.msgError('请填写备注')
+		flow['remark'] = remark.value
+		// result: 1通过 2退回发起人 0退回上一级
+		flow['result'] = result
+		flow['nextTmodelId'] = 'undefined'
+		submitProcessFlow(flow, formInfo.value, processInfo.control).then(({ returnMsg }) => {
+			if (returnMsg.includes('提交失败')) {
+				// 启用提交按钮
+				button_state.value = true
+				$modal.msgError(returnMsg)
+			} else {
+				$modal.msgSuccess(returnMsg)
+				// 通知列表刷新数据
+				uni.$emit('ReloadProcessData');
+				setTimeout(() => {
+					$tab.navigateBack();
+				}, 1000)
+			}
+		})
+	}
+	// 取消流程
+	function handleCancelProcess() {
+		if (remark.value.trim() == '') {
+			$modal.msgError('备注不能为空！')
 			return
 		}
-	} else {
-		flow.fileIds = []
-		flow.files = []
+		$modal.confirm('确认撤销').then(() => {
+			cancelProcess()
+		}).catch(() => { })
 	}
-	flow['remark'] = remark.value
-	// result: 1通过 2退回发起人 0退回上一级
-	flow['result'] = result
-	flow['nextTmodelId'] = 'undefined'
-	submitProcessFlow(flow, formInfo.value, processInfo.control).then(({ returnMsg }) => {
-		if (returnMsg.includes('提交失败')) {
-			// 启用提交按钮
-			button_state.value = true
-			$modal.msgError(returnMsg)
-		} else {
-			$modal.msgSuccess(returnMsg)
-			// 通知列表刷新数据
-			uni.$emit('ReloadProcessData');
-			setTimeout(() => {
-				$tab.navigateBack();
-			}, 1000)
-		}
-	})
-}
-// 取消流程
-function handleCancelProcess() {
-	if (remark.value.trim() == '') {
-		$modal.msgError('备注不能为空！')
-		return
+	function cancelProcess() {
+		cancelProcessFlow(userStore.user.useId, remark.value, processInfo).then(({ returnMsg }) => {
+			if (returnMsg.includes('success')) {
+				$modal.msgSuccess('撤销成功')
+				// 通知列表刷新数据
+				uni.$emit('ReloadProcessData');
+				setTimeout(() => {
+					$tab.navigateBack();
+				}, 1000)
+			} else {
+				// 启用按钮
+				button_state.value = true
+				$modal.msgError(returnMsg)
+			}
+		})
 	}
-	$modal.confirm('确认撤销').then(() => {
-		cancelProcess()
-	}).catch(() => { })
-}
-function cancelProcess() {
-	cancelProcessFlow(userStore.user.useId, remark.value, processInfo).then(({ returnMsg }) => {
-		if (returnMsg.includes('success')) {
-			$modal.msgSuccess('撤销成功')
-			// 通知列表刷新数据
-			uni.$emit('ReloadProcessData');
-			setTimeout(() => {
-				$tab.navigateBack();
-			}, 1000)
-		} else {
-			// 启用按钮
-			button_state.value = true
-			$modal.msgError(returnMsg)
-		}
-	})
-}
 </script>
 
 <style lang="scss" scoped>
-::v-deep .uni-section {
-	margin-left: -15px;
-	margin-bottom: 10px;
-}
-
-.signature_container {
-	background-color: #f5f5f5;
-	height: 40vh;
-	width: 90vw;
-
-	.signature_content {
-		height: 80%;
-		width: 100%;
+	::v-deep .uni-section {
+		margin-left: -15px;
+		margin-bottom: 10px;
 	}
 
-	.signature_button_container {
-		height: 20%;
-		width: 100%;
+	.signature_container {
+		background-color: #f5f5f5;
+		height: 40vh;
+		width: 90vw;
 
-		button {
-			height: 100%;
+		.signature_content {
+			height: 80%;
+			width: 100%;
 		}
-	}
-}
 
-.signature_container_landscape {
-	height: 100vh;
-	width: 100vw;
+		.signature_button_container {
+			height: 20%;
+			width: 100%;
 
-	.signature_content {
-		height: 85%;
-		width: 100%;
+			button {
+				height: 100%;
+			}
+		}
 	}
 
-	.signature_button_container {
-		margin-top: 10%;
-		height: 15%;
-		width: 100%;
+	.signature_container_landscape {
+		height: 100vh;
+		width: 100vw;
 
-		button {
-			height: 100%;
+		.signature_content {
+			height: 85%;
 			width: 100%;
-			transform: rotate(90deg);
 		}
-	}
-}
-
-.process_detail_container {
-	position: relative;
 
-	.repeating_table {
+		.signature_button_container {
+			margin-top: 10%;
+			height: 15%;
+			width: 100%;
 
-		::v-deep .uni-forms {
-			.uni-forms-item__label {
-				font-size: calc(1rem + 0px) !important;
-				line-height: calc(1rem + 0px) !important;
-				font-weight: 700;
+			button {
+				height: 100%;
+				width: 100%;
+				transform: rotate(90deg);
 			}
+		}
+	}
+
+	.process_detail_container {
+		position: relative;
 
-			.uni-forms-item__content {
-				font-size: calc(14px + (1rem - 16px)) !important;
-				font-weight: 500;
+		.repeating_table {
 
-				.uni-easyinput__content-input {
-					height: calc(35px + .5*(1rem - 16px)) !important;
+			::v-deep .uni-forms {
+				.uni-forms-item__label {
+					font-size: calc(1rem + 0px) !important;
+					line-height: calc(1rem + 0px) !important;
+					font-weight: 700;
+				}
+
+				.uni-forms-item__content {
 					font-size: calc(14px + (1rem - 16px)) !important;
 					font-weight: 500;
+
+					.uni-easyinput__content-input {
+						height: calc(35px + .5*(1rem - 16px)) !important;
+						font-size: calc(14px + (1rem - 16px)) !important;
+						font-weight: 500;
+					}
 				}
 			}
-		}
-
-		::v-deep .uni-forms-item--border {
-			padding: 5px 0 !important;
-		}
 
-		.repeating_table_button_container {
-			margin-top: 5px;
-
-			button {
-				height: 36px;
-				line-height: 36px;
-				color: #fff;
+			::v-deep .uni-forms-item--border {
+				padding: 5px 0 !important;
 			}
 
-			.add {
-				background-color: #1ca035;
-			}
+			.repeating_table_button_container {
+				margin-top: 5px;
 
-			.del {
-				background-color: #e64340;
-			}
-		}
-	}
+				button {
+					height: 36px;
+					line-height: 36px;
+					color: #fff;
+				}
 
-	.main_container {
-		min-height: 40vh;
+				.add {
+					background-color: #1ca035;
+				}
 
-		::v-deep .uni-forms {
-			.uni-forms-item__label {
-				font-size: calc(1rem + 0px) !important;
-				line-height: calc(1rem + 0px) !important;
-				font-weight: 700;
+				.del {
+					background-color: #e64340;
+				}
 			}
+		}
 
-			.uni-forms-item__content {
-				font-size: calc(14px + (1rem - 16px)) !important;
-				font-weight: 500;
+		.main_container {
+			min-height: 40vh;
 
-				.uni-easyinput__content-textarea {
-					font-size: calc(14px + (1rem - 16px)) !important;
-					font-weight: 500;
+			::v-deep .uni-forms {
+				.uni-forms-item__label {
+					font-size: calc(1rem + 0px) !important;
+					line-height: calc(1rem + 0px) !important;
+					font-weight: 700;
 				}
 
-				.uni-easyinput__content-input {
-					height: calc(35px + .5*(1rem - 16px)) !important;
+				.uni-forms-item__content {
 					font-size: calc(14px + (1rem - 16px)) !important;
 					font-weight: 500;
-					color: #333;
-				}
 
-				.uni-date {
-					.uni-icons {
-						font-size: calc(22px + 1.2*(1rem - 16px)) !important;
+					.uni-easyinput__content-textarea {
+						font-size: calc(14px + (1rem - 16px)) !important;
 						font-weight: 500;
 					}
 
-					.uni-date__x-input {
-						height: auto;
-						font-size: calc(14px + 1.2*(1rem - 16px)) !important;
+					.uni-easyinput__content-input {
+						height: calc(35px + .5*(1rem - 16px)) !important;
+						font-size: calc(14px + (1rem - 16px)) !important;
 						font-weight: 500;
+						color: #333;
+					}
+
+					.uni-date {
+						.uni-icons {
+							font-size: calc(22px + 1.2*(1rem - 16px)) !important;
+							font-weight: 500;
+						}
+
+						.uni-date__x-input {
+							height: auto;
+							font-size: calc(14px + 1.2*(1rem - 16px)) !important;
+							font-weight: 500;
+						}
 					}
 				}
 			}
-		}
 
-		.element_value_container {
+			.element_value_container {
 
-			.signature_img {
-				width: 180px;
-			}
+				.signature_img {
+					width: 180px;
+				}
 
-			.element_value {
-				line-height: 36px;
+				.element_value {
+					line-height: 36px;
+				}
 			}
 		}
-	}
 
-	::v-deep .repeating_table_container {
-		width: 98vw;
+		::v-deep .repeating_table_container {
+			width: 98vw;
 
-		.uni-table-scroll {
-			max-height: 80vh;
+			.uni-table-scroll {
+				max-height: 80vh;
 
-			.uni-table {
-				min-width: 100% !important;
+				.uni-table {
+					min-width: 100% !important;
 
-				.uni-table-th {
-					font-size: calc(14px + 1.2*(1rem - 16px)) !important;
-					min-width: calc(50px + 2.5*(1rem - 16px));
-					background-color: #2979ff;
-					font-weight: bold;
-					color: #fcfcfc;
-				}
+					.uni-table-th {
+						font-size: calc(14px + 1.2*(1rem - 16px)) !important;
+						min-width: calc(50px + 2.5*(1rem - 16px));
+						background-color: #2979ff;
+						font-weight: bold;
+						color: #fcfcfc;
+					}
 
-				.uni-table-td {
-					font-size: calc(14px + 1.2*(1rem - 16px)) !important;
+					.uni-table-td {
+						font-size: calc(14px + 1.2*(1rem - 16px)) !important;
+					}
 				}
 			}
 		}
-	}
 
-	::v-deep .file_picker_container {
-		.uni-card {
-			.uni-card__header-content-title {
-				font-size: calc(15px + .5*(1rem - 16px));
-			}
+		::v-deep .file_picker_container {
+			.uni-card {
+				.uni-card__header-content-title {
+					font-size: calc(15px + .5*(1rem - 16px));
+				}
 
-			.uni-card__header-extra-text {
-				font-size: calc(15px + .5*(1rem - 16px));
+				.uni-card__header-extra-text {
+					font-size: calc(15px + .5*(1rem - 16px));
+				}
 			}
 		}
-	}
 
-	::v-deep .flow_step_container {
-		min-height: 200px;
+		::v-deep .flow_step_container {
+			min-height: 200px;
 
-		.u-steps {
-			.u-steps-item {
-				padding-bottom: 11px;
+			.u-steps {
+				.u-steps-item {
+					padding-bottom: 11px;
 
-				.u-text__value--tips {
-					font-size: calc(12px + .5*(1rem - 16px)) !important;
-				}
+					.u-text__value--tips {
+						font-size: calc(12px + .5*(1rem - 16px)) !important;
+					}
 
-				.redcontent {
-					.u-text__value--content {
-						color: #ff4500;
+					.redcontent {
+						.u-text__value--content {
+							color: #ff4500;
+						}
 					}
-				}
 
-				.active_step_circle {
-					width: 20px;
-					height: 20px;
-					box-sizing: border-box;
-					flex-shrink: 0;
-					border-radius: 100px;
-					border-width: 1px;
-					border-color: #A78BFA;
-					background-color: #A78BFA;
-					border-style: solid;
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: center;
-					transition: background-color .3s;
-
-					.active_step_text {
-						color: #fff;
-						font-size: 11px;
+					.active_step_circle {
+						width: 20px;
+						height: 20px;
+						box-sizing: border-box;
+						flex-shrink: 0;
+						border-radius: 100px;
+						border-width: 1px;
+						border-color: #A78BFA;
+						background-color: #A78BFA;
+						border-style: solid;
 						display: flex;
 						flex-direction: row;
 						align-items: center;
 						justify-content: center;
-						text-align: center;
-						line-height: 11px;
+						transition: background-color .3s;
+
+						.active_step_text {
+							color: #fff;
+							font-size: 11px;
+							display: flex;
+							flex-direction: row;
+							align-items: center;
+							justify-content: center;
+							text-align: center;
+							line-height: 11px;
+						}
 					}
 				}
-			}
 
-			.u-steps-item view:last-of-type {
-				margin-top: 0 !important;
+				.u-steps-item view:last-of-type {
+					margin-top: 0 !important;
 
-				.u-text__value--content {
-					font-size: calc(16px + .5*(1rem - 16px)) !important;
-				}
+					.u-text__value--content {
+						font-size: calc(16px + .5*(1rem - 16px)) !important;
+					}
 
-				.u-text__value--main {
-					font-size: calc(16px + .5*(1rem - 16px)) !important;
-					font-weight: 500;
+					.u-text__value--main {
+						font-size: calc(16px + .5*(1rem - 16px)) !important;
+						font-weight: 500;
+					}
 				}
 			}
 		}
-	}
 
-	.approve_button {
-		position: sticky;
-		z-index: 10;
-		width: 100%;
-		bottom: 10px;
+		.approve_button {
+			position: sticky;
+			z-index: 10;
+			width: 100%;
+			bottom: 10px;
+		}
 	}
-}
 
-::v-deep button {
-	font-size: calc(18px + .5*(1rem - 16px));
-}
-
-.reject_button {
-	::v-deep .uni-card {
-		background-color: #f5f5f5;
+	::v-deep button {
+		font-size: calc(18px + .5*(1rem - 16px));
 	}
-}
-
-.remark_container {
-	.remark_content {
-		margin-bottom: 10px;
 
-		::v-deep .uni-easyinput {
-			.uni-easyinput__content-textarea {
-				font-size: calc(14px + .5*(1rem - 16px)) !important;
-			}
+	.reject_button {
+		::v-deep .uni-card {
+			background-color: #f5f5f5;
 		}
 	}
-}
 
-::v-deep .uni-calendar__content {
-	margin: -20px;
-	margin-top: 20px;
-
-	.uni-calendar__header {
-		.uni-calendar__header-text {
-			font-size: calc(14px + .5*(1rem - 16px)) !important;
-		}
+	.remark_container {
+		.remark_content {
+			margin-bottom: 10px;
 
-		.uni-calendar__backtoday {
-			padding: 2px 8px 2px 10px !important;
-			font-size: calc(0.75rem + 0px) !important;
+			::v-deep .uni-easyinput {
+				.uni-easyinput__content-textarea {
+					font-size: calc(14px + .5*(1rem - 16px)) !important;
+				}
+			}
 		}
 	}
 
-	.uni-calendar__box {
-		.uni-calendar__weeks {
-			.uni-calendar__weeks-day {
-				.uni-calendar__weeks-day-text {
-					font-size: calc(14px + .5*(1rem - 16px)) !important;
-				}
+	::v-deep .uni-calendar__content {
+		margin: -20px;
+		margin-top: 20px;
+
+		.uni-calendar__header {
+			.uni-calendar__header-text {
+				font-size: calc(14px + .5*(1rem - 16px)) !important;
 			}
 
-			.uni-calendar__weeks-item {
-				.uni-calendar-item__weeks-box-item {
-					.uni-calendar-item__weeks-box-circle {
-						width: calc(8px + .5*(1rem - 16px)) !important;
-						height: calc(8px + .5*(1rem - 16px)) !important;
-						top: calc(5px - .25*(1rem - 16px)) !important;
-						right: calc(5px - .25*(1rem - 16px)) !important;
-					}
+			.uni-calendar__backtoday {
+				padding: 2px 8px 2px 10px !important;
+				font-size: calc(0.75rem + 0px) !important;
+			}
+		}
 
-					.uni-calendar-item__weeks-box-text {
+		.uni-calendar__box {
+			.uni-calendar__weeks {
+				.uni-calendar__weeks-day {
+					.uni-calendar__weeks-day-text {
 						font-size: calc(14px + .5*(1rem - 16px)) !important;
 					}
+				}
 
-					.uni-calendar-item__weeks-lunar-text {
-						font-size: calc(12px + .5*(1rem - 16px)) !important;
+				.uni-calendar__weeks-item {
+					.uni-calendar-item__weeks-box-item {
+						.uni-calendar-item__weeks-box-circle {
+							width: calc(8px + .5*(1rem - 16px)) !important;
+							height: calc(8px + .5*(1rem - 16px)) !important;
+							top: calc(5px - .25*(1rem - 16px)) !important;
+							right: calc(5px - .25*(1rem - 16px)) !important;
+						}
+
+						.uni-calendar-item__weeks-box-text {
+							font-size: calc(14px + .5*(1rem - 16px)) !important;
+						}
+
+						.uni-calendar-item__weeks-lunar-text {
+							font-size: calc(12px + .5*(1rem - 16px)) !important;
+						}
 					}
 				}
 			}
 		}
-	}
 
-	.uni-date-changed {
-		.uni-date-changed--time-date {
-			font-size: calc(14px + 1*(1rem - 16px)) !important;
-		}
+		.uni-date-changed {
+			.uni-date-changed--time-date {
+				font-size: calc(14px + 1*(1rem - 16px)) !important;
+			}
 
-		.uni-datetime-picker-text {
-			font-size: calc(14px + 1*(1rem - 16px)) !important;
+			.uni-datetime-picker-text {
+				font-size: calc(14px + 1*(1rem - 16px)) !important;
+			}
 		}
 	}
-}
 </style>

pages/process/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<page-meta root-font-size="system"/>
+	<page-meta root-font-size="system" />
 	<view class="index_container">
 		<view class="search_container">
 			<uni-row>
@@ -12,7 +12,8 @@
 				<view class="search_bar">
 					<!-- 输入框搜索 -->
 					<uni-col v-if="0 == searchItem" :xs="17" :sm="19">
-						<uni-search-bar @confirm="searchBarConfirm" @cancel="cancelSearch" @blur="searchBarOnBlur" clearButton="none" placeholder="搜索栏">
+						<uni-search-bar @confirm="searchBarConfirm" @cancel="cancelSearch" @blur="searchBarOnBlur"
+							clearButton="none" placeholder="搜索栏">
 							<template v-slot:searchIcon>
 								<uni-icons type="search" size="calc(30px + .5*(1rem - 16px))"></uni-icons>
 							</template>
@@ -20,7 +21,8 @@
 					</uni-col>
 					<!-- 类型 下拉框搜索 -->
 					<uni-col v-else-if="1 == searchItem" :xs="18" :sm="20">
-						<picker class="picker_container" @change="bindPickerChange" :value="pickerItem" :range="pickerItems" range-key="modelName">
+						<picker class="picker_container" @change="bindPickerChange" :value="pickerItem"
+							:range="pickerItems" range-key="modelName">
 							<view class="uni-input input_text">
 								{{ pickerItems[pickerItem].modelName }}
 							</view>
@@ -33,22 +35,27 @@
 					<!-- 时间范围搜索 -->
 					<uni-col v-else-if="2 == searchItem" :xs="18" :sm="20">
 						<view class="datetime_picker_container">
-							<uni-datetime-picker type="daterange" @change="datetimePickerChange" @clear="cancelSearch" :border="false"/>
+							<uni-datetime-picker type="daterange" @change="datetimePickerChange" @clear="cancelSearch"
+								:border="false" />
 						</view>
 					</uni-col>
 				</view>
 			</uni-row>
 		</view>
 		<view class="segmented_control_container">
-			<uni-segmented-control :current="current" :values="items" @clickItem="clickSegmentItem" styleType="text" activeColor="#409eff"></uni-segmented-control>
+			<uni-segmented-control :current="current" :values="items" @clickItem="clickSegmentItem" styleType="text"
+				activeColor="#409eff"></uni-segmented-control>
 		</view>
 		<view class="process_list">
-			<process-list ref="processListRef" @clickCancel="handleToCancelProcess" @clickSegment="getProcessData" @clickItem="handleToProcessDetail" @scrollToBottom="getProcessPage" :current="current" :pSize="5" :pageNo="1"></process-list>
+			<process-list ref="processListRef" @clickCancel="handleToCancelProcess" @clickSegment="getProcessData"
+				@clickItem="handleToProcessDetail" @scrollToBottom="getProcessPage" :current="current" :pSize="5"
+				:pageNo="1"></process-list>
 		</view>
 		<view class="popup_container">
 			<uni-popup ref="searchItemPopup" type="bottom">
 				<uni-list>
-					<uni-list-item @click="clickSearchItem(index)" v-for="(item, index) in candidates" :key="index" clickable :title="item">
+					<uni-list-item @click="clickSearchItem(index)" v-for="(item, index) in candidates" :key="index"
+						clickable :title="item">
 					</uni-list-item>
 				</uni-list>
 			</uni-popup>
@@ -57,426 +64,474 @@
 </template>
 
 <script setup lang="ts">
-import processList from '@/components/ygoa/processList.vue'
-import { onShow } from '@dcloudio/uni-app'
-import { reactive, ref, onMounted } from 'vue';
-import $tab from '@/plugins/tab.js'
-import $modal from '@/plugins/modal.js'
-import { getUserProcess, getUserProcessed, getUserProcessing, getUserAllProcess, cancelProcessFlow, getProcessList } from '@/api/process';
-import { useUserStore } from '@/store/user';
-
-onMounted(() => {
-	uni.$on('ReloadProcessData', () => {
-		new Promise((resolve, reject) =>{
-			processListRef.value.onClickItem()
+	import processList from '@/components/ygoa/processList.vue'
+	import { onShow, onLoad } from '@dcloudio/uni-app'
+	import { reactive, ref, onMounted } from 'vue';
+	import $tab from '@/plugins/tab.js'
+	import $modal from '@/plugins/modal.js'
+	import { getUserProcess, getUserProcessed, getUserProcessing, getUserAllProcess, cancelProcessFlow, getProcessList, getProcessFormInfo } from '@/api/process';
+	import { useUserStore } from '@/store/user';
+
+	onMounted(() => {
+		uni.$on('ReloadProcessData', () => {
+			new Promise((resolve, reject) => {
+				processListRef.value.onClickItem()
+			})
 		})
 	})
-})
-onShow(() => {
-	uni.$emit('showTabBarBadge')
-})
-const userStore = useUserStore();
-
-// 搜索项
-const candidates = ref(['发起者', '类型', '时间'])
-// 搜索栏选中项
-const searchItem = ref(0)
-// 搜索项弹出层
-const searchItemPopup = ref(null)
-// 打开搜索项弹出层
-function openPopup() {
-	searchItemPopup.value.open()
-}
-// 关闭搜索项弹出层
-function closePopup() {
-	searchItemPopup.value.close()
-}
-// 选中搜索项
-function clickSearchItem(item) {
-	searchItem.value = item
-	if (item == 1 && pickerItems.value.length == 1) initPickerItems()
-	closePopup()
-}
-// 搜索参数
-const queryParams = ref({})
-// 输入框搜索栏
-function searchBarConfirm(e) {
-	console.log('searchBarConfirm: ',e);
-}
-// 输入框搜索栏失去焦点
-function searchBarOnBlur(queryParam) {
-	search(queryParam.value)
-}
-// 取消输入框搜索
-// function searchBarCancel() {
-// 	cancelSearch()
-// }
-// 下拉框搜索
-const pickerItems = ref([{modelId: '', modelName: '无'}])
-const pickerItem = ref(0)
-// 获取流程宫格数据
-function initPickerItems() {
-	const staffId = userStore.user.useId
-	const unitId = userStore.user.unitId
-	getProcessList(staffId, unitId).then(res => {
-		pickerItems.value = res.returnParams.fList.map(({modelId, modelName}) => {
-			return {modelId, modelName}
-		}) 
-		pickerItems.value.unshift({modelId: '', modelName: '无'})
+	onShow(() => {
+		uni.$emit('showTabBarBadge')
 	})
-}
-// 搜索栏 下拉框选择项
-function bindPickerChange(e) {
-	pickerItem.value = e.detail.value
-	console.log('bindPickerChange: ',e);
-}
-// 时间选择器搜索
-// const datetimePickerRange = ref([])
-function datetimePickerChange(event) {
-	search(event)
-}
-// 搜索
-function search(queryParam) {
-	switch (searchItem.value) {
-		case 0: queryParams.value = {'name': queryParam}; break;
-		case 1: queryParams.value = {'modelId': queryParam}; break;
-		case 2: 
-			queryParams.value = {
-				'starttime': queryParam[0],
-				'endtime': queryParam[1]
-			}; 
-			break;
-	}
-	processListRef.value.onClickItem() // 调用子组件刷新数据
-}
-// 取消搜索
-function cancelSearch(){
-	queryParams.value = {}
-	processListRef.value.onClickItem() // 调用子组件刷新数据
-}
-
-// 分段器选项
-const items = reactive(['我的', '待办', '在办', '办结'])
-// 分段器选项
-const current = ref(1)
-// 子组件
-const processListRef = ref(null)
-
-// 待办列表
-// const processes = ref([])
-// 分段器点击事件 调用子组件刷新数据
-function clickSegmentItem({ currentIndex }) {
-	// processes.value = [] // 清空列表数据
-	current.value = currentIndex // 更新分段器状态
-	processListRef.value.onClickItem() // 调用子组件刷新数据
-}
-
-
-// 获取待办列表数据
-const point = ref(0)
-function getProcessData({ pageNo, pSize }, callback) {
-	const flag = point.value = new Date().getTime()
-	const params = {
-		staffId: userStore.user.useId,
-		page: pageNo,
-		pageNum: pSize,
-		modelId: "",
-		control: 1,
-		queryParams: queryParams.value
-	}
-	const requestMap = [
-		getUserAllProcess, // 我的
-		getUserProcess, // 待办
-		getUserProcessing, // 在办
-		getUserProcessed // 办结
-	]
-	requestMap[current.value](params).then(({ returnParams }) => {
-		// processes.value = returnParams.list
-		// 只加载最新数据 防止快速连续点击分段器造成数据错乱
-		if (flag == point.value) {
-			callback(returnParams.list, returnParams.total, pageNo)
+	const userStore = useUserStore()
+	onLoad(({ insId, tinsId, insName, control }) => {
+		if (insId) {
+			const username = userStore.user.name
+			getProcessFormInfo( userStore.user.useId, insId ).then(({ returnParams }) => {
+				//流程流转的最后一步
+				const lastChecker = returnParams.processCheckers[returnParams.processCheckers.length - 1]
+				if (username == lastChecker.v_user && 0 !== lastChecker.n_state) {
+					//流程流转到当前用户且流程未撤销
+					tinsId = lastChecker.l_tins_id
+				}
+				handleToProcessDetail({ username, insId, tinsId, insName, control })
+			})
 		}
 	})
-}
-// 分页获取待办列表数据
-function getProcessPage({ pageNo, pSize }, callback) {
-	const params = {
-		staffId: userStore.user.useId,
-		page: pageNo,
-		pageNum: pSize,
-		modelId: "",
-		control: 1,
-		queryParams: queryParams.value
+
+
+	// 搜索项
+	const candidates = ref(['发起者', '类型', '时间'])
+	// 搜索栏选中项
+	const searchItem = ref(0)
+	// 搜索项弹出层
+	const searchItemPopup = ref(null)
+	// 打开搜索项弹出层
+	function openPopup() {
+		searchItemPopup.value.open()
 	}
-	const requestMap = [
-		getUserAllProcess, // 我的
-		getUserProcess, // 待办
-		getUserProcessing, // 在办
-		getUserProcessed // 办结
-	]
-	requestMap[current.value](params).then(({ returnParams }) => {
-		// processes.value.push(...returnParams.list)
-		callback(returnParams.list, returnParams.total, pageNo)
-	})
-}
-// 跳转到流程详情页
-function handleToProcessDetail({ username, insId, tinsId, insName, control }) {
-	let url = '/pages/process/detail/index?insId=' + insId + '&insName=' + insName + '&control=' + control
-	if (tinsId) {
-		url = url + '&tinsId=' + tinsId
+	// 关闭搜索项弹出层
+	function closePopup() {
+		searchItemPopup.value.close()
 	}
-	$tab.navigateTo(url)
-}
-function handleToCancelProcess(process) {
-	uni.showModal({
-		title: '确认撤回' + process.insName,
-		editable: true,
-		placeholderText: '请输入撤回备注',
-		success: ({confirm, content}) => {
-			if (content == '') {
-				$modal.msgError('撤回备注不能为空！')
-				return
-			}
-			if (confirm) {
-				cancelProcessFlow(userStore.user.useId, content, process)
-				.then(({ returnMsg }) => {
-					if (returnMsg.includes('success')) {
-						$modal.msgSuccess('撤销成功')
-						// 通知列表刷新数据
-						processListRef.value.onClickItem() // 调用子组件刷新数据
-					} else {
-						$modal.msgError(returnMsg)
-					}
-				})
-			}
+	// 选中搜索项
+	function clickSearchItem(item) {
+		searchItem.value = item
+		if (item == 1 && pickerItems.value.length == 1) initPickerItems()
+		closePopup()
+	}
+	// 搜索参数
+	const queryParams = ref({})
+	// 输入框搜索栏
+	function searchBarConfirm(e) {
+		console.log('searchBarConfirm: ', e);
+	}
+	// 输入框搜索栏失去焦点
+	function searchBarOnBlur(queryParam) {
+		search(queryParam.value)
+	}
+	// 取消输入框搜索
+	// function searchBarCancel() {
+	// 	cancelSearch()
+	// }
+	// 下拉框搜索
+	const pickerItems = ref([{ modelId: '', modelName: '无' }])
+	const pickerItem = ref(0)
+	// 获取流程宫格数据
+	function initPickerItems() {
+		const staffId = userStore.user.useId
+		const unitId = userStore.user.unitId
+		getProcessList(staffId, unitId).then(res => {
+			pickerItems.value = res.returnParams.fList.map(({ modelId, modelName }) => {
+				return { modelId, modelName }
+			})
+			pickerItems.value.unshift({ modelId: '', modelName: '无' })
+		})
+	}
+	// 搜索栏 下拉框选择项
+	function bindPickerChange(e) {
+		pickerItem.value = e.detail.value
+		console.log('bindPickerChange: ', e);
+	}
+	// 时间选择器搜索
+	// const datetimePickerRange = ref([])
+	function datetimePickerChange(event) {
+		search(event)
+	}
+	// 搜索
+	function search(queryParam) {
+		switch (searchItem.value) {
+			case 0: queryParams.value = { 'name': queryParam }; break;
+			case 1: queryParams.value = { 'modelId': queryParam }; break;
+			case 2:
+				queryParams.value = {
+					'starttime': queryParam[0],
+					'endtime': queryParam[1]
+				};
+				break;
 		}
-	})
-}
-</script>
+		processListRef.value.onClickItem() // 调用子组件刷新数据
+	}
+	// 取消搜索
+	function cancelSearch() {
+		queryParams.value = {}
+		processListRef.value.onClickItem() // 调用子组件刷新数据
+	}
 
-<style lang="scss" scoped>
-// @import url("@/static/font/ygoa/iconfont.css");
-.search_container {
-	padding: 10px 0;
-	.popup_button_container {
-		display: flex;
-		justify-content: center;
-		margin-left: 5px;
-		height: 36px;
-		line-height: 36px;
-		width: 100%;
-		background-color: #f5f5f5;
-		text-align: center;
-		font-size: calc(16px + .5*(1rem - 16px));
-		color: #333;
-		.ygoa-icon {
-			font-size: calc(16px + .5*(1rem - 16px));
-		}
-		.button_text {
-			font-size: calc(16px + .5*(1rem - 16px));
-			width: 64px;
-			margin-left: 4px;
-		}
+	// 分段器选项
+	const items = reactive(['我的', '待办', '在办', '办结'])
+	// 分段器选项
+	const current = ref(1)
+	// 子组件
+	const processListRef = ref(null)
+
+	// 待办列表
+	// const processes = ref([])
+	// 分段器点击事件 调用子组件刷新数据
+	function clickSegmentItem({ currentIndex }) {
+		// processes.value = [] // 清空列表数据
+		current.value = currentIndex // 更新分段器状态
+		processListRef.value.onClickItem() // 调用子组件刷新数据
 	}
 
-	::v-deep .search_bar {
-		.uni-searchbar {
-			padding: 0;
-			.uni-searchbar__box-search-input {
-				font-size: calc(14px + .5*(1rem - 16px)) !important;
-			}
-			.uni-searchbar__cancel {
-				font-size: calc(14px + .5*(1rem - 16px)) !important;
-			}
+
+	// 获取待办列表数据
+	const point = ref(0)
+	function getProcessData({ pageNo, pSize }, callback) {
+		const flag = point.value = new Date().getTime()
+		const params = {
+			staffId: userStore.user.useId,
+			page: pageNo,
+			pageNum: pSize,
+			modelId: "",
+			control: 1,
+			queryParams: queryParams.value
 		}
-		.picker_container {
-			display: inline-block;
-			float: left;
-			background-color: #f8f8f8;
-			width: 70%;
-			height: 36px;
-			.input_text {
-				display: flex;
-				justify-content: center;
-				text-align: center;
-				background-color: #f8f8f8;
-				border: 1px solid #e5e5e5;
-				border-radius: 5px;
-				width: 100%;
-				height: 26px;
-				color: #000;
-				font-size: calc(14px + .5*(1rem - 16px)) !important;
-				line-height: 26px;
-				padding: 4px 8px 4px 0;
+		const requestMap = [
+			getUserAllProcess, // 我的
+			getUserProcess, // 待办
+			getUserProcessing, // 在办
+			getUserProcessed // 办结
+		]
+		requestMap[current.value](params).then(({ returnParams }) => {
+			// processes.value = returnParams.list
+			// 只加载最新数据 防止快速连续点击分段器造成数据错乱
+			if (flag == point.value) {
+				callback(returnParams.list, returnParams.total, pageNo)
 			}
+		})
+	}
+	// 分页获取待办列表数据
+	function getProcessPage({ pageNo, pSize }, callback) {
+		const params = {
+			staffId: userStore.user.useId,
+			page: pageNo,
+			pageNum: pSize,
+			modelId: "",
+			control: 1,
+			queryParams: queryParams.value
+		}
+		const requestMap = [
+			getUserAllProcess, // 我的
+			getUserProcess, // 待办
+			getUserProcessing, // 在办
+			getUserProcessed // 办结
+		]
+		requestMap[current.value](params).then(({ returnParams }) => {
+			// processes.value.push(...returnParams.list)
+			callback(returnParams.list, returnParams.total, pageNo)
+		})
+	}
+	// 跳转到流程详情页
+	function handleToProcessDetail({ username, insId, tinsId, insName, control }) {
+		let url = '/pages/process/detail/index?insId=' + insId + '&insName=' + insName + '&control=' + control
+		if (tinsId) {
+			url = url + '&tinsId=' + tinsId
 		}
-		.picker_button_container {
-			display: inline-flex;
+		console.log('url', url)
+		$tab.navigateTo(url)
+	}
+	function handleToCancelProcess(process) {
+		uni.showModal({
+			title: '确认撤回' + process.insName,
+			editable: true,
+			placeholderText: '请输入撤回备注',
+			success: ({ confirm, content }) => {
+				if (content == '') {
+					$modal.msgError('撤回备注不能为空！')
+					return
+				}
+				if (confirm) {
+					cancelProcessFlow(userStore.user.useId, content, process)
+						.then(({ returnMsg }) => {
+							if (returnMsg.includes('success')) {
+								$modal.msgSuccess('撤销成功')
+								// 通知列表刷新数据
+								processListRef.value.onClickItem() // 调用子组件刷新数据
+							} else {
+								$modal.msgError(returnMsg)
+							}
+						})
+				}
+			}
+		})
+	}
+</script>
+
+<style lang="scss" scoped>
+	// @import url("@/static/font/ygoa/iconfont.css");
+	.search_container {
+		padding: 10px 0;
+
+		.popup_button_container {
+			display: flex;
 			justify-content: center;
 			margin-left: 5px;
 			height: 36px;
 			line-height: 36px;
+			width: 100%;
 			background-color: #f5f5f5;
 			text-align: center;
 			font-size: calc(16px + .5*(1rem - 16px));
-			width: 25%;
+			color: #333;
+
+			.ygoa-icon {
+				font-size: calc(16px + .5*(1rem - 16px));
+			}
+
 			.button_text {
-				overflow: hidden;
 				font-size: calc(16px + .5*(1rem - 16px));
+				width: 64px;
 				margin-left: 4px;
 			}
 		}
-		.datetime_picker_container {
-			.uni-date {
-				.uni-date-editor {
-					margin-right: 5px;
-					.uni-date-x {
-						background-color: #f8f8f8;
-						color: #000;
-						font-size: calc(14px + .5*(1rem - 16px));
-						.uni-icons {
-							font-size: calc(22px + .5*(1rem - 16px));
-						}
-						.uni-date__x-input {
+
+		::v-deep .search_bar {
+			.uni-searchbar {
+				padding: 0;
+
+				.uni-searchbar__box-search-input {
+					font-size: calc(14px + .5*(1rem - 16px)) !important;
+				}
+
+				.uni-searchbar__cancel {
+					font-size: calc(14px + .5*(1rem - 16px)) !important;
+				}
+			}
+
+			.picker_container {
+				display: inline-block;
+				float: left;
+				background-color: #f8f8f8;
+				width: 70%;
+				height: 36px;
+
+				.input_text {
+					display: flex;
+					justify-content: center;
+					text-align: center;
+					background-color: #f8f8f8;
+					border: 1px solid #e5e5e5;
+					border-radius: 5px;
+					width: 100%;
+					height: 26px;
+					color: #000;
+					font-size: calc(14px + .5*(1rem - 16px)) !important;
+					line-height: 26px;
+					padding: 4px 8px 4px 0;
+				}
+			}
+
+			.picker_button_container {
+				display: inline-flex;
+				justify-content: center;
+				margin-left: 5px;
+				height: 36px;
+				line-height: 36px;
+				background-color: #f5f5f5;
+				text-align: center;
+				font-size: calc(16px + .5*(1rem - 16px));
+				width: 25%;
+
+				.button_text {
+					overflow: hidden;
+					font-size: calc(16px + .5*(1rem - 16px));
+					margin-left: 4px;
+				}
+			}
+
+			.datetime_picker_container {
+				.uni-date {
+					.uni-date-editor {
+						margin-right: 5px;
+
+						.uni-date-x {
+							background-color: #f8f8f8;
+							color: #000;
 							font-size: calc(14px + .5*(1rem - 16px));
+
+							.uni-icons {
+								font-size: calc(22px + .5*(1rem - 16px));
+							}
+
+							.uni-date__x-input {
+								font-size: calc(14px + .5*(1rem - 16px));
+							}
 						}
-					}
-					.uni-date__icon-clear {
-						.uni-icons {
-							font-size: calc(22px + .5*(1rem - 16px));
-							// color: #c0c4cc;
+
+						.uni-date__icon-clear {
+							.uni-icons {
+								font-size: calc(22px + .5*(1rem - 16px));
+								// color: #c0c4cc;
+							}
 						}
 					}
 				}
 			}
 		}
 	}
-}
-::v-deep .segmented_control_container {
-	.segmented-control__text {
-		font-size: calc(14px + .5*(1rem - 16px));
+
+	::v-deep .segmented_control_container {
+		.segmented-control__text {
+			font-size: calc(14px + .5*(1rem - 16px));
+		}
 	}
-}
-::v-deep .process_list {
-	.process_contant {
-		font-size: calc(14px + .5*(1rem - 16px));
-		.button_container {
-			button {
-				font-size: calc(13px + .4*(1rem - 16px))
+
+	::v-deep .process_list {
+		.process_contant {
+			font-size: calc(14px + .5*(1rem - 16px));
+
+			.button_container {
+				button {
+					font-size: calc(13px + .4*(1rem - 16px))
+				}
 			}
 		}
-	}
-	
-	.zp-l-text-rpx {
-		font-size: calc(30rpx + .5*(1rem - 16px));
-	}
-	
-	.flow_step_section {
-		 .uni-section .uni-section-header {
-			padding: 5px 10px;
+
+		.zp-l-text-rpx {
+			font-size: calc(30rpx + .5*(1rem - 16px));
 		}
-	}
 
-	.flow_step_container {
-		min-height: 60px;
-		margin: 10px 15px;
-		.u-steps {
-			.u-steps-item {
-				padding-bottom: 11px;
-				.u-text__value--content {
-					font-size: calc(13px + .5*(1rem - 16px)) !important;
-				}
-				.u-text__value--main {
-					font-size: calc(13px + .5*(1rem - 16px)) !important;
-					font-weight: 500 !important;
-				}
-				.u-text__value--tips {
-					font-size: calc(12px + .5*(1rem - 16px)) !important;
-				}
-				.redcontent {
+		.flow_step_section {
+			.uni-section .uni-section-header {
+				padding: 5px 10px;
+			}
+		}
+
+		.flow_step_container {
+			min-height: 60px;
+			margin: 10px 15px;
+
+			.u-steps {
+				.u-steps-item {
+					padding-bottom: 11px;
+
 					.u-text__value--content {
-						color: #ff4500;
+						font-size: calc(13px + .5*(1rem - 16px)) !important;
+					}
+
+					.u-text__value--main {
+						font-size: calc(13px + .5*(1rem - 16px)) !important;
+						font-weight: 500 !important;
 					}
-				}
-				.active_step_circle {
-					width: 20px;
-					height: 20px;
-					box-sizing: border-box;
-					flex-shrink: 0;
-					border-radius: 100px;
-					border-width: 1px;
-					border-color: #A78BFA;
-					background-color: #A78BFA;
-					border-style: solid;
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: center;
-					transition: background-color .3s;
 
-					.active_step_text {
-						color: #fff;
-						font-size: 11px;
+					.u-text__value--tips {
+						font-size: calc(12px + .5*(1rem - 16px)) !important;
+					}
+
+					.redcontent {
+						.u-text__value--content {
+							color: #ff4500;
+						}
+					}
+
+					.active_step_circle {
+						width: 20px;
+						height: 20px;
+						box-sizing: border-box;
+						flex-shrink: 0;
+						border-radius: 100px;
+						border-width: 1px;
+						border-color: #A78BFA;
+						background-color: #A78BFA;
+						border-style: solid;
 						display: flex;
 						flex-direction: row;
 						align-items: center;
 						justify-content: center;
-						text-align: center;
-						line-height: 11px;
+						transition: background-color .3s;
+
+						.active_step_text {
+							color: #fff;
+							font-size: 11px;
+							display: flex;
+							flex-direction: row;
+							align-items: center;
+							justify-content: center;
+							text-align: center;
+							line-height: 11px;
+						}
 					}
 				}
-			}
 
-			.u-steps-item view:last-of-type {
-				margin-top: 0 !important;
+				.u-steps-item view:last-of-type {
+					margin-top: 0 !important;
+				}
 			}
 		}
 	}
-}
-::v-deep .uni-calendar__content {
-	margin: -20px;
-	margin-top: 20px;
-	.uni-calendar__header {
-		.uni-calendar__header-text {
-			font-size: calc(14px + .5*(1rem - 16px)) !important;
-		}
-		.uni-calendar__backtoday {
-			padding: 2px 8px 2px 10px !important;
-			font-size: calc(0.75rem + 0px) !important;
-		}
-	}
-	.uni-calendar__box {
-		.uni-calendar__weeks {
-			.uni-calendar__weeks-day {
-				.uni-calendar__weeks-day-text {
-					font-size: calc(14px + .5*(1rem - 16px)) !important;
-				}
+
+	::v-deep .uni-calendar__content {
+		margin: -20px;
+		margin-top: 20px;
+
+		.uni-calendar__header {
+			.uni-calendar__header-text {
+				font-size: calc(14px + .5*(1rem - 16px)) !important;
 			}
-			.uni-calendar__weeks-item {
-				.uni-calendar-item__weeks-box-item {
-					.uni-calendar-item__weeks-box-circle {
-						width: calc(8px + .5*(1rem - 16px)) !important;
-						height: calc(8px + .5*(1rem - 16px)) !important;
-						top: calc(5px - .25*(1rem - 16px)) !important;
-						right: calc(5px - .25*(1rem - 16px)) !important;
-					}
-					.uni-calendar-item__weeks-box-text {
+
+			.uni-calendar__backtoday {
+				padding: 2px 8px 2px 10px !important;
+				font-size: calc(0.75rem + 0px) !important;
+			}
+		}
+
+		.uni-calendar__box {
+			.uni-calendar__weeks {
+				.uni-calendar__weeks-day {
+					.uni-calendar__weeks-day-text {
 						font-size: calc(14px + .5*(1rem - 16px)) !important;
 					}
-					.uni-calendar-item__weeks-lunar-text {
-						font-size: calc(12px + .5*(1rem - 16px)) !important;
+				}
+
+				.uni-calendar__weeks-item {
+					.uni-calendar-item__weeks-box-item {
+						.uni-calendar-item__weeks-box-circle {
+							width: calc(8px + .5*(1rem - 16px)) !important;
+							height: calc(8px + .5*(1rem - 16px)) !important;
+							top: calc(5px - .25*(1rem - 16px)) !important;
+							right: calc(5px - .25*(1rem - 16px)) !important;
+						}
+
+						.uni-calendar-item__weeks-box-text {
+							font-size: calc(14px + .5*(1rem - 16px)) !important;
+						}
+
+						.uni-calendar-item__weeks-lunar-text {
+							font-size: calc(12px + .5*(1rem - 16px)) !important;
+						}
 					}
 				}
 			}
 		}
-	}
-	.uni-date-changed {
-		.uni-date-changed--time-date {
-			font-size: calc(14px + 1*(1rem - 16px)) !important;
-		}
-		.uni-datetime-picker-text {
-			font-size: calc(14px + 1*(1rem - 16px)) !important;
+
+		.uni-date-changed {
+			.uni-date-changed--time-date {
+				font-size: calc(14px + 1*(1rem - 16px)) !important;
+			}
+
+			.uni-datetime-picker-text {
+				font-size: calc(14px + 1*(1rem - 16px)) !important;
+			}
 		}
 	}
-}
 </style>