<template>
	<el-dialog
	 :close-on-click-modal="false"
	 :close-on-press-escape="false"
	 :visible.sync="dialogLxVisible"
	 title="立项申请单-审核"
	 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-card shadow="always" style="padding: 15px 5px 5px 15px">
                        <el-form
                            ref="elformData"
                            :model="formData"
                            :rules="rules"
                            class="payform"
                            label-width="200px"
                            size="medium"
                        >
                            <h3 style="margin-top: 0"><span style="color: red">*</span> 基本信息</h3>
                            <el-card style="padding:0px 20px;margin-bottom: 25px">
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="关联项目" prop="proId">
                                            <el-select v-model="formData.proId" disabled filterable placeholder="关联项目名称" @change="proChange">
                                                <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-col :span="12">
                                        <el-form-item label="项目类型">
                                            <div style="line-height: 40px;height: 40px">{{ formData.protype }}</div>
                                        </el-form-item>
                                    </el-col>

                                    <el-col :span="12">
                                        <el-form-item label="储备项目状态">
                                            <div style="line-height: 40px;height: 40px">{{ formData.signStatus }}</div>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="预计销售金额(元)">
                                            <div style="line-height: 40px;height: 40px">{{ formData.presales ? formData.presales + '（元）' : '' }}</div>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-card>
                            <h3 style="margin-top: 0"><span style="color: red">*</span> 立项内容</h3>
                            <el-card style="padding:0px 20px;margin-bottom: 25px">
                                <el-row :gutter="15">
                                    <el-col :span="24">
                                        <el-form-item label="*项目概述" label-width="160px">
                                            <el-input type="textarea" v-model="formData.approval.proOverview" :rows="3" readonly/>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="*是否实现盈利" label-width="160px">
                                            <el-select v-model="formData.approval.isProfit"   filterable clearable placeholder="是否实现盈利" disabled>
                                                <el-option v-for="item in billTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
                                            </el-select>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="*税率" label-width="160px">
                                            <el-input v-model="formData.approval.rate" readonly />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <el-form-item label="*项目实施计划" label-width="160px">
                                            <el-input v-model="formData.approval.implementationContent"  type="textarea" :raws="2" readonly/>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <el-form-item label="*项目工作实施方案" label-width="160px" prop="proId">

                                            <el-upload
                                                class="upload-demo"
                                                :action="$constant.BASE_URI + '/FileController/upload'"
                                                :http-request="upload"
                                                disabled
                                                :before-remove="beforeRemove"
                                                :file-list="fileUrlList"
                                            >
                                                <!--                                                <el-button v-if="!isView" size="small" type="primary">点击上传</el-button>-->
                                                <!--                                                <div v-if="!isView" slot="tip" class="el-upload__tip">请上传50MB以内的文件</div>-->
                                                <div slot="file" slot-scope="{file}">
                                                    <a :href="file.url">{{ file.name }}</a>
                                                    <span class="el-upload-list__item-actions">
                        <i v-if="!isView" class="el-icon-delete" @click="handlePictureRemove(file,fileUrlList)" />
                      </span>
                                                </div>
                                            </el-upload>

                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <el-form-item label="*调研报告" label-width="160px" prop="proId">

                                            <el-upload
                                                class="upload-demo"
                                                :action="$constant.BASE_URI + '/FileController/upload'"
                                                :http-request="upload2"
                                                disabled
                                                :before-remove="beforeRemove"
                                                :file-list="fileUrlList2"
                                            >
                                                <!--                                                <el-button v-if="!isView" size="small" type="primary">点击上传</el-button>-->
                                                <!--                                                <div v-if="!isView" slot="tip" class="el-upload__tip">请上传50MB以内的文件</div>-->
                                                <div slot="file" slot-scope="{file}">
                                                    <a :href="file.url">{{ file.name }}</a>
                                                    <span class="el-upload-list__item-actions">
                        <i v-if="!isView" class="el-icon-delete" @click="handlePictureRemove(file,fileUrlList2)" />
                      </span>
                                                </div>
                                            </el-upload>

                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <el-form-item label="其他附件" label-width="160px" prop="proId">

                                            <el-upload
                                                class="upload-demo"
                                                :action="$constant.BASE_URI + '/FileController/upload'"
                                                :http-request="upload3"
                                                disabled
                                                :before-remove="beforeRemove"
                                                :file-list="fileUrlList3"
                                            >
                                                <!--                                                <el-button v-if="!isView" size="small" type="primary">点击上传</el-button>-->
                                                <!--                                                <div v-if="!isView" slot="tip" class="el-upload__tip">请上传50MB以内的文件</div>-->
                                                <div slot="file" slot-scope="{file}">
                                                    <a :href="file.url">{{ file.name }}</a>
                                                    <span class="el-upload-list__item-actions">
                        <i v-if="!isView" class="el-icon-delete" @click="handlePictureRemove(file,fileUrlList3)" />
                      </span>
                                                </div>
                                            </el-upload>

                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <span class="card_title">*回款计划</span>
                                        <el-card shadow="always">
                                            <el-row>
                                                <el-col :span="24">
                                                    <el-table
                                                        v-loading="planLoading"
                                                        :data="SalsReturnPlanData"
                                                        stripe
                                                        row-class-name="g_table_row"
                                                    >
                                                        <el-table-column type="index" width="60" />
                                                        <el-table-column label="应收日期" prop="ardateStr" />
                                                        <el-table-column label="提醒日期" prop="noticedateStr" />
                                                        <el-table-column label="应收金额（元）" prop="aramountStr" header-align="center" align="center" />
                                                        <el-table-column label="已收金额（元）" prop="rcamountStr" header-align="center" align="center" />
                                                        <el-table-column label="收款名称" prop="arname" header-align="center" align="center" />
                                                        <el-table-column label="收款状态" prop="statusStr" header-align="center" align="center" />
                                                        <!--                                                        <el-table-column align="right" width="160">
                                                                                                                    <template slot="header">
                                                                                                                        <el-button
                                                                                                                            size="mini"
                                                                                                                            class="ch-button-warning"
                                                                                                                            @click="addPlan(ctrId)"
                                                                                                                        >添加回款计划</el-button>
                                                                                                                    </template>
                                                                                                                    <template scope="scope">
                                                                                                                        <el-button
                                                                                                                            size="mini"
                                                                                                                            type="danger"
                                                                                                                            @click="deletePlan(scope.row.index) "
                                                                                                                        >删除</el-button>
                                                                                                                    </template>
                                                                                                                </el-table-column>-->
                                                    </el-table>
                                                </el-col>
                                            </el-row>
                                        </el-card>
                                    </el-col>
                                </el-row>
                            </el-card>
                            <h3 style="margin-top: 0"><span style="color: red">*</span> 预算信息</h3>
                            <el-card style="padding:0px 20px;margin-bottom: 25px">
                                <el-row :gutter="15">
                                    <el-col :span="24">
                                        <bug-get ref="bidss" :key="keys" :pro-id="formData.proId" :is-audit="isView?'true':''"   />
                                    </el-col>
                                </el-row>
                            </el-card>
                            <h3 style="margin-top: 0">
                                申请内容
                            </h3>
                            <el-card style="padding:0px 20px;margin-bottom: 25px">
                                <el-row :gutter="15">
                                    <el-col :span="24">
                                        <el-form-item label="申请理由" label-width="160px" prop="reason">
                                            <el-input
                                                v-model="formData.reason"
                                                :style="{width: '100%'}"
                                                clearable
                                                placeholder="请输入申请理由"
                                            />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="24">
                                        <el-form-item label="备注说明" label-width="160px" prop="comment">
                                            <el-input
                                                v-model="formData.comment"
                                                :style="{width: '100%'}"
                                                clearable
                                            />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-card>
                        </el-form>

						<h3>流程历史</h3>
                        <div class="tableDom">
                            <el-table
                                :data="tableData"
                                :header-cell-style="{
                  background:'#1890FF !important',
                  color:'white'
                }"
                                border
                                style="width: 100%"
                            >
                                <el-table-column fixed label="序号" type="index" width="60"/>
                                <el-table-column
                                    label="节点名称"
                                    prop="nodeName"
                                    width="180"
                                />
                                <el-table-column
                                    label="处理人"
                                    prop="auditUserName"
                                    width="180"
                                />
                                <el-table-column
                                    label="审核结果"
                                    prop="auditResultString"
                                />
                                <el-table-column
                                    label="审核意见"
                                    prop="auditContent"
                                />
                                <el-table-column
                                    label="发起/审核时间"
                                    prop="createdAt"
                                >
                                    <template slot-scope="scope">
                                        {{ $common.transTime(scope.row.createdAt) }}
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>

						<h3>处理</h3>
						<el-card shadow="always" style="padding: 0px 5px 5px 15px">
							<el-form
							 ref="confirmForm"
							 :model="confirmForm"
							 class="cost_form"
							 label-width="100px"
							 style="width: 100%;padding: 5px"
							>
								<el-row :gutter="10">
									<el-col :span="24">
										<el-form-item label="处理结果" style="margin-bottom: 15px">
											<el-radio-group v-model="confirmForm.confirmResult">
												<el-radio :label="1">同意</el-radio>
												<el-radio v-if="argeeNoStatus" :label="2">退回发起人</el-radio>
												<el-radio v-if="argeeBackStatus" :label="3">退回上节点</el-radio>
												<!--	c<el-radio :label="4">结束流程</el-radio>-->


											</el-radio-group>
										</el-form-item>
									</el-col>

									<el-col :span="24">
										<el-form-item label="处理意见">
											<el-input v-model="confirmForm.confirmContent" style="margin-top:10px" type="textarea"/>
											<el-dropdown size="mini" split-button trigger="hover" type="primary">
												常用语选择
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item
													 v-for="item in dc_data.COMMON_PHRASES"
													 @click.native="selectCommonPhrases(item.label)"
													>
														{{ item.label }}
													</el-dropdown-item>

												</el-dropdown-menu>
											</el-dropdown>
										</el-form-item>
									</el-col>
								</el-row>
								<el-col :span="24">
									<el-form-item label="审核人抄送">
										<user-select
										 :default-select="confirmList"
										 :multiple="true"
										 class="cclist"
										 @selectValue="parentMethod"
										/>
									</el-form-item>
								</el-col>
							</el-form>
						</el-card>

					</el-card>

				</el-tab-pane>
				<el-tab-pane label="流程图  " name="second">
                    <lx-sj-work-canvas ref="lxJsWorkCanvas"/>
				</el-tab-pane>
			</el-tabs>
		</div>
		<div slot="footer">
			<el-button @click="dialogLxVisible=false">取消</el-button>
			<el-button type="primary" @click="handelConfirm">确定</el-button>
		</div>
	</el-dialog>

</template>

<script>
import BaseData from '@/views/base/baseData.vue'
import Base from '@/views/base/base.vue'
import UserSelect from '@/views/components/UserSelect'
import BugGet from '@/views/workflow/components/myProcess/applyBudgetingApprove.vue'
import Constant from '@/static/utils/constant'
import LxSjWorkCanvas from '@/views/workflow/components/myProcess/lxSjWorkCanvas.vue'
export default {
	name: 'ApplyLx',
    components: {
        UserSelect,
        BugGet,
        LxSjWorkCanvas
    },
    mixins: [Base, BaseData],
    data() {
        return {
            ProjectData: [],
            SalsReturnPlanData:[],
            confirmList: [],
            tableData:[],
            formData: this.initForm(),
            dc_sign_status: Constant.dc_sign_status_2,
            hasRecord: false,
            planLoading: false,
            keys: 0,
            ctrId:'',
            fileUrlList:[],
            fileUrlList2:[],
            fileUrlList3:[],
            confirmForm: {
                confirmContent: '',
                confirmResult: 1
            },
            argeeBackStatus: false,
            argeeNoStatus: false,
            planForm: {
                id: '',
                planno: '',
                ctrid: '',
                ardate: '',
                aramount: '',
                arname: '',
                noticedate: '',
                updatedby: '',
                updatedname: '',
                updatedatStr: ''
            },
            planRules:{},
            isAdd:false,
            isView: false,
            dialogPlanVisible:false,
            dialogPlanTitle:'新增计划',
            hasNewTemplate:false,
            referenceId: '',
            fileError: false,
            bizByList: [],
            selectList: [],
            detailsForm: {},
            buttonLoading: false,
            // 查询的时候用的字典========================================
            dc_key: ['PAY_TYPE', 'BUDGET_CB', 'RECEIPT_TYPE', 'COMMON_PHRASES'],
            fileDataIdsAction: 'https://jsonplaceholder.typicode.com/posts/',

            billTypeOptions: [
                { 'label': '是', 'value': '是' },
                { 'label': '否', 'value': '否'}
            ],
            nodeColor: [
                { name: '审核通过', nodeback: '#2A3980' },
                { name: '未经过', nodeback: '#999999' },
                { name: '退回', nodeback: '#E04242' },
                { name: '审核中', nodeback: '#E08E42' },
                { name: '撤回', nodeback: '#4294E0' }
            ],
            onlineForm: {},
            dialogTitle: '立项申请',
            dialogLxVisible: false,
            form: {},
            activeName: 'first',
            OutOrderList: [],
            rules: {
                fileDataIds: [{ required: false, message: '请上传发票文件', trigger: 'change' }],
                totalPayMoney: [{ required: true, message: '请输入订单累计已支付金额', trigger: 'change' }],
                payName: [{ required: true, message: '请输入付款名称', trigger: 'change' }],
                payMoney: [{ required: true, message: '请输入付款金额', trigger: 'change' }]
                // costsType: [{required: true, message: '请选择', trigger: 'change'}],

            }
        }
    },
    mounted() {
        this.initProType()
        this.generateDcMap()
        this.initDict(this.dc_key).then((res) => {
            this.initProject({ /* signstatus: '2,3'*/ })
        })

        // /webServer/BugLibraryController/listBizUserAll
    },
	methods: {
        generateDcMap: function() {
            this.dc_map['dc_sign_status'] = this.$common.transDcMap(Constant.dc_sign_status_2)
        },
        initForm(){
            return{
                id:'',
                proId:'',
                ctrId:'',
                approvalId:'',
                workReceivableId:'',
                reason:'',
                comment:'',
                status:'',
                approvalForm:'',
                approval:{},
                workReceivableForm:''
            }
        },
        beforeClose() {
            // this.formData = {
            //     fileUrlList: []
            // }
            this.dialogLxVisible = false
        },
		handleClick(tab, event) {
			if (this.activeName == 'second') {
				this.$nextTick(() => {
                    this.$refs.lxJsWorkCanvas.createNodeCanvas(this.row)
				})
			}
		},
		parentMethod(val) {
			if (val.length > 0) {
				this.confirmForm.ccList = val.join(',')
			}
		},
		selectCommonPhrases(e) {
            if (!this.confirmForm.confirmContent) this.confirmForm.confirmContent = ''
            this.confirmForm.confirmContent += e
		},
		changeAddWorkTime(totalAddTime) {
			this.formData.totalAddTime = totalAddTime
		},
		async getUserInfo(applyUser) {

			let { data: userinfo } = await this.baseRequest1('ApplyAddWorkController', 'getUserInfoByUserId', { userId: applyUser })
			this.userinfo = userinfo
			console.log(this.userinfo)
		},
		spliceListRow(index) {
			this.formData.workTimeList.splice(index, 1)
		},
        proChange(){
            const _this = this
            _this.ProjectData.forEach(item=>{
                if(item.value===_this.formData.proId){
                    _this.formData.protype =  _this.ProTypeMap[item.protype]
                    _this.formData.signStatus = _this.dc_map.dc_sign_status[item.signstatus]
                    _this.formData.presales = item.presales
                    _this.formData.proName = item.label
                }
            })
            _this.getBudgetData()
            _this.ctrMainByProId(_this.formData.proId)
        },
        ctrMainByProId(proId){
            const _this = this
            this.ctrMainRequest('getByProId',{proId:proId}).then(res=>{
                if(res.data){
                    _this.ctrId = res.data.id
                    _this.getPlanData(res.data.id)
                }
            })
        },
        getPlanData: function(ctrId) {
            const _this = this
            this.SalsReturnPlanData = []
            if (ctrId) {
                this.planLoading = true
                const postData = this.$qs.stringify({
                    ctrid: ctrId,
                    pageNum: this.currentPage,
                    pageSize: this.pageSize
                })
                console.log(postData)
                this.$axios({
                    headers: {
                        'MVVM-Key': String(new Date().getTime()),
                        'xx': 'anything'
                    },
                    method: 'post',
                    url: _this.$constant.BASE_URI + '/AccountReceivableController/list',
                    data: postData
                }).then((res) => {
                    console.log('sales return plan list', res)
                    _this.$common.checkLoginStatus(res.data.statusCode)
                    if (res.data.rows) {
                        res.data.rows.forEach(function(item) {
                            const json = {
                                planstatus: item.planstatus,
                                arname: item.arname,
                                // aramountStr: '￥' + _this.$common.formatMoney(item.aramount),
                                // rcamountStr: '￥' + _this.$common.formatMoney(item.receiveamount),
                                ardateStr: _this.$common.transDate(item.ardate),
                                noticedateStr: _this.$common.transDate(item.noticedate),
                                id: item.id
                            }

                            const ra = _this.$common.formatMoney(item.receiveamount)
                            json.rcamountStr = ra ? '￥' + ra : ''
                            item.ysAmount = parseInt(item.aramount || 0)
                            const sr = _this.$common.formatMoney(item.ysAmount)
                            json.ysAmountStr = sr ? '￥' + sr : ''
                            item.aramount = parseInt(item.aramount || 0) + parseInt(item.adjustamount || 0)
                            const r = _this.$common.formatMoney(item.aramount)
                            json.aramountStr = r ? '￥' + r : ''

                            json.statusStr = '未收款'
                            if (item.planstatus === '1') {
                                json.statusStr = '收款中'
                            } else if (item.planstatus === '2') {
                                json.statusStr = '收款完成'
                            }

                            _this.SalsReturnPlanData.push(json)
                        })
                    }
                    _this.planLoading = false
                }).catch((err, x) => {
                    console.log('sales return plan list error', err, x)
                })
            }
        },
        getBudgetData() {
            const _this = this
            this.budGetingRequest('checkRecordApproval', { proId:this.formData.proId }).then(res => {
                if (res.data.hasRecord) {
                    _this.hasRecord = true
                    if (res.data.templateId) {
                        const postData = {
                            proId: _this.formData.proId,
                            templateId: res.data.templateId
                        }
                        _this.budGetingRequest('checkNewTemplate', postData).then(res => {
                            _this.hasNewTemplate = !res.data;
                            _this.keys++
                            _this.$nextTick(() => {
                                _this.$refs.bidss.initData(_this.hasNewTemplate)
                            })
                        })
                    }else {
                        _this.keys++
                        _this.$nextTick(() => {
                            _this.$refs.bidss.initData(_this.hasNewTemplate)
                        })
                    }
                }else{
                    _this.keys++
                    _this.$nextTick(() => {
                        _this.$refs.bidss.initData(_this.hasNewTemplate)
                    })
                }
            })
        },
        async setVisible(status, row) {
            const _this = this
            this.row=row
            this.activeName='first'
            this.confirmForm.flowMainPushId = row.flowMainPushId
            let { data } = await this.baseRequest1('ApplyLxSjWorkController', 'getInfoByFlowMainPushId', { flowMainPushId: row.flowMainPushId })
            const { data: flowHistroy } = await this.baseRequest1('FlowMainController', 'getFlowHistroyByFlowMainId', { flowMainId: row.id })

            const noAndbackstatus = await this.baseRequest1('FlowMainController', 'getOutgoingFlowsByFlowMainPushId', { flowMainPushId: row.flowMainPushId })
            for (let i = 0; i < noAndbackstatus.data.length; i++) {
                if (noAndbackstatus.data[i].conditionExpression == '${agree==\'no\'}') this.argeeNoStatus = true
                if (noAndbackstatus.data[i].conditionExpression == '${agree==\'back\'}') this.argeeBackStatus = true
            }
            this.tableData = flowHistroy
            this.formData = data
            row.prosale = data.presales
            this.proChange()
            this.fileUrlList = this.formData.approval.implementationProgramme?this.$common.castEval(this.formData.approval.implementationProgramme):[]
            this.fileUrlList2 = this.formData.approval.researchReport?this.$common.castEval(this.formData.approval.researchReport):[]
            this.fileUrlList3 = this.formData.approval.otherFile?this.$common.castEval(this.formData.approval.otherFile):[]
            _this.SalsReturnPlanData = []
            this.formData.applyWorkReceivables.forEach(function(item) {
                const json = {
                    planstatus: item.planstatus,
                    arname: item.arname,
                    // aramountStr: '￥' + _this.$common.formatMoney(item.aramount),
                    // rcamountStr: '￥' + _this.$common.formatMoney(item.receiveamount),
                    ardateStr: _this.$common.transDate(item.ardate),
                    noticedateStr: _this.$common.transDate(item.noticedate),
                    id: item.id
                }

                const ra = _this.$common.formatMoney(item.receiveamount)
                json.rcamountStr = ra ? '￥' + ra : ''
                item.ysAmount = parseInt(item.aramount || 0)
                const sr = _this.$common.formatMoney(item.ysAmount)
                json.ysAmountStr = sr ? '￥' + sr : ''
                item.aramount = parseInt(item.aramount || 0) + parseInt(item.adjustamount || 0)
                const r = _this.$common.formatMoney(item.aramount)
                json.aramountStr = r ? '￥' + r : ''

                json.statusStr = '未收款'
                if (item.planstatus === '1') {
                    json.statusStr = '收款中'
                } else if (item.planstatus === '2') {
                    json.statusStr = '收款完成'
                }

                _this.SalsReturnPlanData.push(json)
            })
            this.dialogLxVisible = status
            this.row = row
        },
        budGetingRequest(opUrl, postData) {
            return this.$channel.globleRequest('BudgetMakingController', opUrl, postData, 'project')
        },
        ctrMainRequest(opUrl, postData) {
            return this.$channel.globleRequest('CtrMainController', opUrl, postData, 'project')
        },
        baseRequest1(prefix, opUrl, postData) {
            return this.$channel.globleRequest(prefix, opUrl, postData, 'project task')
        },
		async handelConfirm() {
			this.$refs['confirmForm'].validate(async valid => {
				// if (!valid) return
				// ApplyAddWorkController/AddConfirmResultAddWork
				console.log(this.confirmForm)
				const { data } = await this.baseRequest1('ApplyLxSjWorkController', 'AddConfirmResultAddWork', { ...this.confirmForm })
				if (data.code == 200) {
					this.$message.success('处理成功')
					this.form = {}
					this.confirmForm = { confirmContent: '' }
					this.dialogLxVisible = false
					this.$emit('getData')
				}
			})
		}
	}
}

</script>
<style lang="scss">
.cclist {
	.col-input {
		padding: 0;
	}
}

.pdr10px {
	padding-right: 10px;
}

.mgb10px {
	margin-bottom: 10px;
}

.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: 15px;
}

.tabsdom {
	.el-input {
		width: 100%;
	}

	.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>
