<template>
	<el-dialog
	 :close-on-click-modal="false"
	 :close-on-press-escape="false"
	 :title="dialogTitle"
	 :visible.sync="dialogVisible"
	 top="50px"
	 width="75%"
	 :before-close="beforeClose"
	>
		<div class="tabsdom">
			<el-tabs v-model="activeName" @tab-click="handleClick">
				<el-tab-pane label="报支申请" name="first">
					<el-form
					 ref="elformData"
					 :model="form"
					 :rules="rules"
					 class="cost_form"
					 label-width="125px"
					 style="width: 100%;padding: 5px"
					>

						<el-card shadow="always" style="padding: 15px 5px 5px 15px">
							<el-row :gutter="10">
								<el-col :span="24">
									<el-form-item label="关联项目" prop="proId">
										<el-select v-model="form.proId" filterable placeholder="请选择">
											<el-option
											 v-for="item in ProjectData"
											 :key="item.value"
											 :label="item.label"
											 :value="item.value"
											>
												<span style="float: left">{{ item.label }}</span>
												<span style="float: right; color: #8492a6; font-size: 13px">{{
														item.custname
													}}</span>
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
							</el-row>


							<el-card class="pdtopbottom16 mb25 pdtop16px">
								<span class="moneydetails">费用明细</span>
								<el-row :gutter="10" class="eltype">
									<el-col :span="4" class="col-txt txtc">费用类型</el-col>
									<el-col :span="4" class="col-txt txtc">金额（元）</el-col>
									<el-col :span="4" class="col-txt txtc">发票号</el-col>
									<el-col :span="12" class="col-txt txtc">
										单据
									</el-col>
								</el-row>
								<el-row
								 v-for="(item,index) in form.applyUseMoneyDetailListString"
								 :gutter="10"
								 class="eltype"
								>
									<el-col :span="4">
										<el-select
										 v-model="item.feeType"
										 filterable
										 size="small"
										 placeholder="请选择"
										 style="width: 100%"
										>
											<el-option
											 v-for="item in dc_data.BUDGET_FY"
											 :key="item.value"
											 :label="item.label"
											 :value="item.value"
											/>
										</el-select>
									</el-col>
									<el-col :span="4">
										<el-input-number
										 v-model="item.feeMoney"
										 :controls="false"
										 size="small"
										 controls-position="right"
										 placeholder="请填写金额，如0.1"
										 style="width: 100%"
										/>
									</el-col>
									<el-col :span="4">
										<el-input
										 v-model="item.fileNumber"
										 :controls="false"
										 size="small"
										 :disabled="item.fileList==0"
										 controls-position="right"
										 placeholder="请输入发票号(需上传发票)"
										 style="width: 100%"
										/>
									</el-col>
									<el-col :span="10" class="col-input">

										<el-upload
										 :action="$constant.BASE_URI+'/FileController/upload'"
										 :file-list="item.fileList"
										 :http-request="(params)=>{uploadFile(params,index)}"
										 :limit="5"
										 :multiple="false"
										 :show-file-list="false"
										 class="upload-demo"
										 style="width: 30%;float: left;margin-left: 42px"
										>
											<el-button size="small" style="font-size: 14px" type="text">
												上传发票
												<img
												 src="./fapiaoicon.png"
												 style="margin-left: 5px;position: absolute;top: 13.5px;"
												 width="24px"
												/>

											</el-button>
										</el-upload>
										<el-radio-group
										 v-model="item.fileType"
										 style="margin-left: 30px;"
										 @input="changeFileType($event,index)"
										>
											<el-radio v-if="false" :label="1">上传发票</el-radio>
											<el-radio :label="2">发票后补</el-radio>
											<el-radio :label="3">无发票</el-radio>
										</el-radio-group>


									</el-col>
									<el-col :span="1" class="col-txt txtc">
										&nbsp;
										<el-button
										 v-if="index!=0"
										 circle
										 icon="el-icon-minus"
										 size="small"
										 @click="deleteRow(index)"
										/>
									</el-col>
									<el-col :span="1" class="col-txt txtc">
										<el-button
										 v-if="index==form.applyUseMoneyDetailListString.length-1"

										 circle
										 icon="el-icon-plus"
										 size="small"
										 type="primary"
										 @click="addListRow()"
										/>
									</el-col>
									<el-col :span="13" v-if="item.fileList.length>0">&nbsp;</el-col>
									<el-col :span="11">
										<div v-for="(file,i) in item.fileList" v-if="item.fileList.length>0"
												 style="margin: 0px 0px 0px 45px;"
										>
											<div>
												<a :href="file.url">{{ file.name }}</a>
												<span class="el-upload-list__item-actions">
											 <i class="el-icon-delete" @click="handlePictureRemove(i,file,item.fileList)"/>
									   	 </span>
											</div>
										</div>

									</el-col>
								</el-row>

								<div class="feeMoneyTotal">
									<div style="float: right">共计金额（元）：{{ feeMoneyTotal() }}</div>
								</div>
							</el-card>

							<el-row :gutter="10">
								<el-col :span="24">
									<el-form-item label="用途" prop="useReasons">
										<el-input v-model="form.useReasons" placeholder="请说明" type="textarea"/>
									</el-form-item>
								</el-col>
								<el-col :span="24">
									<el-form-item label="收款单位（人）" prop="payeeName">
										<el-input v-model="form.payeeName" placeholder="请输入收款单位"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="开户银行">
										<el-input v-model="form.bankName" placeholder="请填写银行及支行"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="银行账户" label-width="125px" prop="bankAccountNum">
										<el-input v-model="form.bankAccountNum" filterable placeholder="请输入银行账户"/>
									</el-form-item>
								</el-col>
								<el-col :span="24">
									<el-form-item label="抄送">
										<user-select
										 :default-select="selectList"
										 :multiple="true"
										 class="cclist"
										 @selectValue="parentMethod"
										/>
									</el-form-item>
								</el-col>
							</el-row>
						</el-card>

					</el-form>
				</el-tab-pane>
				<el-tab-pane label="流程图 " name="second">

					<div style="width: 100%">
						<el-row>
							<el-col :span="24">
								<div class="node_info">
									<div>节点说明：</div>
									<div class="dis_flex" v-for="item in nodeColor">
										<div class="node_class" :style="{backgroundColor: item.nodeback}"></div>
										{{ item.name }}

									</div>
								</div>
								<div id="containerCost" ref="containerCost" style="width: 100%" v-show="true"></div>
							</el-col>
						</el-row>
					</div>
				</el-tab-pane>
			</el-tabs>
		</div>
		<div slot="footer">
			<el-button @click="dialogVisible = false">取 消</el-button>
			<el-button :loading="loading" type="primary" @click="confirmSubmit()">确 定</el-button>
		</div>
	</el-dialog>

</template>

<script>
import { upload } from '@/static/utils/channel'
import Base from '@/views/base/base'
import BaseData from '@/views/base/baseData'
import UserSelect from '@/views/components/UserSelect'
import * as echarts from 'echarts'

const lineStyle = {
	color: '#00116a',
	width: 2

}
const redLinestyle = {
	color: 'red',
	width: 2
}
export default {
	name: 'ApplyPay',
	mixins: [Base, BaseData],
	components: {
		upload, UserSelect
	},

	data() {
		return {
			nodeColor: [
				{ name: '审核通过', nodeback: '#2A3980' },
				{ name: '未经过', nodeback: '#999999' },
				{ name: '退回', nodeback: '#E04242' },
				{ name: '审核中', nodeback: '#E08E42' },
				{ name: '撤回', nodeback: '#4294E0' }
			],
			rules: {
				proId: [{ required: true, message: '请选择', trigger: 'change' }],
				useReasons: [{ required: true, message: '请说明', trigger: 'blur' }],
				payeeName: [{ required: true, message: '请输入收款单位（人）', trigger: 'blur' }]
			},
			selectList: [],
			loading: false,
			dc_key: ['ORDER_STATUS', 'PAY_TYPE', 'BUDGET_FY'],

			ProjectData: [],
			dialogTitle: '费用报支申请',
			dialogVisible: false,
			form: {
				applyUseMoneyDetailListString: []
			},
			activeName: 'first'
		}
	},
	mounted() {
		this.initDict(this.dc_key).then((res) => {

		})

		this.initProject({ /* signstatus: '2,3'*/ })
	},
	methods: {
		beforeClose() {
			this.form = {
				applyUseMoneyDetailListString: []
			}
			this.dialogVisible = false
			this.activeName = 'first'
			this.$forceUpdate()
		},
		createNodeCanvas() {
			this.$nextTick(() => {
				let myCharts = echarts.init(document.getElementById('containerCost'))
				let charts = {
					nodes: [ // 节点
						{
							name: '申请人发起',
							value: [0, 375],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '直接上级审核',
							value: [75, 375],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '部门负责人审核',
							value: [150, 375],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '报支金额',
							value: [225, 375],
							label: {
								show: true,
								color: '#777777' // 节点文字颜色
							},
							symbol: 'image://' + require('../asste/lingxing.png'),
							symbolSize: [80, 80]
						},
						{
							name: '出纳支付',
							value: [225, 500],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '分管领导审核',
							value: [225, 250],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '上级分管领导审核',
							value: [300, 250],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '主要领导审核',
							value: [375, 250],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '出纳支付 ',
							value: [450, 250],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '支付复核',
							value: [450, 375],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '结束',
							value: [525, 375],
							symbol: 'image://' + require('../asste/huifangkuai.png'),
							symbolSize: [110, 60]
						},
						{
							name: '流程7',
							value: [900, 500],
							symbol: 'image://https://bpic.588ku.com/element_origin_min_pic/01/52/82/615746ac5bb1ea9.jpg',
							symbolSize: [70, 40]
						}
					],
					linesData: [ // 连线
						{

							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							nodeName: '出纳支付退回发起人 ',
							lineStyle: lineStyle,
							coords: [[225, 500], [5, 500]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [
								[5, 500],
								[5, 405]
							]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [
								[150, 375],
								[150, 475]
							],
							symbol: 'none'
						},
						{

							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[150, 475], [5, 475]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [
								[75, 375],
								[75, 445]
							],
							symbol: 'none'
						},
						{

							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[75, 445], [5, 445]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [
								[75, 375],
								[75, 445]
							],
							symbol: 'none'
						},
						{

							label: {
								show: true,
								position: 'end',
								backgroundColor: 'rgb(255,255,255)',
								opacity: 1,
								fontSize: 16,
								// lineHeight: 0,
								color: 'red'
								// padding: [15, 15, 15, 15],
								// verticalAlign: 'middle',

							},
							name: '',
							lineStyle: lineStyle,
							coords: [[229.5, 410], [229.5, 470]]
						},
						{
							label: {
								show: true,
								position: 'end',
								opacity: 1,
								fontSize: 16,
								color: 'red'

							},
							name: '报支金额>3000',
							lineStyle: {
								color: '#00116a',
								width: 2,
								type: 'dotted'
							},
							coords: [[255, 440], [255, 440]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[0, 375], [55, 375]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[75, 375], [130, 375]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[165, 375], [213, 375]]
						},
						{

							label: {
								show: true,
								position: 'end',
								backgroundColor: 'rgb(255,255,255)',
								opacity: 1,
								fontSize: 16,
								// lineHeight: 0,
								color: 'red'
								// padding: [15, 15, 15, 15],
								// verticalAlign: 'middle',

							},
							name: '',
							lineStyle: lineStyle,
							coords: [[229.5, 340], [229.5, 280]]
						},
						{
							label: {
								show: true,
								position: 'end',
								opacity: 1,
								fontSize: 16,
								color: 'red'

							},
							name: '报支金额<3000',
							lineStyle: {
								color: '#00116a',
								width: 2,
								type: 'dotted'
							},
							coords: [[255, 320], [255, 320]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[229.5, 270], [229.5, 180]],
							symbol: 'none'
						},
						{
							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[229.5, 180], [5, 180]],
							symbol: 'none'
						},
						{
							name: '申请人发起下面的那条线',
							lineStyle: lineStyle,
							coords: [[5, 85], [5, 345]]
						},
						{

							lineStyle: lineStyle,
							coords: [[305, 250], [305, 145]],
							symbol: 'none'
						},
						{
							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[305, 145], [5, 145]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[380, 245], [380, 115]],
							symbol: 'none'
						},
						{
							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[380, 115], [5, 115]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[455, 250], [455, 85]],
							symbol: 'none'
						},
						{
							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '退回发起人',
							lineStyle: lineStyle,
							coords: [[455, 85], [5, 85]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[229.5, 550], [229.5, 530]]
						},
						{
							label: {
								show: true,
								position: 'middle',
								opacity: 1,
								width: 10,
								height: 15,
								fontSize: 16,
								lineHeight: 0,
								color: 'red',
								padding: [15, 15, 15, 15],
								verticalAlign: 'middle'

							},
							name: '返回上一节点',
							lineStyle: lineStyle,
							coords: [[229.5, 550], [470, 550]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[470, 550], [470, 280]]
						},
						{
							name: '返回上一节点',
							label: {
								show: true,
								position: 'end',
								opacity: 1,
								fontSize: 16,
								color: 'red'

							},
							lineStyle: redLinestyle,
							coords: [[495, 310], [495, 310]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[225, 500], [455, 500]],
							symbol: 'none'
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[455, 500], [455, 405]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[455, 280], [455, 350]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[225, 250], [280, 250]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[325, 250], [355, 250]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[385, 250], [430, 250]]
						},
						{
							name: '',
							lineStyle: lineStyle,
							coords: [[450, 375], [505, 375]]
						}
					]
				}
				let option = {
					xAxis: {
						min: 0,
						max: 600,
						show: false,
						type: 'value'
					},
					yAxis: {
						min: 0,
						max: 600,
						show: false,
						type: 'value'
					},
					grid: {
						left: 100,
						right: 0,
						bottom: 0,
						top: 0
					},

					// tooltip: {
					// 	show: false,
					// 	axisPointer: {
					// 		type: "shadow",
					// 	},
					// 	borderWidth: 1,
					// 	padding: 5,
					// },

					series: [
						{
							type: 'graph',
							coordinateSystem: 'cartesian2d',
							symbol: 'rect',
							symbolSize: [80, 40],
							itemStyle: {
								color: 'rgb(225,7,7)'
							},
							symbolOffset: [10, 0],
							force: {
								edgeLength: 100,//连线的长度
								repulsion: 200 //子节点之间的间距
							},

							label: {
								show: true,
								color: 'white' // 节点文字颜色
							},

							data: charts.nodes

						},

						{
							type: 'lines',
							polyline: false,
							coordinateSystem: 'cartesian2d',
							symbol: ['', 'arrow'],
							symbolSize: 10,

							data: charts.linesData

						}

					]

				}
				myCharts.clear()
				window.onresize = myCharts.resize
				myCharts.setOption(option)
			})
		},
		handleClick(tab, event) {
			if (this.activeName == 'second') this.createNodeCanvas()
		},
		feeMoneyTotal() {
			let feeMoneyTotal = 0
			for (let i = 0; i < this.form.applyUseMoneyDetailListString.length; i++) {
				feeMoneyTotal += this.form.applyUseMoneyDetailListString[i].feeMoney
			}
			this.form.feeMoneyTotal = feeMoneyTotal
			return feeMoneyTotal.toFixed(2)
		},
		changeFileType(e, i) {
			if (e != 1) {
				this.form.applyUseMoneyDetailListString[i].fileList = []
				this.form.applyUseMoneyDetailListString[i].fileNumber = ''
			}
			this.$forceUpdate()
		},
		parentMethod(val) {
			if (val.length > 0) {
				this.form.ccList = val.join(',')
			}
		},

		handlePictureRemove(i, file, fileList) {
			fileList.splice(i, 1)

			let copyFileList = [...fileList]
			fileList = copyFileList

			this.form.applyUseMoneyDetailListString = this.form.applyUseMoneyDetailListString.map((e) => {
				return e
			})
		},
		uploadFile(params, i) {
			upload(params, true).then((res) => {
				this.form.applyUseMoneyDetailListString[i].fileList.push(res)
				this.form.applyUseMoneyDetailListString[i].fileType = 1
				this.$message.success('上传成功')
			})

		},
		baseRequest1(prefix, opUrl, postData) {
			return this.$channel.globleRequest(prefix, opUrl, postData, 'project task')
		},
		async confirmSubmit() {

			for (let i = 0; i < this.form.applyUseMoneyDetailListString.length; i++) {
				if (this.form.applyUseMoneyDetailListString[i].fileType == 1
				 &&
				 (!this.form.applyUseMoneyDetailListString[i].fileList
					||
					this.form.applyUseMoneyDetailListString[i].fileList.length == 0)) {
					this.$message.warning(`请上传费用明细中第${i + 1}行的发票文件`)
					return
				}
				if (this.form.applyUseMoneyDetailListString[i].fileType == 1 && this.form.applyUseMoneyDetailListString[i].fileNumber.length == 0) {
					this.$message.warning(`请检查费用明细中第${i + 1}行，并输入发票号`)
					return
				}
			}
			this.$refs.elformData.validate(async(valid) => {
				if (valid) {
					let formData = { ...this.form }
					formData.applyUseMoneyDetailListString.forEach((e) => {
						if (e.fileList) {
							e.fileDataIds = e.fileList.map((e) => {
								return e.data
							}).join()
						}
					})
					let params = formData.applyUseMoneyDetailListString.map((e) => {
						return {
							fileType: e.fileType,
							fileDataIds: e.fileDataIds,
							feeMoney: e.feeMoney,
							feeType: e.feeType,
							fileNumber: e.fileNumber
						}
					})
					let submitData = { ...formData, applyUseMoneyDetailListString: JSON.stringify(params) }
					this.loading = true
					const { data } = await this.baseRequest1('ApplyUseMoneyController', 'addApplyUseMoney', submitData)
					this.loading = false
					if (data.code == 200) {

						this.form = { applyUseMoneyDetailListString: [{ fileType: 1, fileList: [] }] }
						this.dialogVisible = false
						this.$refs.elformData.clearValidate()
						this.$message.success('流程发起成功')
						this.$emit('getData')
					}
				}
			})
		},
		setVisible(status, data) {
			this.pan++
			this.dialogVisible = status
			if (this.form.applyUseMoneyDetailListString.length == 0) {
				this.form.applyUseMoneyDetailListString.push(
				 {
					 feeType: this.dc_data.BUDGET_FY[0].value,
					 fileList: [],
					 fileType: 1,
					 feeMoney: 0,
					 fileNumber: ''
				 }
				)
			}

		},
		addListRow() {
			const _this = this
			_this.form.applyUseMoneyDetailListString.push(
			 {
				 feeType: this.dc_data.BUDGET_FY[0].value,
				 fileList: [],
				 fileType: 1,
				 feeMoney: 0,
				 fileNumber: ''
			 }
			)
		},
		deleteRow(index) {
			this.form.applyUseMoneyDetailListString.splice(index, 1)
		}
	}
}
</script>

<style lang="scss">
#containerCost {
	width: 100%;
	height: 600px;
	background: #F5F5F5;
}

.cclist {
	.col-input {
		padding: 0;
	}
}

.mb25 {
	margin-bottom: 25px;
}

.pdtopbottom16 {
	padding: 0px 16px;
}

.pdtop16px {
	padding-top: 16px;
}

.cost_form {
	.col-input {
		font-weight: 400;
	}

	.el-form-item__label .moneydetails {
		text-align: right;
		font-size: 16px;
		font-family: 微软雅黑;
		padding-right: 10px;
		line-height: 40px;
		word-break: keep-all;
		white-space: nowrap;
		color: #606266;
		text-rendering: optimizeLegibility;
		font-weight: 400;
	}

	.moneydetails {
		text-align: right;
		font-size: 16px;
		font-family: 微软雅黑;
		padding-right: 10px;
		word-break: keep-all;
		white-space: nowrap;
		color: #606266;
		text-rendering: optimizeLegibility;
		font-weight: 400;


	}

	.moneydetails:before {
		content: "*";
		color: #ff4949;

	}
}


.txtc {
	text-align: center
}

.ml5 {
	margin-left: 5px;
}

.eltype {
	margin-bottom: 5px;
}

.tabsdom {
	.el-tabs__header {
		text-align: center !important;
		width: 139px !important;
		text-align: center !important;
		display: block !important;
		margin: auto !important;
		margin-bottom: 15px !important;
	}

	.el-tabs__nav-wrap::after {
		display: none;
	}

	.el-upload {
		width: 100%;
	}
}

.feeMoneyTotal {
	width: 100%;
	height: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #1890FF;
	margin-top: 31px;
	margin-bottom: 13px;
}
</style>
