bjquanjiang
/
DigitalScholl
1
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
2531 Коміти
28 Гілки
2.3 GiB
 
 
 
 
 
 
Дерево: 062837c29f
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '062837c29f'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/AssetManagementSystem/FundsApply/single.vue

715 рядки
22 KiB
Неформатований Звинувачення Історія 

  1. <template>

  2. 	<view class="page">

  3. 		<view>

  4. 			<view class="cu-bar bg-white cu-title solid-bottom">

  5. 				<view class="action" style="vertical-align: middle;">

  6. 					<text class="margin-right-xs text-blue cuIcon-title">

  7. 						<span></span>

  8. 					</text>

  9. 					<text class="text-xl">

  10. 						<span>经费开支申报单</span>

  11. 					</text>

  12. 				</view>

  13. 			</view>

  14. 		</view>

  15. 		<view v-if="ready">

  16. 			<l-input @input="setValue('FundsApply.EnCode', $event)" :value="getValue('FundsApply.EnCode')"

  17. 				title="申报单号" /> <!-- v-if="!edit" :disabled="!edit" -->

  18. 			<l-select @input="setValue('FundsApply.ApplyDept', $event)" :value="getValue('FundsApply.ApplyDept')"

  19. 				:range="dataSource.FundsApply.ApplyDept" title="报批部门" disabled />

  20. 			<!-- :disabled="!edit" v-if="!edit" -->

  21. 			<l-select @input="setValue('FundsApply.ApplyUser', $event)" :value="getValue('FundsApply.ApplyUser')"

  22. 				:range="dataSource.FundsApply.ApplyUser" title="报批人" disabled /> <!-- v-if="!edit" -->

  23. 			<l-datetime-picker @input="setValue('FundsApply.ApplyTime', $event)"

  24. 			:value="getValue('FundsApply.ApplyTime')" title="填报时间" disabled /> <!-- required :disabled="!edit" -->

  25. 			<l-select @input="($event)=>{DeclarationDeptChange($event)}" :value="getValue('FundsApply.DeclarationDept')"

  26. 				:range="dataSource.FundsApply.DeclarationDept" title="申报部门" :disabled="!edit" />

  27. 			<!-- :disabled="!edit" v-if="!edit" -->

  28. 			<l-select @input="setValue('FundsApply.Informant', $event)" :value="getValue('FundsApply.Informant')"

  29. 				:range="dataSource.FundsApply.Informant" title="申报人"  :disabled="!edit"/> 

  30. 			<l-select @input="setValue('FundsApply.DeclarationType', $event)"

  31. 				:value="getValue('FundsApply.DeclarationType')" :range="dataSource.FundsApply.DeclarationType"

  32. 				title="申报类型" :disabled="!edit" />

  33. 			<l-select @input="setValue('FundsApply.IsFixedAssets', $event)"

  34. 				:value="getValue('FundsApply.IsFixedAssets')" :range="dataSource.FundsApply.IsFixedAssets"

  35. 				title="是否固定资产" :disabled="!edit" /> <!-- v-if="!edit" -->

  36. 			<l-textarea @input="setValue('FundsApply.Remark', $event)" :value="getValue('FundsApply.Remark')" title="备注"

  37. 				:readonly="!edit" /> <!-- v-if="!edit" :readonly="!edit" -->

  38. 			<!-- <l-input @input="setValue('FundsApply.Remark', $event)" :value="getValue('FundsApply.Remark')"

  39. 				title="申请人" :disabled="!edit" /> -->

  40. 			<l-input @input="Statusitem(setValue('FundsApply.Status', $event)) "

  41. 				:value="Statusitem(getValue('FundsApply.Status'))" title="审批状态" disabled v-if="!edit" />

  42. 			<!--  :disabled="!edit" -->

  43. 			<!-- 附件上传 -->

  44. 			<l-input

  45. 			@input="setValue('FundsApply.Path', $event)"

  46. 			:value="getValue('FundsApply.Path')"

  47. 			disabled="disabled"

  48. 			v-show="false"

  49. 			title="附件值"

  50. 			/> 

  51. 			<uploadFile :number="5" :folderId="folderId" :value="fileList" :readonly="!edit" :title="fileTitle" :required="false"></uploadFile>

  52. 		</view>

  53. 		

  54. 		<view class="welT" style="padding-top: 10px;">

  55. 			明细操作

  56. 			<text v-if="edit" class="text-xxl cuIcon cuIcon-add" @click="add('FundsApplyDetails')"></text>

  57. 		</view>

  58. 

  59. 		<view class="welBox" id="StuInfoFreshEmergePeople" v-show="FundsApplyDetail.length != 0">

  60. 			<view class="welCon" v-for="(item, i) in FundsApplyDetail" :key='i'>

  61. 				<l-input v-model="item.ProjectContent" title="项目明细" placeholder="请填写" right :disabled="!edit" />

  62. 				<l-input v-model="item.Number" type="number" @blur="SumAmountChange(item,'Number')" title="数量" :disabled="!edit" placeholder="请填写" right />

  63. 				<l-label title="单位">

  64. 				  <picker

  65. 				    @change="changeitem($event,item)"

  66. 				    :range="dataSource.FundsApply.Unit"

  67. 				    :disabled="!edit"

  68. 					range-key="text"

  69. 				  >

  70. 				    <view class="picker">{{ item.Unit ? mapitem(item.Unit)  : '请选择单位' }}</view>

  71. 				  </picker>

  72. 				</l-label>

  73. 				<l-input v-model="item.Price" type="digit"  @blur="blurChange(item)" title="单价（元）" :disabled="!edit" placeholder="请填写" right />

  74. 				<l-input v-model="item.Amount" title="金额（元）" disabled placeholder="请填写" right />

  75. 				<!-- <l-select  @input="setValue('item.Unit', $event)" :value="getValue('item.Unit')" :range="dataSource.FundsApply.Unit" title="单位" :disabled="!edit" /> -->

  76. 				

  77. 				

  78. 				

  79. 				<view v-if="edit||create" class="welDel" @click="del('FundsApplyDetails', i)"><text

  80. 						class="text-xxl cuIcon cuIcon-move"></text></view>

  81. 						

  82. 				<view  v-if="edit||create" class="welAdd" @click="add('FundsApplyDetails')">

  83. 					<text class="text-xxl cuIcon cuIcon-add"></text>

  84. 				</view>		

  85. 			</view>

  86. 		</view>

  87. 		

  88. 		<view v-if="ready">

  89. 			<l-input @input="setValue('FundsApply.SumAmount', $event)" :value="getValue('FundsApply.SumAmount')"

  90. 				title="合计" disabled="" /> <!-- v-if="!edit" :disabled="!edit" -->

  91. 			<l-input @input="setValue('FundsApply.UpperAmount', $event)" :value="getValue('FundsApply.UpperAmount')"

  92. 				title="人民币（大写）" disabled /> <!-- v-if="!edit" :disabled="!edit" -->

  93. 		</view>

  94. 		

  95. 		

  96. 		

  97. 

  98. 

  99. 		<view v-if="ready&&edit" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;">

  100. 			<l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block>

  101. 				保存

  102. 			</l-button>

  103. 			<l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange"

  104. 				class="block margin-top" block>

  105. 				编辑本页

  106. 			</l-button>

  107. 			<l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red"

  108. 				class="block margin-top" block>

  109. 				取消编辑

  110. 			</l-button>

  111. 			<l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red"

  112. 				class="block margin-top" block>

  113. 				删除

  114. 			</l-button>

  115. 		</view>

  116. 	</view>

  117. </template>

  118. 

  119. 

  120. <script>

  121. 	/*

  122. 	 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)

  123. 	 * Copyright (c) 2013-2021 上海力软信息技术有限公司

  124. 	 * 创建人：超级管理员

  125. 	 * 日  期：2021-02-21 10:07

  126. 	 * 描  述：会议管理

  127. 	 */

  128. 

  129. 	/**

  130. 	 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用

  131. 	 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录：

  132. 	 * { "path": "pages/PersonnelManagement/FundsApply/single", "style": { "navigationBarTitleText": "表单详情页" } }

  133. 	 * 

  134. 	 * （navigationBarTitleText 字段为本页面的标题文本，可以修改）

  135. 	 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件）

  136. 	 */

  137. 

  138. 	import get from 'lodash/get'

  139. 	import set from 'lodash/set'

  140. 	import moment from 'moment'

  141. 	import customPageMixins from '@/common/custompage.js'

  142. 	import uploadFile from '@/components/upload-file2.vue'

  143. 

  144. 	export default {

  145. 		mixins: [customPageMixins],

  146. 		components:{

  147. 		  	uploadFile,

  148. 		  },

  149. 

  150. 		data() {

  151. 			return {

  152. 				// 页面相关参数

  153. 				id: null,

  154. 				mode: null,

  155. 				edit: null,

  156. 				ready: false,

  157. 				create: null,

  158. 				// 表单数据

  159. 				current: {},

  160. 				origin: {},

  161. 				fileList:[],//附件列表

  162. 				folderId:null,//附件随机文件夹id

  163. 				fileTitle:'附件上传',//附件label值

  164. 				FundsApplyDetail: [],

  165. 				FundsApplyDetails: {

  166. 					ProjectContent: '',

  167. 					Number: '',

  168. 					Price: '',

  169. 					Amount: '',

  170. 					Unit:''

  171. 				},

  172. 				// 表单项数据结构

  173. 				scheme: {

  174. 					FundsApply: {

  175. 						EnCode: {

  176. 							type: 'text',

  177. 							title: '申报单号'

  178. 						},

  179. 						ApplyDept: {

  180. 							type: "select",

  181. 							dataSource: '1',

  182. 							dataSourceId: 'ApplyDept'

  183. 						},

  184. 						ApplyTime: {

  185. 							type: 'datetime',

  186. 							title: '开始时间',

  187. 							dateformat: '1',

  188. 							verify: "NotNull"

  189. 						},

  190. 						ApplyUser: {

  191. 							type: "select",

  192. 							dataSource: '1',

  193. 							dataSourceId: 'ApplyUser'

  194. 						},

  195. 						DeclarationDept: {

  196. 							type: "select",

  197. 							dataSource: '1',

  198. 							dataSourceId: 'DeclarationDept'

  199. 						},

  200. 						Informant: {

  201. 							type: "select",

  202. 							dataSource: '1',

  203. 							dataSourceId: 'Informant'

  204. 						},

  205. 						DeclarationType: {

  206. 							type: "select",

  207. 							title: '申报类别',

  208. 							dataSourceId: 'DeclarationType',

  209. 						},

  210. 						IsFixedAssets: {

  211. 							type: "select",

  212. 							title: '是否固定资产',

  213. 							dataSource: '1',

  214. 							dataSourceId: 'IsFixedAssets',

  215. 							verify: 'NotNull'

  216. 						},

  217. 						Remark: {

  218. 							type: 'texteditor',

  219. 							title: '备注',

  220. 						},

  221. 						// Remark: {

  222. 						// 	type: 'text',

  223. 						// 	title: '申请人',

  224. 						// },

  225. 						SumAmount: {

  226. 							type: 'text',

  227. 							title: '合计'

  228. 						},

  229. 						UpperAmount: {

  230. 							type: 'text',

  231. 							title: '合计',

  232. 							verify: 'NotNull'

  233. 						},

  234. 						Status: {

  235. 							type: 'text',

  236. 							title: '审批状态'

  237. 						},

  238. 						Path: { 

  239. 							type: "text",

  240. 							title: "附件上传",

  241. 						},

  242. 

  243. 					},

  244. 

  245. 				},

  246. 

  247. 				// 数据源

  248. 				dataSource: {

  249. 					FundsApply: {

  250. 						ApplyDept: [],

  251. 						ApplyUser: [],

  252. 						Informant: [],

  253. 						DeclarationDept: [],

  254. 						IsFixedAssets: Object.values(this.GET_GLOBAL('dataDictionary').YesOrNoInt).map(t => ({

  255. 							value: t.value,

  256. 							text: t.text

  257. 						})),

  258. 						DeclarationType: Object.values(this.GET_GLOBAL('dataDictionary').DeclarationType).map(t => ({

  259. 							value: t.value,

  260. 							text: t.text

  261. 						})),

  262. 						Unit:Object.values(this.GET_GLOBAL('dataDictionary').sldw).map(t => ({

  263. 							value: t.value,

  264. 							text: t.text

  265. 						})),

  266. 					}

  267. 				},

  268. 				EnCode: '',

  269. 				index:0

  270. 			}

  271. 		},

  272. 

  273. 		async onLoad({

  274. 			type,

  275. 			id

  276. 		}) {

  277. 			// console.log(this.GET_GLOBAL('dataDictionary').sldw,"1")

  278. 			// console.log(this.GET_GLOBAL('dataDictionary').DeclarationType,"2")

  279. 			await this.init(type, id)

  280. 			// console.log(this.dataSource.FundsApply.Unit)

  281. 		},

  282. 

  283. 		methods: {

  284. 			// 页面初始化

  285. 			async init(type, id) {

  286. 				this.folderId=this.GUID();

  287. 						// console.log('附件随机文件夹id：'+this.folderId);

  288. 				this.LOADING('加载数据中...')

  289. 

  290. 				this.id = id

  291. 				this.mode = type

  292. 				this.edit = ['create', 'edit'].includes(this.mode)

  293. 

  294. 				// 拉取表单数据，同时拉取所有来自数据源的选单数据

  295. 				await Promise.all([

  296. 					this.FETCH_DATASOURCE('classdata').then(result => {

  297. 						this.dataSource.FundsApply.ApplyDept = result.data.map(t => ({

  298. 							text: t.name,

  299. 							value: t.id

  300. 						}));

  301. 					}),

  302. 					this.FETCH_DATASOURCE('teacheruserdata').then(result => {

  303. 						this.dataSource.FundsApply.ApplyUser = result.data.map(t => ({

  304. 							text: t.f_realname,

  305. 							value: t.f_userid

  306. 						}));

  307. 					}),

  308. 					this.FETCH_DATASOURCE('classdata').then(result => {

  309. 						this.dataSource.FundsApply.DeclarationDept = result.data.filter(t=>t.f_deletemark===0).map(t => ({

  310. 							text: t.name,

  311. 							value: t.id

  312. 						}));

  313. 					}),

  314. 					this.FETCH_DATASOURCE('teacheruserdata').then(result => {

  315. 						this.dataSource.FundsApply.Informant = result.data.map(t => ({

  316. 							text: t.f_realname,

  317. 							value: t.f_userid

  318. 						}));

  319. 					}),

  320. 					// this.dataSource.FundsApply.DeclarationType = Object.values(this.GET_GLOBAL('dataDictionary').DeclarationType).map(t => ({ value: t.value, text: t.text })),// this.FETCH_DATASOURCE('DeclarationType').then(result => {

  321. 					//   this.dataSource.FundsApply.DeclarationType = result.data.map(t => ({  value: t.value, text: t.text }))

  322. 					// }),

  323. 				])

  324. 				await this.fetchForm()

  325. 

  326. 				this.ready = true

  327. 				this.HIDE_LOADING()

  328. 			},

  329. 

  330. 			// 加载表单数据

  331. 			async fetchForm() {

  332. 				if (this.mode === 'create') {

  333. 					const result = await this.HTTP_GET('/learun/adms/FundsApply/getEnCode')

  334. 					const source = {

  335. 						ApplyDept: this.user.departmentId,

  336. 						ApplyUser: this.user.userId,

  337. 						ApplyTime: new Date().getTime()

  338. 					};

  339. 					let resultres = Object.assign(result, source)

  340. 					let EnCoderes = {

  341. 						FundsApply: resultres,

  342. 					}

  343. 

  344. 					this.origin = await this.formatFormData(EnCoderes)

  345. 

  346. 				} else {

  347. 					const result = await this.HTTP_GET('/learun/adms/FundsApply/form', this.id)

  348. 					result.FundsApply.SumAmount = Number(result.FundsApply.SumAmount).toFixed(2)

  349. 					this.origin = await this.formatFormData(result)

  350. 					if(result.FundsApplyDetail.length){

  351. 						for(let i =0;i<result.FundsApplyDetail.length;i++){

  352. 							result.FundsApplyDetail[i].Price = Number(result.FundsApplyDetail[i].Price).toFixed(2)

  353. 							result.FundsApplyDetail[i].Amount = Number(result.FundsApplyDetail[i].Amount).toFixed(2)

  354. 						}

  355. 						this.FundsApplyDetail = result.FundsApplyDetail

  356. 					}

  357. 				}

  358. 				this.current = this.COPY(this.origin)

  359. 				

  360. 				//加载附件值数据

  361. 				  // console.log('附件值赋值前：'+this.getValue('FundsApply.Files'));

  362. 				  if (this.getValue('FundsApply.Path') == ""||this.getValue('FundsApply.Path') == undefined ||this.getValue('FundsApply.Path') == null) {

  363. 					this.setValue('FundsApply.Path',this.folderId);

  364. 					// console.log('附件值赋值后：'+this.getValue('FundsApply.Path'));

  365. 				  }else{

  366. 					  this.folderId=this.getValue('FundsApply.Path');

  367. 					  // console.log('文件夹id赋值后：'+this.folderId);

  368. 					  //请求‘获取附件列表’接口

  369. 					  this.fileList =[]

  370. 					   this.fileList = await this.FETCH_FILEList(this.getValue('FundsApply.Path'));

  371. 				  }

  372. 			},

  373. 

  374. 			// 点击 「编辑」、「重置」、「保存」、「删除」 按钮

  375. 			async action(type) {

  376. 				switch (type) {

  377. 					case 'edit':

  378. 						this.edit = true

  379. 						break

  380. 

  381. 					case 'reset':

  382. 						this.current = this.COPY(this.origin)

  383. 						this.edit = false

  384. 						break

  385. 

  386. 					case 'save':

  387. 						

  388. 						const verifyResult = this.verifyForm()

  389. 						if (verifyResult.length > 0) {

  390. 							this.CONFIRM('表单验证失败', verifyResult.join('\n'))

  391. 							return

  392. 						}

  393. 						

  394. 						if (this.FundsApplyDetail.some((val) => val.ProjectContent== '')) {

  395. 							this.CONFIRM('表单验证失败', '明细项目内容不能为空')

  396. 						    return;

  397. 						}

  398. 						if (this.FundsApplyDetail.some((val) => val.Number== '')) {

  399. 							this.CONFIRM('表单验证失败', '明细数量不能为空')

  400. 						    return;

  401. 						}

  402. 						if (this.FundsApplyDetail.some((val) => val.Price== '')) {

  403. 							this.CONFIRM('表单验证失败', '明细单价不能为空')

  404. 						    return;

  405. 						}

  406. 						if (this.FundsApplyDetail.some((val) => val.Unit== '')) {

  407. 							this.CONFIRM('表单验证失败', '明细单位不能为空')

  408. 						    return;

  409. 						}

  410. 						

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

  412. 							return

  413. 						}

  414. 						

  415. 						this.LOADING('正在提交...')

  416. 						let postData = {

  417. 							strEntity: JSON.stringify(this.current.FundsApply),

  418. 							fundsApplyDetailList: JSON.stringify(this.FundsApplyDetail)

  419. 						}

  420. 						// const postData = await this.getPostData(this.id)

  421. 						if (this.id) {

  422. 							postData.keyValue = this.id

  423. 						}

  424. 

  425. 						this.HTTP_POST('/learun/adms/FundsApply/save', postData, '表单提交保存失败')

  426. 							.then(success => {

  427. 								this.HIDE_LOADING()

  428. 								if (!success) {

  429. 									return

  430. 								}

  431. 

  432. 								this.EMIT('AssetManagementSystemFundsApply-list-change')

  433. 								// this.NAV_BACK()

  434. 								uni.navigateBack({})

  435. 								this.TOAST('提交保存成功')

  436. 							})

  437. 

  438. 

  439. 						break

  440. 

  441. 					case 'delete':

  442. 						if (!(await this.CONFIRM('删除项目', '确定要删除本项吗？', true))) {

  443. 							return

  444. 						}

  445. 

  446. 						this.LOADING('提交删除中...')

  447. 						this.HTTP_POST('/Learun/adms/EducationalAdministration/FundsApply/delete', this.id, '删除失败')

  448. 							.then(success => {

  449. 								this.HIDE_LOADING()

  450. 								if (!success) {

  451. 									return

  452. 								}

  453. 

  454. 								this.EMIT('AssetManagementSystemFundsApply-list-change')

  455. 								this.NAV_BACK()

  456. 								this.this.TOAST('删除成功', 'success')

  457. 							})

  458. 						break

  459. 

  460. 					default:

  461. 						break

  462. 				}

  463. 			},

  464. 

  465. 			// 获取表单值

  466. 			getValue(path) {

  467. 				return get(this.current, path)

  468. 			},

  469. 

  470. 			// 设置表单值

  471. 			setValue(path, val) {

  472. 				set(this.current, path, val)

  473. 			},

  474. 			async DeclarationDeptChange($event){

  475. 				this.setValue('FundsApply.DeclarationDept', $event)

  476. 				this.setValue('FundsApply.Informant', '')

  477. 				if (this.getValue('FundsApply.DeclarationDept')) {

  478. 					this.FETCH_DATASOURCE('teacheruserdata').then(result => {

  479. 						this.dataSource.FundsApply.Informant = result.data.sort((a,b)=>{return a.f_realname-b.f_realname}).filter(t=>t.f_departmentid===this.getValue('FundsApply.DeclarationDept')).map(t => ({

  480. 							 text: t.f_realname,

  481. 							 value: t.f_userid

  482. 						}))

  483. 					})

  484. 					// this.FETCH_DATASOURCE('Acc_FloorData').then(result => {

  485. 					//   this.dataSource.Acc_GoodsDemage.Floor = result.data.sort((a,b)=>{return a.dno-b.dno}).filter(t=>t.parentid===this.getValue('FundsApply.DeclarationDept')).map(t => ({ text: t.name, value: t.id })) 

  486. 					// })

  487. 				}else{

  488. 					this.FETCH_DATASOURCE('teacheruserdata').then(result => {

  489. 						this.dataSource.FundsApply.Informant = result.data.map(t => ({

  490. 							text: t.f_realname,

  491. 							value: t.f_userid

  492. 						}));

  493. 					})

  494. 				}

  495. 			},

  496. 			Statusitem(data) {

  497. 				if (data == '0') {

  498. 					return '草稿'

  499. 				} else if (data == '1') {

  500. 					return '审批中'

  501. 				} else if (data == '2') {

  502. 					return '审批通过'

  503. 				} else {

  504. 					return data;

  505. 				}

  506. 			},

  507. 			add(str) {

  508. 				let jsons = this.COPY(this[str]);

  509. 				this.FundsApplyDetail.push(jsons)

  510. 				// console.log(this.FundsApplyDetail)

  511. 			},

  512. 			del(str, num) {

  513. 				let _this = this

  514. 				this.FundsApplyDetail.splice(num, 1)

  515. 				let Amounts = _this.FundsApplyDetail.map(item => {

  516. 					return item.Amount

  517. 				})

  518. 				

  519. 				_this.current.FundsApply.SumAmount = _this.sum(Amounts)

  520. 				_this.current.FundsApply.UpperAmount = _this.smalltoBIG(_this.current.FundsApply.SumAmount)

  521. 			},

  522. 			blurChange(item){

  523. 				let _this = this

  524. 				item.Price  = Number(item.Price).toFixed(2)

  525. 				if (item.Number && item.Price) {

  526. 					item.Amount = (item.Number * item.Price).toFixed(2)

  527. 					// _this.current.SumAmount = item.Number * item.Price

  528. 					let Amounts = _this.FundsApplyDetail.map(item => {

  529. 						return Number(item.Amount).toFixed(2)

  530. 					})

  531. 					_this.current.FundsApply.SumAmount = Number(_this.sum(Amounts)).toFixed(2)

  532. 					_this.current.FundsApply.UpperAmount = _this.smalltoBIG(_this.current.FundsApply.SumAmount)

  533. 				}

  534. 			},

  535. 			SumAmountChange(item) {

  536. 				let _this = this

  537. 				item.Number  = Number(item.Number).toFixed(2)

  538. 				if (item.Number && item.Price) {

  539. 					

  540. 					item.Amount = (item.Number * item.Price).toFixed(2)

  541. 					// _this.current.SumAmount = item.Number * item.Price

  542. 					let Amounts = _this.FundsApplyDetail.map(item => {

  543. 						return item.Amount

  544. 					})

  545. 					_this.current.FundsApply.SumAmount = Number(_this.sum(Amounts)).toFixed(2)

  546. 					_this.current.FundsApply.UpperAmount = _this.smalltoBIG(_this.current.FundsApply.SumAmount)

  547. 				}

  548. 

  549. 			},

  550. 			sum(args) {

  551. 				if(args == 0){

  552. 					return ''

  553. 				}

  554. 				// var args = arguments,//获取所有的参数

  555. 				var d = 0, //定义小数位的初始长度，默认为整数，即小数位为0

  556. 					sum = 0; //定义sum来接收所有数据的和

  557. 				//循环所有的参数

  558. 				for (var key in args) { //遍历所有的参数

  559. 					//把数字转为字符串

  560. 					var str = '' + args[key];

  561. 					if (str.indexOf(".") != -1) { //判断数字是否为小数

  562. 						//获取小数位的长度

  563. 						var temp = str.split(".")[1].length;

  564. 						//比较此数的小数位与原小数位的长度，取小数位较长的存储到d中

  565. 						d = d < temp ? temp : d;

  566. 					}

  567. 				}

  568. 				//计算需要乘的数值

  569. 				var m = Math.pow(10, d);

  570. 				//遍历所有参数并相加

  571. 				for (var key in args) {

  572. 					sum += args[key] * m;

  573. 				}

  574. 				//返回结果

  575. 				return sum / m;

  576. 			},

  577. 			smalltoBIG(n) {

  578. 				if(n == 0){

  579. 					return ''

  580. 				}

  581. 				var fraction = ['角', '分'];

  582. 				var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];

  583. 				var unit = [

  584. 					['元', '万', '亿'],

  585. 					['', '拾', '佰', '仟']

  586. 				];

  587. 				var head = n < 0 ? '欠' : '';

  588. 				n = Math.abs(n);

  589. 

  590. 				var s = '';

  591. 

  592. 				for (var i = 0; i < fraction.length; i++) {

  593. 					s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');

  594. 				}

  595. 				s = s || '整';

  596. 				n = Math.floor(n);

  597. 

  598. 				for (var i = 0; i < unit[0].length && n > 0; i++) {

  599. 					var p = '';

  600. 					for (var j = 0; j < unit[1].length && n > 0; j++) {

  601. 						p = digit[n % 10] + unit[1][j] + p;

  602. 						n = Math.floor(n / 10);

  603. 					}

  604. 					s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;

  605. 				}

  606. 				return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');

  607. 			},

  608. 			changeitem(e,item){

  609. 				// console.log(item)

  610. 				item.Unit = this.dataSource.FundsApply.Unit[e.detail.value].value

  611. 			},

  612. 			mapitem(data){

  613. 				// let items = this.dataSource.FundsApply.Unit.find(item=>{

  614. 				// 	return item.value == data

  615. 				// }).text

  616. 				// console.log(items)

  617. 				return this.dataSource.FundsApply.Unit.find(item=>{

  618. 					return item.value == data

  619. 				}).text

  620. 			}

  621. 		},

  622. 		computed: {

  623. 			// Price(){

  624. 			// 	// return this.FundsApplyDetail.filter(item=>item.Amount)

  625. 			// }

  626. 		},

  627. 

  628. 

  629. 		created() {

  630. 			this.user = this.GET_GLOBAL('loginUser');

  631. 		}

  632. 	}

  633. </script>

  634. 

  635. <style lang="less" scoped>

  636. 	.welT {

  637. 		font-size: 16px;

  638. 		line-height: 26px;

  639. 		padding: 0 12px;

  640. 		background-color: #ffffff;

  641. 		padding-bottom: 12px;

  642. 	}

  643. 

  644. 	.welT text {

  645. 		width: 26px;

  646. 		height: 26px;

  647. 		line-height: 24px;

  648. 		border: 1px solid #efefef;

  649. 		border-radius: 4px;

  650. 		float: right;

  651. 		text-align: center;

  652. 		color: #999;

  653. 	}

  654. 

  655. 	.welBox {

  656. 		// margin-top: 10px;

  657. 	}

  658. 

  659. 	.welCon {

  660. 		padding: 10px;

  661. 		border: 1px solid #efefef;

  662. 		padding-top: 15px;

  663. 		border-radius: 4px;

  664. 		position: relative;

  665. 		// background-color: #ffffff;

  666. 		// margin-top: 15px;

  667. 	}

  668. 

  669. 	.welDel {

  670. 		border-radius: 50%;

  671. 		position: absolute;

  672. 		top: 4px;

  673. 		left: 0px;

  674. 		background: #fff;

  675. 	}

  676. 

  677. 	.welDel text {

  678. 		text-align: center;

  679. 		width: 26px;

  680. 		height: 26px;

  681. 		display: block;

  682. 		line-height: 24px;

  683. 		border: 1px solid #efefef;

  684. 		border-radius: 50%;

  685. 	}

  686. 	

  687. 	.welAdd{

  688. 		border-radius: 50%;

  689. 		position: absolute;

  690. 		top: 4px;

  691. 		right: 0px;

  692. 		background: #fff;

  693. 	}

  694. 	.welAdd text {

  695. 		text-align: center;

  696. 		width: 26px;

  697. 		height: 26px;

  698. 		display: block;

  699. 		line-height: 24px;

  700. 		border: 1px solid #efefef;

  701. 		border-radius: 50%;

  702. 	}

  703. 	.welImgAdd {

  704. 		text-align: center;

  705. 		line-height: 0;

  706. 	}

  707. 

  708. 	.passwordDes {

  709. 		color: #606266;

  710. 		font-size: 14px;

  711. 		padding: 8px;

  712. 		text-indent: 2em;

  713. 	}

  714. </style>