DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/LogisticsapplyManagement/Purchase_Service_Apply/single.vue

<template>
	<view class="page">
		<view v-if="ready">
			<l-select @input="setValue('Purchase_Service.DepartmentId', $event)"
				:value="getValue('Purchase_Service.DepartmentId')" :disabled="!edit"
				:range="dataSource.Purchase_Service.DepartmentId" title="填报部门" required disabled />
			<l-organize-picker @input="setValue('Purchase_Service.Creator', $event)"
				:value="getValue('Purchase_Service.Creator')" :readonly="!edit" type="user" title="填报人" required readonly />
			<l-datetime-picker
				@input="setValue('Purchase_Service.Createtime', $event)"
				:value="getValue('Purchase_Service.Createtime')"
				disabled
				title="填报时间"
			  />
			<l-input @input="setValue('Purchase_Service.Payee', $event)" :value="getValue('Purchase_Service.Payee')" title="收款人" required :disabled="!edit"/>
			<l-input @input="setValue('Purchase_Service.Attachcount', $event)" :value="getValue('Purchase_Service.Attachcount')" title="附件张数" :disabled="!edit"/>
			<l-upload-file @input="setValue('Purchase_Service.FilePath', $event)" :value="getValue('Purchase_Service.FilePath')"
				tableName="Purchase_Service" fieldName="FilePath" title="附件" :number="9" :readonly="!edit" />
			<l-input @input="setValue('Purchase_Service.Totalamount', $event)" :value="getValue('Purchase_Service.Totalamount')" title="申请报账金额" required :disabled="!edit"/>
			<!-- <l-textarea @input="setValue('Purchase_Service.Remark', $event)" :value="getValue('Purchase_Service.Remark')"
				:readonly="!edit" title="备注" /> -->
			<!-- <l-select
				@input="setValue('Purchase_Service.Status', $event)"
				:value="getValue('Purchase_Service.Status')"
				:disabled="!edit"
				:range="dataSource.Purchase_Service.Status"
				title="是否提交"
			  />
			  <l-datetime-picker
				@input="setValue('Purchase_Service.SubmitTime', $event)"
				:value="getValue('Purchase_Service.SubmitTime')"
				:disabled="!edit"
				title="提交时间"
			  /> -->
					<!--  <l-select
				@input="setValue('Purchase_Service.CheckStatus', $event)"
				:value="getValue('Purchase_Service.CheckStatus')"
				:disabled="!edit"
				:range="dataSource.Purchase_Service.CheckStatus"
				title="审核状态"
			  />
			  <l-datetime-picker
				@input="setValue('Purchase_Service.CheckTime', $event)"
				:value="getValue('Purchase_Service.CheckTime')"
				:disabled="!edit"
				title="审核时间"
			  />
			  <l-organize-picker
				@input="setValue('Purchase_Service.CheckUserId', $event)"
				:value="getValue('Purchase_Service.CheckUserId')"
				:readonly="!edit"
				type="user"
				title="审核人"
			  /> -->
			<l-input @input="setValue('Purchase_Service.Approvalamount', $event)" :value="getValue('Purchase_Service.Approvalamount')"
				:disabled="!edit||!isEdit('Approvalamount')" title="核准金额" />
			<view style="background-color: #fff;">
				<view style="line-height: 40px;font-size: 14px;padding-left: 12px;">
					报账明细：
				</view>
				
				<view v-if="edit" class="customlist-banner-action" style="display: flex;">
					<view 
						@click="detailAdd"
						class="customlist-banner-action-btn line-blue text-sm"
						style="border: currentColor 1px solid;border-radius: 4px;margin: 8px;padding: 2px 4px;">
						<l-icon type="add" />
						新增
					</view>
					<view 
						@click="detailDelete"
						class="customlist-banner-action-btn line-red text-sm"
						style="border: currentColor 1px solid;border-radius: 4px;margin: 8px;padding: 2px 4px;">
						<l-icon type="delete" />
						删除
					</view>
				</view>
				
				<next-table ref="table" :show-header="true" :columns="column" :stripe="true" :fit="false" :border="true" :data="data"
					:highlight="true" @currentChange="currentChange">
				</next-table>
				<l-customform-table
					:value="currentRowDetail" :item="Purchase_Service_Details"
					:edit="false" />
			</view>
		</view>
		<!-- 指派审核人弹窗 -->
			<l-modal v-model="modal" @close="reviewer = ''" title="指派审核人">
				<l-checkbox-picker @input="(e)=>{reviewer = e}" :value="reviewer" :readonly="false" :range="reviewerList"
					required title="审核人" />
				<l-button @click="userAssign" color="blue" class="block" block>确定指派</l-button>
				<l-button @click="()=>{modal = false;reviewer = ''}" line="blue" class="block margin-top-sm" block>取消</l-button>
			</l-modal>
		    <view v-if="ready && current.Purchase_Service && current.Purchase_Service.status != '1'" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;"> 
		      <l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> 
		        保存
		      </l-button>
			  <l-button v-if="edit" @click="action('save',true)" size="lg" color="orange" class="block margin-top" block>
			    保存并提交
			  </l-button>
		      <!-- <l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> 
		        编辑本页
		      </l-button> 
		      <l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> 
		        取消编辑
		      </l-button> 
		      <l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> 
		        删除
		      </l-button> -->
		    </view> 

	</view>
</template>


<script>
	/* 
	 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) 
	 * Copyright (c) 2013-2020 上海力软信息技术有限公司 
	 * 创建人：超级管理员 
	 * 日  期：2020-10-20 09:25 
	 * 描  述：活动安排 
	 */

	/** 
	 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用 
	 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录： 
	 * { "path": "pages/PersonnelManagement/BookBorrow/single", "style": { "navigationBarTitleText": "表单详情页" } } 
	 *  
	 * （navigationBarTitleText 字段为本页面的标题文本，可以修改） 
	 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件） 
	 */

	import get from 'lodash/get'
	import set from 'lodash/set'
	import moment from 'moment'
	import customPageMixins from '@/common/custompage.js'
	import workflowFormMixins from '@/pages/nworkflow/workflow.js'

	export default {
		mixins: [workflowFormMixins,customPageMixins,],

		data() {
			return {
				// 页面相关参数 
				id: null,
				mode: null,
				edit: null,
				ready: false,

				// 表单数据 
				current: {},
				origin: {},

				// 表单项数据结构 
				scheme: {
					Purchase_Service: {
						DepartmentId: {
							type: 'select',
							title: '填报部门'
						},
						Creator: {
							type: 'organize',
							title: '填报人',
						},
						Createtime: { type: 'datetime', title: '填报时间', dateformat: '1' },
						Payee: {
							title: '收款人',
							verify:'NotNull'
						},
						Attachcount: {
							title: '附件张数'
						},
						Totalamount: {
							type: 'text',
							title: '申请报账金额',
							verify:'Price'
						},
						// Remark: {
						// 	type: 'textarea',
						// 	title: '备注'
						// },
						FilePath: {
							type: 'upload',
							title: '附件'
						},
						Approvalamount:{title:'核准金额',verify:'PriceOrNull'},
						// Status: { type: 'select', title: '是否提交' }, 
						// SubmitTime:{ type: 'datetime', title: '提交时间', dateformat: '1' },
						// CheckTime:{ type: 'datetime', title: '审核时间', dateformat: '1' }, 
						// CheckUserId:{ type: 'organize', title: '审核人' }, 
						// CheckStatus:{ type: 'select', title: '审核状态', }, 
					},
				},
				
				Purchase_Service_Details: {
					type: 'girdtable',
					title: '劳务维修详情',
					__defaultItem__: {},
					fieldsData: [
						{ field:'ServiceContent', type:'input', name:'维修内容' },
						{ field:'Price', type:'input', name:'价格' },
						{ field:'Peoplecount', type:'input', name:'人数' },
						{ field:'Days', type:'input', name:'天数' },
						{ field:'Standar', type:'input', name:'标准' },
					  ]
				},
				// 数据源 
				dataSource: {
					Purchase_Service: {
						DepartmentId: [],
						Status: [{
							text: '已提交',
							value: '1'
						}, {
							text: '未提交',
							value: '2'
						}],
						CheckStatus: [{
							text: '审核中',
							value: '1'
						}, {
							text: '审核通过',
							value: '2'
						}, {
							text: '',
							value: '草稿'
						}]
					},

				},
				
				// 采购数据
				column:[
					// { type:'selection', fixed:true,width:60 },
					// { name: 'CreatorName', label: '申请人',width:80,emptyString:'--' },
					{ name: 'TotalAmount', label: '金额',fixed:false,width:86,emptyString:'--' },
					// { name: 'DepartmentName', label: '部门',fixed:false,width:200,emptyString:'--' },
					{ name: 'Remark', label: '备注',fixed:false,width:126,emptyString:'--' },
					{ name: 'CreateTime', label: '申请时间',width:80,emptyString:'--' },
					// { name: 'SubmitTime', label: '提交时间',fixed:false,width:146,emptyString:'--' },
					// { name: 'CheckTime', label: '审核时间',fixed:false,width:146,emptyString:'--' },
				],
				data:[],
				page: 1, 
				total: 1,
				rows:8,
				list: [],
				currentRow:null,
				currentRowDetail:[],
				
				type:null,
					  code:null,
					  level: '1',
					  processId:null,
					  // 指派审核人数据
					  modal: false,
					  userAssignData:{},//收集数据用来判断是否需要审核人
					  reviewerListId:'',
					  reviewerList:[],
					  submitPostData:{},
					  reviewer: [],
					  
					  authorize:{},
			}
		},
		async onLoad({
			type,
			id
		}) {
			await this.init(type, id)
		},
		onUnload() {
		  this.OFF('details-change')
		},

		methods: {
			// 页面初始化 
			async init(type, id) {
				this.LOADING('加载数据中...')
				this.ON('details-change',this.dataChange)

				this.id = id
				this.mode = type
				this.edit = ['create', 'edit'].includes(this.mode)
				
				this.type = type
					  this.code = '1-13'
					  const currentTask = this.GET_PARAM()
					  // 新建表单则生成
					  this.processId = this.GUID('-')
					  const processInfo = await this.fetchProcessInfo({ code:this.code })
					  const currentNode = this.getCurrentNode(processInfo)
					  this.userAssignData.currentTask = currentTask
					  this.userAssignData.currentNode = currentNode
					  // wfForms 的数组成员 t，表示表单数据项（TAB页），t.type 表示类别，注意它是字符串型，用 Number(t.type) 转换
					  // 为 1 则使用工作流表单，依据它的 .formId
					  // 不为 1 则使用系统表单，依据它的 .appurl
					  const { wfForms } = currentNode
					  // 处理没有有效表单的情况，停止加载
					  if (!wfForms || wfForms.length <= 0) {
					    this.HIDE_LOADING()
					    this.TOAST('移动表单数据(wfForms)中无有效表单')
					    return
					  }
					  
					  // 权限
					  					  if(currentNode.wfForms && currentNode.wfForms[0].authorize){
					  							  let arr = Object.values(currentNode.wfForms[0].authorize)
					  							  for (let item of arr) {
					  								this.authorize[item.fieldId] = item
					  							  }
					  					  }

				// 拉取表单数据，同时拉取所有来自数据源的选单数据 
				await Promise.all([
					this.FETCH_DATASOURCE('classdata').then(data => {
						this.dataSource.Purchase_Service.DepartmentId = data.data.map(t => ({
							text: t.name,
							value: t.id
						}));
					}),
					() => {}
				])
				await this.fetchForm()

				this.ready = true
				this.HIDE_LOADING()
			},
			isEdit(field){
							return this.authorize[field] && this.authorize[field].isEdit !== 0
						},

			// 加载表单数据 
			async fetchForm() {
				if (this.mode === 'create') {
					this.origin = await this.getDefaultForm()
					let userInfo = this.GET_GLOBAL('loginUser');
					this.origin.Purchase_Service.DepartmentId = userInfo.departmentId
					this.origin.Purchase_Service.Creator = userInfo.userId
				} else {
					const result = await this.HTTP_GET('learun/adms/purchaseserviceapply/form', this.id)
					this.origin = await this.formatFormData({
						Purchase_Service: result.Purchase_Service,
					})
					this.data = result.Purchase_Service_Details
				}
				this.current = this.COPY(this.origin)
			},
			// 计算报账金额
			getamount(){
				let getamount = 0
				this.data.forEach(e=>{
					getamount = this.accAdd(e.TotalAmount,getamount)
				})
				this.setValue('Purchase_Service.Totalamount', getamount)
			},
			// 点击某一行
			async currentChange(row){
				this.currentRow = row
				this.currentRowDetail = []
				const result = await this.HTTP_GET('learun/adms/purchaseservice/formdetail',row.purchaseid)
				if(!result)return
				this.currentRowDetail = result
			},
			// 新增明细数据
			dataChange(data){
				data.forEach(e=>{
					if(!this.data.find(e1=>e.Id == e1.purchaseid)){
						e.purchaseid = e.Id
						this.data.push(e)
					}
				})
				this.getamount()
			},
			async detailDelete(){
				if(!this.currentRow){
					this.TOAST('请选中某一项')
					return
				}
				if (!(await this.CONFIRM('删除项目', '确定要删除选中项吗？', true))) {
					return
				}
				let index;
				this.data.find((e,i)=>{
					if(e.Id == this.currentRow.Id){
						index = i
						return true
					}
				})
				this.data.splice(index,1)
				this.$refs.table.resetHighlight()
				this.currentRow = null
				this.currentRowDetail = []
				this.getamount()
				
			},
			// 新增明细
			detailAdd(){
				// this.NAV_TO('./details',this.data,true)
				this.NAV_TO('./details')
			},

			// 乘法函数
			accMul(arg1, arg2) {
				let m = 0,
					s1 = arg1.toString(),
					s2 = arg2.toString()
				try {
					m += s1.split('.')[1].length
				} catch (e) {}
				try {
					m += s2.split('.')[1].length
				} catch (e) {}
				return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m)
			},
			// 加法函数
			accAdd(arg1, arg2) {
				let r1, r2, m
				try {
					r1 = arg1.toString().split('.')[1].length
				} catch (e) {
					r1 = 0
				}

				try {
					r2 = arg2.toString().split('.')[1].length
				} catch (e) {
					r2 = 0
				}

				m = Math.pow(10, Math.max(r1, r2))
				return (arg1 * m + arg2 * m) / m
			},
			
			// 指派审核人
			    async userAssign() {
			    	this.modal = false
			    	if(!this.reviewer.length){
			    		this.TOAST('请选择审核人')
			    		return
			    	}
			    	this.LOADING('正在提交…')
					let postData = {
					  auditors :JSON.stringify({[this.reviewerListId]:this.reviewer.toString()}),
					  level : this.level,
					   code: this.code,
					   processId: this.processId,
					}
			    	const url = 'learun/adms/newwf/createnoform'
			    	const tips = `流程发起失败`
			    	this.HTTP_POST(url, postData, tips).then(success => {
			    	  this.HIDE_LOADING()
			    	  if (!success) {
			    	    return
			    	  }
					  this.submit1()
			    	})
			    },
			    
			    // 发起流程
			    async submit() {
			      // 判断是否指派审核人
			      let isNext = this.userAssignData.currentNode.isNext
			      Object.assign(this.userAssignData,{ code: 'agree' })
			      if (this.userAssignData.next == '2') {
			    	  isNext = '1';
			      }
			      if (isNext == '1') {
			      	let params = {
			      		code: this.code,
			      		processId: this.processId,
			      		taskId: '',
			      		nodeId: this.userAssignData.currentNode.id,
			      		operationCode: this.userAssignData.code,
			      	}
			    	this.LOADING('正在获取审核人…')
			      	const userList = await this.HTTP_GET('learun/adms/newwf/auditer', params, `获取审核人时发生错误`)
			      	this.HIDE_LOADING()
			    	if (!userList) {
			      		return
			      	}
			      	let arr = Object.entries(userList)
			    	this.reviewerListId = arr[0][0]
			    	this.reviewerList =  arr[0][1].map(item => {
			    	  return {
			    		text: item.Name,
			    		value: item.Id
			    	  }
			      	})
			    	if(this.reviewerList.length>1){
			    		this.modal = true
			    		return
			    	}
			      }
			    
			      this.LOADING('正在提交…')
			      let postData = {
					  auditors :JSON.stringify({}),
					  level : this.level,
					   code: this.code,
					   processId: this.processId,
				  }
			      const url = 'learun/adms/newwf/createnoform'
			      const tips = `流程发起失败`
			      this.HTTP_POST(url, postData, tips).then(success => {
			        this.HIDE_LOADING()
			        if (!success) {
			          return
			        }
					this.submit1()
			      })
			    },
				
				// 提交
				async submit1(){
					// if (!(await this.CONFIRM('提交项目', '是否确认提交该项？', true))) {
					// 	return
					// }
					this.LOADING('正在提交...')
					this.HTTP_POST('learun/adms/purchaseserviceapply/submit', {Id:this.id, ProcessId:this.processId} , '提交失败').then(
						success => {
							this.HIDE_LOADING()
							if (!success) {
								return
							}
							this.TOAST('提交成功', 'success')
							this.EMIT('LogisticsapplyManagement-Purchase_Service-list-change')
							this.NAV_BACK()
						})
					return
				},

			// 点击 「编辑」、「重置」、「保存」、「删除」 按钮 
			async action(type,isSubmit=false) {
				switch (type) {
					case 'edit':
						this.edit = true
						break

					case 'reset':
						this.current = this.COPY(this.origin)
						this.edit = false
						break

					case 'save':
						const verifyResult = this.verifyForm()
						if (verifyResult.length > 0) {
							this.CONFIRM('表单验证失败', verifyResult.join('\n'))
							return
						}

						if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗？', true))) {
							return
						}

						this.LOADING('正在提交...')
						const postData = await this.getPostData(this.id)

						// // 处理列表数据
						let strEntity = JSON.parse(postData.strEntity)
						for (let s of this.data) {
							s.TotalAmount = Number(s.TotalAmount);
							s.TotalAmount = Number(s.TotalAmount)
						}
						let DetailList = this.data.map(e=>{
							return {
								purchaseid:e.purchaseid
							}
						})
						postData.DetailList = JSON.stringify(DetailList)
						// 赋值部门和人员数据
						let userInfo = this.GET_GLOBAL('loginUser');
						let obj = this.dataSource.Purchase_Service.DepartmentId.find(e => e.value == this.origin
							.Purchase_Service.DepartmentId)
						strEntity.deptname = obj ? obj.text : ''
						strEntity.creatorname = userInfo.realName
						// 格式化数据
						strEntity.Approvalamount = Number(strEntity.Approvalamount)
						strEntity.Totalamount = Number(strEntity.Totalamount)

						postData.strEntity = JSON.stringify(strEntity)
						// console.log(postData,JSON.parse(postData.strEntity))
						this.HTTP_POST('learun/adms/purchaseserviceapply/save', postData, '表单提交保存失败').then(success => {
							this.HIDE_LOADING()
							if (!success) {
								return
							}
							this.id = success.Id
										if(isSubmit){
											this.submit()
											return
										}

							this.EMIT('LogisticsapplyManagement-Purchase_Service-list-change')
							setTimeout(()=>this.NAV_BACK(),500)
							this.TOAST('提交保存成功')
						})
						break

					case 'delete':
						if (!(await this.CONFIRM('删除项目', '确定要删除本项吗？', true))) {
							return
						}

						this.LOADING('提交删除中...')
						this.HTTP_POST('learun/adms/purchaseserviceapply/delete', this.id, '删除失败').then(success => {
							this.HIDE_LOADING()
							if (!success) {
								return
							}

							this.EMIT('LogisticsapplyManagement-Purchase_Service-list-change')
							this.NAV_BACK()
							this.this.TOAST('删除成功', 'success')
						})
						break

					default:
						break
				}
			},

			// 获取表单值 
			getValue(path) {
				return get(this.current, path)
			},

			// 设置表单值 
			setValue(path, val) {
				set(this.current, path, val)
			},
		}
	}
</script>