<template>
	<div style="background-color:#f7f7f7;padding:10px 10px;">
		<div class="zhuti" v-if="ggXin==false && bianshow==false">
			<div style="height:58px;line-height:58px;">
				<div style="color:#0006"> <span>活动策划</span> <span style="padding:0 5px;">></span> <span
						style="color:#000000e6">活动策划调整</span></div>
			</div>
			<div>
				<!-- 搜索 -->
				<div class="formSearch">
					<div class="demo-input-suffix">
						<!-- <div v-if="searPei.name" style="display: flex;">
							<div style="width: 68px;height:36px;line-height:36px;">方案名称</div>
							<el-input placeholder="请输入" v-model="formSear.planName" style="width:168px;">
							</el-input>
						</div> -->
						<div style="width: 68px;height:36px;line-height:36px;">方案名称</div>
						<el-input placeholder="请输入" v-model="pageindex.planName" style="width:168px;">
						</el-input>
						<div style="width: 68px;height:36px;line-height:36px;margin-left: 10px;">活动地点</div>
						<el-input placeholder="请输入" v-model="pageindex.eventAddrs" style="width:168px;">
						</el-input>
						<div style="width: 75px;height:36px;line-height:36px;margin-left: 10px;">活动主办方</div>
						<el-input placeholder="请输入" v-model="pageindex.sponsor" style="width:168px;">
						</el-input>
						<!-- <div v-if="searPei.lei" style="display: flex;">
              <div style="width: 68px;height:36px;line-height:36px;">方案类型</div>
              <el-input placeholder="请输入"  v-model="planName" style="width:168px;">
              </el-input>
            </div> -->
						<div v-if="searPei.staut" style="display: flex;">
							<div style="width: 68px;height:36px;line-height:36px;">审批状态</div>
							<el-select v-model="formSear.state" placeholder="请选择"
								style="width: 100px;margin-right: 5px">
								<el-option label="待提交" value="" />
								<el-option label="待审核" value="1" />
								<el-option label="已通过" value="5" />
								<el-option label="已驳回" value="6" />
							</el-select>
							</el-input>
						</div>


					</div>
					<div>

						<el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
						</el-button>
						<el-button @click="resetting" class="buttonHover"
							style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
						</el-button>
					</div>
				</div>
				<div style="margin: 20px 0;">
					<div style="display:flex;">
						<!-- <el-button  style="background-color: #3F9B6A;color: #fff;" @click="setSearch">搜索关键词设置</el-button> -->
						<!-- <el-button style="background-color: #3F9B6A;color: #fff;" @click="duibi">效果对比</el-button> -->
						<!-- <el-upload class="upload-demo" ref="upload" :limit="1" accept=".xlsx" :action="uploadFileUrl"
							:on-success="daoru" :file-list="daoData" :auto-upload="true" :show-file-list="false">
							<el-button
								style="background-color: #fff;color: #3F9B6A;border: 1px solid #dcdfe6;margin:0 15px;"
								class="buttonHover">导入</el-button>
						</el-upload> -->

						<!-- <el-button  style="background-color: #3F9B6A;color: #fff;" @click="daochu">审核流程导出</el-button> -->
						<!-- <el-button  style="background-color: #fff;color: #000;border: 1px solid #B1B1B1;"
              icon="el-icon-folder-add" class="buttonHover" @click="xinFenlei">活动分类管理</el-button> -->
					</div>

				</div>
				<!-- 分栏 -->
				<div class="fenlan">
					<!-- 搜索分类 -->

					<div class="tableList">

						<!-- 表格 -->
						<div>
							<!-- @selection-change="handleSelectionChange" -->
							<el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
								tooltip-effect="dark" align="left"
								:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
								ref="mulTable">
								<!-- <el-table-column type="selection" min-width="5%">
								</el-table-column> -->
								<el-table-column label="方案名称" min-width="27%" show-overflow-tooltip prop="planName">
								</el-table-column>
								<el-table-column label="类型" prop="planType" min-width="10%">
								</el-table-column>
								<!-- <el-table-column label="发布状态" width="80" >

                </el-table-column> -->
								<el-table-column label="审批状态" min-width="12%">
									<template slot-scope="scope">
										{{scope.row.state == ''?'待提交':scope.row.state == '1'?'待审批':scope.row.state == '2'?'部门领导审批':scope.row.state == '3'?'公司领导审批':scope.row.state == '4'?'其他审批':scope.row.state == '5'?'审核通过':'已驳回'}}
									</template>
								</el-table-column>
								<el-table-column label="创建时间" prop="createDate" min-width="15%">
								</el-table-column>
								<!-- <el-table-column prop="auditReminderTime" label="审核提醒时间" min-width="12%">

                </el-table-column> -->
								<el-table-column label="操作" min-width="28%" fixed="right">
									<template slot-scope="scope">
										<div @click="actBian(scope.row)" class="tableBtn greens"
											v-if="scope.row.state == ''">方案编辑</div>
										<!-- <div class="tableBtn greens">发布</div> -->
										<div class="tableBtn greens" @click="handleEditForm(scope.row,1,false)">查看
										</div>
										<!-- <div class="tableBtn greens" @click="handleEditForm(scope.row,2,false)">执行情况</div> -->
										<div class="tableBtn greens" @click="handleEditForm(scope.row,2,true)">执行调整
										</div>
										<div class="tableBtn greens" @click="handleEditForm(scope.row,3,false)">调整历史
										</div>
										<div class="tableBtn greens" @click="xiaoguo(scope.row)"
											v-if="scope.row.state == '5'">效果对比
										</div>
										<div @click="actDelete(scope.row)" class="tableBtn greens">删除</div>
										<!-- <div class="tableBtn greens" @click="handleEditForm(scope.row)">历史方案查看</div> -->

										<!-- <div class="tableBtn greens">策略调整</div> -->
										<!-- <div class="tableBtn greens" @click="koop(scope.row)">复制</div> -->
									</template>
								</el-table-column>
							</el-table>
							<div class="fenye">
								<div>
									<!-- 	<el-button @click="tableAll" class="buttonHover"
										style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">选择全部
									</el-button>
									<el-button @click="toggleSelection(tableData)" class="buttonHover"
										style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">反向选择
									</el-button> -->
								</div>
								<el-pagination class="pagination" :hide-on-single-page="flag" background small
									:current-page="currentPage" :page-size="pageSize" layout="prev,pager,next"
									:total="total" @current-change="handleCurrentChange" />
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>
		<!-- 详情活动方案 -->
		<div v-if="ggXin" style="background-color:#fff;">
			<div style="height:58px;line-height:58px;background-color:#fff;padding-left:20px;">
				<div style="color:#0006"> <span>活动策划</span> <span style="padding:0 5px;">></span> <span
						style="color:#000000e6">活动方案详情</span></div>
			</div>
			<div ref="actXiang">
				<div style="width: 100%;">
					<div style="padding:0px 20px 20px 20px; display: flex;">
						<div style="height: 80px;" v-if="secondData.coverPoster">
							<img :src="$baseURL+secondData.coverPoster" alt="" style="height: 80px;" />
						</div>
						<div
							style="display: flex;flex-direction: column;justify-content: space-around;padding: 0 10px;font-size: 12px;">
							<span style="margin-bottom: 10px;">{{text}}</span>
							<span>活动时间：{{tableData1[1].eventTheme}}至{{tableData1[1].planName}}</span>
							<span>活动地点:{{tableData1[0].planName}}</span>
						</div>
					</div>
					<div style="width: 100%;background-color: #fff;">
						<el-tabs v-model="activeName" @tab-click="handleClick" style="padding-left:20px;">
							<el-tab-pane label="方案概况" name="first"></el-tab-pane>
							<el-tab-pane label="方案调整" name="second"></el-tab-pane>
							<el-tab-pane label="历史记录列表" name="fourd"></el-tab-pane>
							<!-- <el-tab-pane label="执行情况" name="five"></el-tab-pane> -->
						</el-tabs>
					</div>
					<div v-if="activeName=='first'" style="display: flex;">
						<div style="width: 100%;">
							<div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">基本信息</div>
								<div style="padding: 10px 20px;">
									<el-table :data="tableData1"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
										style="width: 100%;margin: auto;">
										<el-table-column class-name="first-column-bg" label="方案编号" prop="name"
											min-width="15%">
										</el-table-column>
										<el-table-column :label="id" prop="eventTheme" min-width="35%">

										</el-table-column>
										<el-table-column class-name="first-column-bg" label="方案名称" prop="text"
											min-width="15%">

										</el-table-column>
										<el-table-column :label="text" prop="planName" min-width="35%">

										</el-table-column>
									</el-table>


								</div>
							</div>
							<div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动明细信息</div>
								<div style="padding: 10px 20px;">
									<el-table :data="tableData2"
					:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
										style="width: 100%;margin: auto;">
										<!-- <el-table-column label="序号" min-width="5%" align='center'>
											<template slot-scope="scope">
												<span style="">{{ scope.$index +1}}</span>
											</template>
										</el-table-column> -->
										<el-table-column label="明细项名称" prop="detailLtemName" min-width="28%">
										</el-table-column>
										<el-table-column label="预估数量" prop="estimatedQuantity" min-width="20%">

										</el-table-column>
										<el-table-column label="预估费用(元)" prop="estimatedCost" min-width="20%">

										</el-table-column>
										<el-table-column label="备注" prop="notes" min-width="20%">
										</el-table-column>
									</el-table>
								</div>
							</div>
							<div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动成本信息</div>
								<div style="padding:10px 20px;">
									<el-table :data="tableData3"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
										style="width: 100%;margin: auto;">
										<el-table-column class-name="first-column-bg" label="内部人力成本预估(元)" prop="name"
											min-width="15%">
										</el-table-column>
										<el-table-column :label="internalLaborCostEstimation" prop="eventTheme"
											min-width="35%">

										</el-table-column>
										<el-table-column class-name="first-column-bg" label="外部人力成本预估(元)" prop="text"
											min-width="15%">

										</el-table-column>
										<el-table-column :label="externalLaborCostEstimation" prop="planName"
											min-width="35%">

										</el-table-column>
									</el-table>
								</div>
							</div>
							<div style="width: 100%;">
								<div style="font-size: 14px;padding:10px 20px 0px 20px;">预估效果</div>
								<div style="padding:10px 20px;">
									<el-table :data="tableData4"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
										style="width: 100%;margin: auto;">
										<el-table-column class-name="first-column-bg" label="预计吸引流量" prop="name"
											min-width="15%">
										</el-table-column>
										<el-table-column :label="expectedAttractTraffic" prop="eventTheme"
											min-width="35%">

										</el-table-column>
										<el-table-column class-name="first-column-bg" label="预计参与人数" prop="text"
											min-width="15%">

										</el-table-column>
										<el-table-column :label="expectedParticipation" prop="planName" min-width="35%">

										</el-table-column>
									</el-table>
									</el-table-column>
								</div>
							</div>
							<div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">相关附件信息</div>
								<div style="padding:10px 20px;">
									<el-table :data="tableData6"
							:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
										style="width: 100%;margin: auto;">
										<!-- <el-table-column label="序号" min-width="5%" align='center'>
											<template slot-scope="scope">
												<span style="">{{ scope.$index + 1 }}</span>
											</template>
										</el-table-column> -->
										<el-table-column label="附件名称" prop="attachmentName" min-width="75%">
										</el-table-column>
										<el-table-column label="操作" min-width="20%">
											<template slot-scope="scope">
										<div class="tableBtn greens" @click="Down($baseURL+scope.row.attachmentUrl)">下载</div>
											</template>
										</el-table-column>

									</el-table>
								</div>
							</div>
							<div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">系统信息</div>
								<div style="padding:10px 20px;">
									<el-table :data="tableData5"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
										style="width: 100%;margin: auto;">
										<el-table-column class-name="first-column-bg" label="创建人" prop="name"
											min-width="15%">
										</el-table-column>
										<el-table-column :label="createUser" prop="eventTheme" min-width="35%">

										</el-table-column>
										<el-table-column class-name="first-column-bg" label="创建时间" prop="text"
											min-width="15%">

										</el-table-column>
										<el-table-column :label="createDate" prop="planName" min-width="35%">

										</el-table-column>
									</el-table>
								</div>
							</div>
						</div>
					</div>
					<div v-if="activeName=='second'">
						<div style="padding: 20px">
							<div style="border: solid 1px #E5E5E5;border-radius: 5px">
								<div style="border-bottom: 1px solid #E5E5E5;padding: 1px">
									<div style="padding: 10px 20px;background-color: #FAFAFA;font-size: 14px;">
										基本信息
									</div>
								</div>
								<div style="padding: 20px 40px 20px 20px">
									<el-form label-position="top" ref="zhixingFormInfo" :rules="zhixingRules"
										:model="zhixingList" label-width="120px" style="position: relative">
										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="活动名称" class="grid-content bg-purple device-from"
													prop="planName">
													<el-input v-model="zhixingList.planName" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="实际举办地点" class="grid-content bg-purple" prop="name">
													<el-input v-model="zhixingList.eventAddrs" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>

											<el-col :span="8">
												<el-form-item label="实际举办时间" class="grid-content bg-purple"
													prop="event_start_time" style="position: relative">
													<el-date-picker style="width: 100%;" v-model="zhixingList.planTime"
														@change="formTime" @blur="blur" clear-icon="none"
														value-format="yyyy-MM-dd HH:mm:ss" :disabled="!zhixingBian"
														type="datetimerange" range-separator="至"
														start-placeholder="开始日期" end-placeholder="结束日期" align="right">
													</el-date-picker>
												</el-form-item>
											</el-col>
										</el-row>

										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="活动主办方" class="grid-content bg-purple" prop="name">
													<el-input v-model="zhixingList.sponsor" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="活动实际参与方" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.participants" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
										</el-row>
									</el-form>
								</div>
							</div>
						</div>
						<div style="padding: 0px 20px 20px 20px">
							<div style="border: solid 1px #E5E5E5;border-radius: 5px">
								<div style="border-bottom: 1px solid #E5E5E5;padding: 1px;display: flex">
									<div style="padding: 10px 20px;background-color: #FAFAFA;font-size: 14px;">
										活动明细信息
									</div>
									<div style="color: #2d8a58;margin-top: 10px;font-size: 14px;" @click="tianMing">
										添加明细
									</div>
								</div>
								<!--          表格-->
								<div style="padding: 20px 20px 20px 20px">
									<el-table :data="tableDa"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
										style="width: 100%">
										<el-table-column label="序号" width="auto" min-width="5%" prop="date"
											align="center">
											<template slot-scope="scope">
												{{scope.$index +1}}
											</template>
										</el-table-column>
										<el-table-column label="明细项名称" prop="detailLtemName" width="auto"
											min-width="22%">

										</el-table-column>
										<el-table-column label="实际数量" prop="estimatedQuantity" width="auto"
											min-width="15%">

										</el-table-column>
										<el-table-column label="实际费用(元)" prop="estimatedCost" width="auto"
											min-width="15%">
										</el-table-column>
										<el-table-column prop="notes" label="备注" width="auto" min-width="15%">
										</el-table-column>
										<el-table-column label="操作" width="auto" min-width="18%" v-if="zhixingBian">
											<template slot-scope="scope">
												<!-- <div class="tableBtn greens">详情</div> -->
												<div class="tableBtn greens"
													@click="MingDelete(scope.$index,scope.row)">删除
												</div>
											</template>
										</el-table-column>
									</el-table>

								</div>
							</div>
						</div>
						<div style="padding: 20px">
							<div style="border: solid 1px #E5E5E5;border-radius: 5px;padding-bottom: 20px;">
								<div style="border-bottom: 1px solid #E5E5E5;padding: 1px">
									<div style="padding: 10px 20px;background-color: #FAFAFA;font-size: 14px;">
										实际花费成本
									</div>
								</div>
								<div style="padding: 20px 40px 0px 20px">
									<el-form label-position="top" ref="ruleFormInfo" :model="zhixingList"
										label-width="120px" style="position: relative">
										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="实际内部人力成本(元)"
													class="grid-content bg-purple device-from" prop="name">
													<el-input v-model="zhixingList.internalLaborCostEstimation"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="实际外部人力成本(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.externalLaborCostEstimation"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>

											<el-col :span="8">
												<el-form-item label="实际商品成本(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.costEstimationGoods"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
										</el-row>

										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="实际设备成本(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.setCostEstimate" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="实际宣传费用(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.estimatedPromotionalExpenses"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="实际其他成本(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.otherNecessaryEstimates"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
										</el-row>

										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="实际总成本(元)" prop="name"
													class="grid-content bg-purple">
													<el-input v-model="zhixingList.totalCostEstimation"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="16">
												<el-form-item label="备注" prop="name" class="grid-content bg-purple">
													<el-input v-model="zhixingList.notes" placeholder="请输入"
														:disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
										</el-row>
									</el-form>
								</div>
							</div>
						</div>

						<div style="padding: 20px">
							<div style="border: solid 1px #E5E5E5;border-radius: 5px;padding-bottom: 20px;">
								<div style="border-bottom: 1px solid #E5E5E5;padding: 1px">
									<div style="padding: 10px 20px;background-color: #FAFAFA;font-size: 14px;">
										活动执行效果
									</div>
								</div>
								<div style="padding: 20px 40px 0px 20px">
									<el-form label-position="top" ref="ruleFormInfo" :model="zhixingList"
										label-width="120px" style="position: relative">
										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="实际吸引流量" class="grid-content bg-purple device-from"
													prop="name">
													<el-input v-model="zhixingList.expectedAttractTraffic"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
											<el-col :span="8">
												<el-form-item label="实际参与人数" class="grid-content bg-purple" prop="name">
													<el-input v-model="zhixingList.expectedParticipation"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>

											<el-col :span="8">
												<el-form-item label="实际直接收益(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.expectedDirectBenefits"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>
										</el-row>
										<el-row :gutter="20">
											<el-col :span="8">
												<el-form-item label="实际间接收益(元)" class="grid-content bg-purple"
													prop="name">
													<el-input v-model="zhixingList.expectedIndirectBenefits"
														placeholder="请输入" :disabled="!zhixingBian" />
												</el-form-item>
											</el-col>

										</el-row>
										<!-- <el-row :gutter="20">
											<el-col :span="24">
												<el-form-item label="反馈内容" class="grid-content bg-purple" prop="name">
													<el-upload class="upload-demo" ref="upload"
														:on-remove="handleRemove" :action="uploadFileUrl"
														:on-success="handleUploadSuccess" :file-list="fileData"
														:show-file-list="true" v-if="zhixingBian">
														<el-button
															style="background-color: #fff;color: #3F9B6A;border: 1px solid #dcdfe6;"
															class="buttonHover"
															v-if="fileData.length==0">+点击上传</el-button>
													</el-upload>
													<div v-else>{{zhixingList.feedbackContent}}</div>
												</el-form-item>
											</el-col>

										</el-row> -->
									</el-form>
								</div>
							</div>
						</div>

					</div>
					<div v-if="activeName=='fourd'">
						<div style="display:flex;padding-left: 20px;">
							<div style="margin-right:10px;line-height:200%;">历史活动策划方案搜索</div>
							<el-select v-model="lishiList" placeholder="请选择" style="margin:0 20px 20px 20px;"
								@change="lichange">
								<el-option v-for="(item,index) in effectivenessList" :key="item.id"
									:label="item.operationType" :value="index">
								</el-option>
							</el-select>
							<!-- <el-button @click="tiaozheng" style="background-color: #3F9B6A;color: #fff"
								v-if="lishiList!=null">调整对比
							</el-button> -->
						</div>
						<div style="width: 100%;" v-if="lishiList!=null" ref="lishiRef">
							<div style="width: 100%;">
								<div style="padding: 10px 20px;">
									<el-descriptions class="margin-top" title="基本信息" :column="2" border
										:labelStyle="labelStyle" :contentStyle="contentStyle">
										<el-descriptions-item>
											<template slot="label">
												活动名称
											</template>

											<span>{{duibiList.planName || ''}}</span>
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际举办地点
											</template>
											<span>{{duibiList.eventAddrs || ''}}</span>
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际举办时间
											</template>

											<span>{{formatTimestampToDate(duibiList.eventStartTime)}}-{{formatTimestampToDate(duibiList.eventEndTime)}}</span>
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												活动主办方
											</template>

											<span>{{duibiList.participants}}</span>
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												活动实际参与方
											</template>

											<span>{{duibiList.sponsor}}</span>
										</el-descriptions-item>


									</el-descriptions>

								</div>
							</div>
							<!-- <div style="width: 100%;">
								<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动明细信息</div>
								<div style="padding: 10px 20px;">
									<el-table :data="tableData2"
										:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
										style="width: 100%;margin: auto;">
										<el-table-column label="序号" min-width="5%" align='center'>
											<template slot-scope="scope">
												<span style="">{{ scope.$index +1}}</span>
											</template>
										</el-table-column>
										<el-table-column label="明细项名称" prop="detailLtemName" min-width="28%">
										</el-table-column>
										<el-table-column label="预估数量" prop="estimatedQuantity" min-width="20%">

										</el-table-column>
										<el-table-column label="预估费用(元)" prop="estimatedCost" min-width="20%">

										</el-table-column>
										<el-table-column label="备注" prop="notes" min-width="20%">
										</el-table-column>
									</el-table>
								</div>
							</div> -->
							<div style="width: 100%;">
								<div style="padding:10px 20px;">
									<el-descriptions class="margin-top" title="实际花费成本" :column="2" border
										:labelStyle="labelStyle" :contentStyle="contentStyle">
										<el-descriptions-item>
											<template slot="label">
												实际内部人力成本(元)
											</template>

											<span>{{duibiList.internalLaborCostEstimation}}</span>
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际外部人力成本(元)
											</template>
											<span>{{duibiList.externalLaborCostEstimation}}</span>


										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际商品成本(元)
											</template>
											<span>{{duibiList.costEstimationGoods}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际设备成本(元)
											</template>
											<span>{{duibiList.setCostEstimate}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际宣传费用(元)
											</template>
											<span>{{duibiList.estimatedPromotionalExpenses}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际其他成本(元)
											</template>
											<span>{{duibiList.otherNecessaryEstimates}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际总成本(元)
											</template>
											<span>{{duibiList.totalCostEstimation}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												备注
											</template>
											<span>{{duibiList.notes}}</span>

										</el-descriptions-item>
									</el-descriptions>
								</div>
							</div>
							<div style="width: 100%;">

								<div style="padding:10px 20px;">
									<el-descriptions class="margin-top" title="活动执行效果" :column="2" border
										:labelStyle="labelStyle" :contentStyle="contentStyle">
										<el-descriptions-item>
											<template slot="label">
												实际吸引流量
											</template>
											<span>{{duibiList.expectedAttractTraffic}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际参与人数
											</template>
											<span>{{duibiList.expectedParticipation}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际直接收益(元)
											</template>
											<span>{{duibiList.expectedDirectBenefits}}</span>

										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												实际间接收益(元)
											</template>
											<span>{{duibiList.expectedIndirectBenefits}}</span>

										</el-descriptions-item>

									</el-descriptions>

								</div>
							</div>
							<div style="width: 100%;">
							
								<div style="padding:10px 20px;">
									<el-descriptions class="margin-top" title="系统信息" :column="2" border
										:labelStyle="labelStyle" :contentStyle="contentStyle">
										<el-descriptions-item>
											<template slot="label">
												创建人
											</template>
											<span>{{duibiList.createUser}}</span>
							
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												创建时间
											</template>
											<span>{{duibiList.createDate}}</span>
							
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												更新人
											</template>
											<span>{{duibiList.updateUser}}</span>
							
										</el-descriptions-item>
										<el-descriptions-item>
											<template slot="label">
												更新时间
											</template>
											<span>{{duibiList.updateDate}}</span>
							
										</el-descriptions-item>
							
									</el-descriptions>
							
								</div>
							</div>

						</div>
					</div>
					<div v-if="activeName=='five'">
						<div style="width: 100%;padding:20px;">
							<wangEditor v-model="zhixingqingk" ref="editor"></wangEditor>

						</div>
					</div>

				</div>

			</div>
			<div style="display: flex;justify-content: flex-end;padding:10px">
				<el-button @click="ggXin = false" style="background-color: #3F9B6A;color: #fff">取消</el-button>
				<!-- <el-button  @click="lishidownloadPdf"  style="background-color: #3F9B6A;color: #fff" v-if="activeName=='fourd'">导出
			</el-button> -->
				<!-- <el-button @click="downloadPdf" style="background-color: #3F9B6A;color: #fff"
									v-if="activeName=='first'">活动策划调整方案导出
								</el-button> -->

				<!-- <el-button  @click="jiucuo"  style="background-color: #3F9B6A;color: #fff" v-if="activeName=='first'" >活动策划调整纠错
			</el-button> -->
				<el-button @click="bianji" style="background-color: #3F9B6A;color: #fff"
					v-if="zhixingBian && activeName=='second'">保存
				</el-button>
				<!-- <el-button @click="fivebian" style="background-color: #3F9B6A;color: #fff" v-if="activeName=='five'">保存
				</el-button> -->

			</div>
		</div>
		<!-- 调整对比 -->
		<el-dialog title="调整对比" :visible.sync="tiaozhengShow" custom-class='xiang_css' style="padding: 0;" width="80%"
			center :close-on-click-modal="false" :close-on-press-escape="false" @close="reshData">
			<div>
				<div style="display: flex;">
					<div style="width: 50%;">
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">修改后</div>
							<div style="padding: 10px 20px;">
								<el-table :data="tableData1"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal',width:'82px'}"
									style="width: 100%;margin: auto;">
									<el-table-column class-name="first-column-bg" label="方案编号" prop="name"
										min-width="15%">
									</el-table-column>
									<el-table-column :label="id" prop="eventTheme" min-width="35%">

									</el-table-column>
									<el-table-column class-name="first-column-bg" label="方案名称" prop="text"
										min-width="15%">

									</el-table-column>
									<el-table-column :label="text" prop="planName" min-width="35%">

									</el-table-column>
								</el-table>


							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动明细信息</div>
							<div style="padding: 10px 20px;">
								<el-table :data="tableData2"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<!-- <el-table-column label="序号" min-width="7%" align='center'>
										<template slot-scope="scope">
											<span style="">{{ scope.$index +1}}</span>
										</template>
									</el-table-column> -->
									<el-table-column label="明细项名称" prop="detailLtemName" min-width="25%">
									</el-table-column>
									<el-table-column label="预估数量" prop="estimatedQuantity" min-width="18%">

									</el-table-column>
									<el-table-column label="预估费用(元)" prop="estimatedCost" min-width="20%">

									</el-table-column>
									<el-table-column label="备注" prop="notes" min-width="20%">
									</el-table-column>
								</el-table>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动成本信息</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData3"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<el-table-column class-name="first-column-bg" label="内部人力成本预估(元)" prop="name"
										min-width="15%">
									</el-table-column>
									<el-table-column :label="internalLaborCostEstimation" prop="eventTheme"
										min-width="35%">

									</el-table-column>
									<el-table-column class-name="first-column-bg" label="外部人力成本预估(元)" prop="text"
										min-width="15%">

									</el-table-column>
									<el-table-column :label="externalLaborCostEstimation" prop="planName"
										min-width="35%">

									</el-table-column>
								</el-table>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding:10px 20px 0px 20px;">预估效果</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData4"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<el-table-column class-name="first-column-bg" label="预计吸引流量" prop="name"
										min-width="15%">
									</el-table-column>
									<el-table-column :label="expectedAttractTraffic" prop="eventTheme" min-width="35%">

									</el-table-column>
									<el-table-column class-name="first-column-bg" label="预计参与人数" prop="text"
										min-width="15%">

									</el-table-column>
									<el-table-column :label="expectedParticipation" prop="planName" min-width="35%">

									</el-table-column>
								</el-table>
								</el-table-column>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">相关附件信息</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData6"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<!-- <el-table-column label="序号" min-width="7%" align='center'>
										<template slot-scope="scope">
											<span style="">{{ scope.$index + 1 }}</span>
										</template>
									</el-table-column> -->
									<el-table-column label="附件名称" prop="attachmentName" min-width="70%">
									</el-table-column>
									<el-table-column label="操作" min-width="20%">
										<template slot-scope="scope">
											<div class="tableBtn greens" @click="Down($baseURL+scope.row.attachmentUrl)">下载</div>
										</template>
									</el-table-column>

								</el-table>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">系统信息</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData5"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<el-table-column class-name="first-column-bg" label="创建人" prop="name"
										min-width="15%">
									</el-table-column>
									<el-table-column :label="createUser" prop="eventTheme" min-width="35%">

									</el-table-column>
									<el-table-column class-name="first-column-bg" label="创建时间" prop="text"
										min-width="15%">

									</el-table-column>
									<el-table-column :label="createDate" prop="planName" min-width="35%">

									</el-table-column>
								</el-table>
							</div>
						</div>
					</div>
					<div style="width: 50%;">
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">修改前</div>
							<div style="padding: 6px 20px;">
								<el-descriptions class="margin-top" :column="2" border :labelStyle="labelStyleOne"
									:contentStyle="contentClassNameOne">
									<el-descriptions-item>
										<template slot="label">
											方案编号
										</template>
										{{lixiang.id}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											方案名称
										</template>
										{{lixiang.planName}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											类型
										</template>
										{{lixiang.planType}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动地点
										</template>
										{{lixiang.eventAddrs}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动开始时间
										</template>
										{{lixiang.eventStartTime}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动结束时间
										</template>
										{{lixiang.eventEndTime}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动主题
										</template>
										{{lixiang.eventTheme}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动主办方
										</template>
										{{lixiang.sponsor}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动参与方
										</template>
										{{lixiang.participants}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											活动主要目的
										</template>
										{{lixiang.mainPurpose}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											范围设置
										</template>
										{{lixiang.rangeSetting}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											状态
										</template>
										{{getStatus(lixiang.state)}}

									</el-descriptions-item>
								</el-descriptions>

							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动明细信息</div>
							<div style="padding: 10px 20px;">
								<el-table :data="tableData2"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<!-- <el-table-column label="序号" min-width="7%" align='center'>
										<template slot-scope="scope">
											<span style="">{{ scope.$index +1}}</span>
										</template>
									</el-table-column> -->
									<el-table-column label="明细项名称" prop="detailLtemName" min-width="25%">
									</el-table-column>
									<el-table-column label="预估数量" prop="estimatedQuantity" min-width="18%">

									</el-table-column>
									<el-table-column label="预估费用(元)" prop="estimatedCost" min-width="20%">

									</el-table-column>
									<el-table-column label="备注" prop="notes" min-width="20%">
									</el-table-column>
								</el-table>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">活动成本信息</div>
							<div style="padding:10px 20px;">
								<el-descriptions class="margin-top" :column="2" border :labelStyle="labelStyleOne">
									<el-descriptions-item>
										<template slot="label">
											内部人力成本预估(元)
										</template>
										{{lixiang.internalLaborCostEstimation}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											外部人力成本预估(元)
										</template>
										{{lixiang.externalLaborCostEstimation}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											商品成本预估(元)
										</template>
										{{lixiang.costEstimationGoods}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											设备成本预估(元)
										</template>
										{{lixiang.setCostEstimate}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											宣传费用预估(元)
										</template>
										{{lixiang.estimatedPromotionalExpenses}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											其他必要成本预估(元)
										</template>
										{{lixiang.otherNecessaryEstimates}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											总成本预估(元)
										</template>
										{{lixiang.totalCostEstimation}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											备注
										</template>
										{{lixiang.notes}}
									</el-descriptions-item>
								</el-descriptions>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">预估效果</div>
							<div style="padding:10px 20px;">
								<el-descriptions class="margin-top" :column="2" border :labelStyle="labelStyleOne">
									<el-descriptions-item>
										<template slot="label">
											预计吸引流量
										</template>
										{{lixiang.expectedAttractTraffic}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											预计参与人数
										</template>
										{{lixiang.expectedParticipation}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											预计直接收益(元)
										</template>
										{{lixiang.expectedDirectBenefits}}
									</el-descriptions-item>
									<el-descriptions-item>
										<template slot="label">
											预计间接收益(元)
										</template>
										{{lixiang.expectedIndirectBenefits}}
									</el-descriptions-item>

								</el-descriptions>

							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">相关附件信息</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData6"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#FAFAFA',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<!-- <el-table-column label="序号" min-width="7%" align='center'>
										<template slot-scope="scope">
											<span style="">{{ scope.$index + 1 }}</span>
										</template>
									</el-table-column> -->
									<el-table-column label="附件名称" prop="attachmentName" min-width="70%">
									</el-table-column>
									<el-table-column label="操作" min-width="20%">
										<template slot-scope="scope">
											<!-- <div class="tableBtn greens" @click="Down(scope.row)">下载</div> -->
											<a class="tableBtn greens" :href="scope.row.attachmentUrl" target="_blank"
												download>下载</a>
										</template>
									</el-table-column>

								</el-table>
							</div>
						</div>
						<div style="width: 100%;">
							<div style="font-size: 14px;padding: 10px 20px 0px 20px;">系统信息</div>
							<div style="padding:10px 20px;">
								<el-table :data="tableData5"
									:header-cell-style="{fontSize: '14px', backgroundColor: '#fff',color:'#000',fontWeight: 'normal'}"
									style="width: 100%;margin: auto;">
									<el-table-column class-name="first-column-bg" label="创建人" prop="name"
										min-width="15%">
									</el-table-column>
									<el-table-column :label="createUser" prop="eventTheme" min-width="35%">

									</el-table-column>
									<el-table-column class-name="first-column-bg" label="创建时间" prop="text"
										min-width="15%">

									</el-table-column>
									<el-table-column :label="createDate" prop="planName" min-width="35%">

									</el-table-column>
								</el-table>
							</div>
						</div>
					</div>
				</div>


			</div>
		</el-dialog>

		<el-dialog title="新增明细" :visible.sync="addMing" custom-class='dialog_css' style="padding: 0;" width="50%"
			append-to-body center :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
			<div style="padding: 15px;width:100%">
				<div style="">
					<div style="padding: 15px;">
						<el-form label-position="right" ref="ruleFormInfo" :model="mingFrom" label-width="140px"
							style="position: relative">
							<el-form-item label="明细项名称" class="grid-content bg-purple device-from" prop="planName">
								<el-input v-model="mingFrom.detailLtemName" placeholder="请输入" />
							</el-form-item>
							<el-form-item label="实际数量" class="grid-content bg-purple" prop=" planType">
								<el-input v-model="mingFrom.estimatedQuantity" placeholder="请输入" />
							</el-form-item>

							<el-form-item label="实际费用(元)" class="grid-content bg-purple" prop="eventAddrs">
								<el-input v-model="mingFrom.estimatedCost" placeholder="请输入" />
							</el-form-item>
							<el-form-item label="备注" class="grid-content bg-purple device-from" prop="planName">
								<el-input v-model="mingFrom.notes" placeholder="请输入" />
							</el-form-item>
						</el-form>
					</div>
				</div>

			</div>
			<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
				<el-button plain @click="addMing=false" style="background-color: #3F9B6A;color: #fff;">取消
				</el-button>
				<el-button plain @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
				</el-button>

			</div>
		</el-dialog>
		<!-- 效果对比 -->
		<el-dialog :visible.sync="xiaoDui" title="效果对比" width="55%" center :close-on-click-modal="false"
			:close-on-press-escape="false">
			<div style="display:flex;padding:20px 20px 0px 20px;width:100%;justify-content: center;">
				<!-- @change="lichangeOne" -->
				<el-input v-model="ListOne"  style="width: 26%;" disabled/>
				<!-- <el-select v-model="ListOne" placeholder="请选择" style="margin:0 20px 20px 20px;" >
					<el-option  :label="effectivenessListOne.planName" :value="effectivenessListOne.planName">
					</el-option>
				</el-select> -->
			
				<div style="line-height:200%;">
					<img src="../../assets/images/vs.png" alt="" style="height: 100px;width: 100px;margin-top: -29px;">
				</div>
				<el-select v-model="ListTwo" placeholder="请选择" style="margin:0 20px 20px 20px;width: 26%;" @change="lichangeTwo">
					<el-option v-for="(item,index) in effectivenessList" :key="item.id" :label="item.operationType"
						:value="index">
					</el-option>
				</el-select>
				<!-- <el-button @click="tiaozheng" style="background-color: #3F9B6A;color: #fff"
						>对比
					</el-button> -->
			</div>
			<div style="padding: 15px 40px;">
				<div
					style="display:flex;width:100%;justify-content: center;border: 1px solid #DEDEDE;border-radius: 5px;padding: 0px 10px;">
					<div style="width: 38%;">
						<div style="color:#3F9B6A;text-align: center;padding: 10px 0;">预估成本</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>内部人力</div>
							<div>
								{{effectivenessListOne.internalLaborCostEstimation?effectivenessListOne.internalLaborCostEstimation:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>外部人力</div>
							<div>
								{{effectivenessListOne.externalLaborCostEstimation?effectivenessListOne.externalLaborCostEstimation:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>商品成本</div>
							<div>
								{{effectivenessListOne.costEstimationGoods?effectivenessListOne.costEstimationGoods:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>设备成本</div>
							<div>{{effectivenessListOne.setCostEstimate?effectivenessListOne.setCostEstimate:''}}元</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>宣传费用</div>
							<div>
								{{effectivenessListOne.estimatedPromotionalExpenses?effectivenessListOne.estimatedPromotionalExpenses:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>其他成本</div>
							<div>
								{{effectivenessListOne.otherNecessaryEstimates?effectivenessListOne.otherNecessaryEstimates:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>总成本</div>
							<div>
								{{effectivenessListOne.totalCostEstimation?effectivenessListOne.totalCostEstimation:''}}元
							</div>
						</div>
					</div>
					<div style="width: 15%;margin: 0 20px;">
						<div style="color:#3F9B6A;text-align: center;padding: 10px 0;">增长率</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumNei?effectivenessListOne.sumNei:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumWai?effectivenessListOne.sumWai:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumShop?effectivenessListOne.sumShop:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumSe?effectivenessListOne.sumSe:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumXuan?effectivenessListOne.sumXuan:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumQi?effectivenessListOne.sumQi:''}}%
						</div>
						<div
							style="padding:10px 0px;text-align: center;margin:10px;border: 1px solid #3F9B6A;border-radius: 5px;background-color: #3F9B6A;color: #fff;">
							{{effectivenessListOne.sumAll?effectivenessListOne.sumAll:''}}%
						</div>


					</div>
					<div style="width: 38%;">
						<div style="color:#3F9B6A;text-align: center;padding: 10px 0;">实际成本</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>内部人力</div>
							<div>
								{{effectivenessListTwo.internalLaborCostEstimation?effectivenessListTwo.internalLaborCostEstimation:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>外部人力</div>
							<div>
								{{effectivenessListTwo.externalLaborCostEstimation?effectivenessListTwo.externalLaborCostEstimation:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>商品成本</div>
							<div>
								{{effectivenessListTwo.costEstimationGoods?effectivenessListTwo.costEstimationGoods:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>设备成本</div>
							<div>{{effectivenessListTwo.setCostEstimate?effectivenessListTwo.setCostEstimate:''}}元</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>宣传费用</div>
							<div>
								{{effectivenessListTwo.estimatedPromotionalExpenses?effectivenessListTwo.estimatedPromotionalExpenses:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>其他成本</div>
							<div>
								{{effectivenessListTwo.otherNecessaryEstimates?effectivenessListTwo.otherNecessaryEstimates:''}}元
							</div>
						</div>
						<div
							style="padding:10px 10px;display:flex;justify-content: space-between;border: 1px solid #DEDEDE;margin-top:10px;border-radius: 5px;">
							<div>总成本</div>
							<div>
								{{effectivenessListTwo.totalCostEstimation?effectivenessListTwo.totalCostEstimation:''}}元
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- <div style="width:30%">
					<div style="display: flex;">
						<div style="margin-right: 10px;padding: 10px 0;">
							<div>调整前方案</div>
							<div style="font-size: 22px;color: #3F9B6A;font-weight: 600;margin: 10px 0;">
								{{xiaoduiObj.biliOne}}
							</div>
							<div style="font-size: 16px;color: #3F9B6A;font-weight: 600;">投入产出比</div>
						</div>
						<el-progress type="circle" :percentage="xiaoduiObj.bilis" :show-text="false" :width="100">
						</el-progress>
					</div>
					<div style="padding:30px 0">计划任务（完成度）</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">直接收入</div>
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.expectedDirectBenefits)" status="success"
							:format="() => customFormat(duibiOne.expectedDirectBenefits)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">间接收入</div>

						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.expectedIndirectBenefits)" status="success"
							:format="() => customFormat(duibiOne.expectedIndirectBenefits)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">人力</div>
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.internalLaborCostEstimation)" status="success"
							:format="() => customFormat(duibiOne.internalLaborCostEstimation)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">设备</div>
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.setCostEstimate)" status="success"
							:format="() => customFormat(duibiOne.setCostEstimate)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">宣传</div>

						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.estimatedPromotionalExpenses)" status="success"
							:format="() => customFormat(duibiOne.estimatedPromotionalExpenses)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">其他</div>

						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiOne.otherNecessaryEstimates)" status="success"
							:format="() => customFormat(duibiOne.otherNecessaryEstimates)"></el-progress>
					</div>
				</div> -->
			<!-- <div style="width:30%">
					<div style="display: flex;">
						<div style="margin-right: 10px;padding: 10px 0;">
							<div>调整后方案</div>
							<div style="font-size: 22px;color: #3F9B6A;font-weight: 600;margin: 10px 0;">
								{{xiaoduiObj.biliTwo}}
							</div>
							<div style="font-size: 16px;color: #3F9B6A;font-weight: 600;">投入产出比</div>
						</div>
						<el-progress type="circle" :percentage="xiaoduiObj.biliT" :show-text="false" :width="100">
						</el-progress>
					</div>
					<div style="padding:30px 0">计划任务（完成度）</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">直接收入</div>
					
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.expectedDirectBenefits==undefined?'':duibiTwo.expectedDirectBenefits)"
							status="success"
							:format="() => customFormat(duibiTwo.expectedDirectBenefits==undefined?'':duibiTwo.expectedDirectBenefits)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">间接收入</div>
					
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.expectedIndirectBenefits==undefined?'':duibiTwo.expectedIndirectBenefits)"
							status="success"
							:format="() => customFormat(duibiTwo.expectedIndirectBenefits==undefined?'':duibiTwo.expectedIndirectBenefits)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">人力</div>
					
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.internalLaborCostEstimation==undefined?'':duibiTwo.internalLaborCostEstimation)"
							status="success"
							:format="() => customFormat(duibiTwo.internalLaborCostEstimation==undefined?'':duibiTwo.internalLaborCostEstimation)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">设备</div>
			
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.setCostEstimate==undefined?'':duibiTwo.setCostEstimate)"
							status="success"
							:format="() => customFormat(duibiTwo.setCostEstimate==undefined?'':duibiTwo.setCostEstimate)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">宣传</div>
				
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.estimatedPromotionalExpenses==undefined?'':duibiTwo.estimatedPromotionalExpenses)"
							status="success"
							:format="() => customFormat(duibiTwo.estimatedPromotionalExpenses==undefined?'':duibiTwo.estimatedPromotionalExpenses)"></el-progress>
					</div>
					<div class="jindutiao">
						<div style="margin-right:10px;width:56px">其他</div>
						<el-progress style="width: 150px;" :text-inside="true" :stroke-width="20"
							:percentage="baifenbi(duibiTwo.otherNecessaryEstimates==undefined?'':duibiTwo.otherNecessaryEstimates)"
							status="success"
							:format="() => customFormat(duibiTwo.otherNecessaryEstimates==undefined?'':duibiTwo.otherNecessaryEstimates)"></el-progress>
					</div>
				</div> -->

		</el-dialog>


		<!-- 复制 -->
		<el-dialog :visible.sync="copyShow" custom-class='xiaoguo_css' style="padding: 0;" width="50%" center
			:close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
			<div
				style="padding:15px;background-color:#F9F9F9;font-size:14px;border:1px solid #ECECEC;margin-bottom:20px;display: flex;justify-content: space-between;">
				<div>复制页</div>
			</div>
			<div style="padding:0 36px;">
				<el-form label-position="right" :model="copy" label-width="120px" style="position: relative">
					<el-form-item label="新方案名称" class="grid-content bg-purple device-from" prop="planName">
						<el-input v-model="copy.planName" placeholder="请输入" />
					</el-form-item>
				</el-form>
			</div>

			<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
				<el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
					@click="copyClose">返回</el-button>
				<el-button plain @click="copysev" style="background-color: #3F9B6A;color: #fff;">保存
				</el-button>
			</div>
		</el-dialog>
		<el-dialog :visible.sync="searchShow" custom-class='xiaoguo_css' style="padding: 0;" width="50%" center
			:close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
			<div
				style="padding:15px;background-color:#F9F9F9;font-size:14px;border:1px solid #ECECEC;margin-bottom:20px;display: flex;justify-content: space-between;">
				<div>搜索关键词配置</div>
			</div>
			<div style="padding:0 36px;">
				<el-checkbox v-model="searPei.name">方案名称</el-checkbox>
				<!-- <el-checkbox v-model="searPei.lei">方案类型</el-checkbox> -->
				<el-checkbox v-model="searPei.staut">审核状态</el-checkbox>
			</div>

			<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
				<el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
					@click="searchQuit">取消</el-button>
				<el-button plain @click="searchShow=false" style="background-color: #3F9B6A;color: #fff;">保存
				</el-button>
			</div>
		</el-dialog>
		<el-dialog :visible.sync="jiucuoShow" custom-class='bian_css' style="padding: 0;" width="50%"
			:close-on-press-escape="false" center :close-on-click-modal="false" class="dialog_css_Xq"
			:show-close="false">
			<div style="padding:20px;">
				<div style="font-size: 14px;padding-bottom: 20px;color: #000;">活动策划调整纠错</div>
				<wangEditor v-model="jiuMsg" ref="editor"></wangEditor>
				<div style="padding-top:20px;display:flex;justify-content: flex-end;">
					<el-button style="background-color: #3F9B6A;color: #fff" @click="jiuCheck">确定</el-button>
					<el-button @click="jiucuoShow = false"
						style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
						class="buttonHover">取消</el-button>

				</div>

			</div>

		</el-dialog>


		<actbians v-if="bianshow" :showBian="actbianMsg" @BianchildClose='BianchildClose'></actbians>
	</div>
</template>

<script>
	import {
		deleteById,
		queryByPage,
		xiangByPage,
		fujiaTable,
		mingTable,
		danqueryById,
		xiangedit,
		actEdit,
		actAdd,
		actPage,
		MingAdd,
		MingDel,
		cereGet,
		cereAdd,
		cereEdit,
		cereDel,
		copy,
		excelQueryByPage,
		excelAdd,
		effectEvaluation,
		lishiDeta,
		effectivenessLog
	} from '../../api/activityBz'
	import actbians from "./activityBian"
	import * as echarts from 'echarts'
	import Vue from 'vue'
	import html2canvas from 'html2canvas'
	import jsPDF from 'jspdf'
	import wangEditor from "@/components/editor/index";
	import {
		uploadUrl
	} from '@/utils/request'
	export default {
		components: {
			actbians,
			wangEditor
		},
		data() {
			return {
				uploadFileUrl: uploadUrl, // 请求地址
				daoData: [],
				actbianMsg: {},
				bianshow: false, //编辑页
				fileData: [],
				fenlei: [],
				secondData: {},

				formSear: {
					planName: '',
					state: null,
					dataOwnership: '1',
					pageNumber: 1,
					pageSize: 10,
					isDraft: 0,
					state: '5'
				},

				planFen: '',
				eventTheme: '',
				currentPage: 1,
				total: 100,
				flag: false,
				pageSize: 10,
				ggXin: false,
				radio: '1',
				shan: '',
				activeName: 'first',
				rules: {
					coDe: [{
							required: true,
							message: '请输入活动名称',
							trigger: 'blur'
						},

					],
				},
				formInline: {
					merchantName: '', // 商家名称
					storeId: '', // 编码
					contacts: '', // 联系人
					businessEntity: '', //经营主体
					page: 1, // 当前页
					pageSize: 10 // 每页记录数
				},
				tableData: [],
				id: '',
				text: '123',
				tableData1: [{
					id: 0,
					name: '类型',
					planName: '',
					text: '活动地点',
					eventTheme: ''
				}, {
					id: 0,
					name: '活动开始时间',
					planName: '',
					text: '活动结束时间',
					eventTheme: ''
				}, {
					id: 0,
					name: '活动主题',
					planName: '',
					text: '活动主办方',
					eventTheme: ''
				}, {
					id: 0,
					name: '活动参与方',
					planName: '',
					text: '活动主要目的',
					eventTheme: ''
				}, {
					id: 0,
					name: '范围设置',
					planName: '',
					text: '状态',
					eventTheme: ''
				}],
				internalLaborCostEstimation: '',
				externalLaborCostEstimation: '',
				tableData3: [{
					id: 0,
					name: '商品成本预估(元)',
					planName: '',
					text: '设备成本预估(元)',
					eventTheme: ''
				}, {
					id: 0,
					name: '宣传费用预估(元)',
					planName: '',
					text: '其他必要成本预估(元)',
					eventTheme: ''
				}, {
					id: 0,
					name: '总成本预估(元)',
					planName: '',
					text: '备注',
					eventTheme: ''
				}],
				expectedAttractTraffic: '',
				expectedParticipation: '',
				tableData4: [{
					id: 0,
					name: '预计直接收益(元)',
					planName: '',
					text: '预计间接收益(元)',
					eventTheme: '-'
				}],
				createUser: '',
				createDate: '',
				tableData5: [{
					id: 0,
					name: '更新人',
					planName: '',
					text: '更新时间',
					eventTheme: '-'
				}],
				tableData2: [], //基本信息明细列表
				tableData6: [], //基本信息附件列表
				addMing: false, //执行效果添加明细
				zhixingBian: false, //判断是否编辑执行效果
				tableDa: [], //执行效果明细列表
				zhiXing: true, //判断是否是新增的执行效果
				mingFrom: {
					detailLtemName: '',
					estimatedQuantity: '',
					estimatedCost: '',
					notes: ''
				},
				planTime: [],
				zhixingList: {
					planTime: [],
					planName: '', //活动名称
					eventAddrs: '', //实际举办地点
					eventStartTime: 0, //实际开始时间
					eventEndTime: 0, //实际结束时间
					sponsor: '', //实际主办方
					participants: '', //实际参与方
					internalLaborCostEstimation: '', //内部人工成本
					externalLaborCostEstimation: '', //外部人工成本
					costEstimationGoods: '', //商品成本
					setCostEstimate: '', //设备成本
					estimatedPromotionalExpenses: '', //宣传费用预估
					otherNecessaryEstimates: '', //其他成本预估
					totalCostEstimation: '', //总成本预估
					notes: '', //备注
					expectedAttractTraffic: '', //吸引流量
					expectedParticipation: '', //参与人数
					expectedDirectBenefits: '', //直接收益
					expectedIndirectBenefits: '', //间接收益
					createDate: '', //创建时间
					feedbackContent: ''
				}, //执行效果列表
				pageindex: {
					planName:'',
					eventAddrs:'',
					sponsor:'',
					pageNumber: 1,
					pageSize: 10,
					dataOwnership: '1',
					isDraft: 0,
					state: '5'
				},
				multipleSelection: [],
				options: [],
				xinADD: {
					classificationName: '',
					parentId: '',
					classificationType: '0'
				},
				value: '',
				xiaoDui: false, //效果对比
				dataList: [],

				fenleiDelId: null, //删除的分类ID
				xiaoduiObj: {
					biliOne: '0%',
					bilis: 0,
					biliTwo: '0%',
					biliT: 0
				}, //效果对比数据
				fujiLei: '',
				defaultProps: {
					children: 'children',
					label: 'classificationName'
				},

				copy: {
					planName: ''
				},
				copyShow: false,
				duibiOne: {},
				duibiTwo: {},
				searchShow: false,
				searPei: {
					name: true,
					lei: false,
					staut: false,
				},
				lishiList: null,
				labelStyle: {
					width: '250px',
					height: '42px',
				},
				contentStyle: {
					width: '300px',

					// height:'42px',
				},
				labelStyleOne: {
					width: '94px',
					height: '42px',
					color: '#000',
				},
				contentClassNameOne: {
					width: '219px',
					padding: '9px 10px',
					// height:'42px',
				},
				lidata: [],
				lixiang: {},
				duibiList: {},
				tiaozhengShow: false,
				jiucuoShow: false,
				jiuMsg: '',
				editId: '',
				zhixingqingk: '',
				effectivenessList: [],
				ListOne: '',
				ListTwo: '',
				effectivenessListOne: {},
				effectivenessListTwo: {},
				zhixingRules: {
					planName: [{
						required: true,
						message: '请输入活动名称',
						trigger: 'blur'
					}],
				},
				numBerList:0
			}
		},
		watch: {
		      tableDa: {
		          handler(newVal, oldVal) {
								this.numBerList +=1
								
		          },
		          deep: true
		      },
		      zhixingList: {
		          handler(newVal, oldVal) {
								this.numBerList +=1
								
		          },
		          deep: true
		      }
		  },
		created() {
			this.getAll()

		},
		computed: {

		},
		methods: {
			getStatus(state) {
				switch (state) {
					case '':
						return '待提交';
					case '1':
						return '待审核';
					case '5':
						return '审核通过';
					case '6':
						return '审核不通过'
				}
			},
			//查询全数据
			async getAll() {
				const res = await queryByPage(this.pageindex)
				this.tableData = res.data.content
				this.total = res.data.content.length

			},
			//删除记录按钮
			handleDelete(val) {
				if (this.multipleSelection.length == 1) {

					const h = this.$createElement;
					this.$msgbox({
						title: '消息',
						message: h('p', null, [
							h('span', null, '是否删除 '),
						]),
						showCancelButton: true,
						showClose: false,
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						customClass: 'oe-dialog-btn',
						beforeClose: (action, instance, done) => {
							if (action === 'confirm') {
								deleteById({
									id: this.multipleSelection[0].id
								}).then(res => {
									this.getAll()
									done();
								})
							} else {
								done();
							}
						}
					})
				} else {
					this.$message({
						message: '请选择一个文件删除',
						customClass: 'custom-message',
						offset: 100
					})
				}
			},
			actDelete(item) {
				const h = this.$createElement;
				this.$msgbox({
					title: '消息',
					message: h('p', null, [
						h('span', null, '是否删除 '),
					]),
					showCancelButton: true,
					showClose: false,
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					customClass: 'oe-dialog-btn',
					beforeClose: (action, instance, done) => {
						if (action === 'confirm') {
							deleteById({
								id: item.id
							}).then(res => {
								this.getAll()
								done();
							})
						} else {
							done();
						}
					}
				})

			},
			//查询
			 onSubmit() {
					 this.currentPage = 1
					this.getAll()
				
			},
			formatTimestampToDate(timestamp) {
				console.log(timestamp,'timestamp')
				if(timestamp == undefined ){
					return ''
				}
				const date = new Date(timestamp);
				const year = date.getFullYear();
				const month = String(date.getMonth() + 1).padStart(2, '0');
				const day = String(date.getDate()).padStart(2, '0');
				const hours = String(date.getHours()).padStart(2, '0');
				const minutes = String(date.getMinutes()).padStart(2, '0');
				const seconds = String(date.getSeconds()).padStart(2, '0');
				return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
			},
			//重置按钮
			resetting() {
				this.pageindex={
					planName:'',
					eventAddrs:'',
					sponsor:'',
					pageNumber: 1,
					pageSize: 10,
					dataOwnership: '1',
					isDraft: 0,
					state: '5'
				}
				this.currentPage = 1
				this.getAll()
			},
			//编辑页
			BianchildClose(msg) {
				this.bianshow = msg
				this.getAll()
			},
			actBian(item) {
				this.actbianMsg = item
				this.bianshow = true
			},
			//详情点击
			handleEditForm(item, val, flag) {
				if (val == 1) {
					this.zhixingBian = flag
					this.activeName = 'first'
				} else if (val == 2 || flag) {
					this.zhixingBian = flag
					this.activeName = 'second'
				} else if (val == 3) {
					this.zhixingBian = flag
					this.activeName = 'fourd'

				}
				effectivenessLog({
					activityEffectivenessId: item.id
				}).then(res => {
					this.effectivenessList = res.data
					// let actName = this.effectivenessList.operationType.split('')
					// this.effectivenessList.map((item, index) => {
					// 	let actName = item.operationType.split(' ')
					// 	this.effectivenessList[index].operationType = actName[0]
					// })
					// console.log(this.effectivenessList.operationType,'actName')
					// 	this.effectivenessList.operationType  = actName[0]
				})
				this.liData = []

				this.editId = item.id

				this.lixiang = {}
				this.lishiList = null
				this.fileData = []
				this.zhixingList = {
					planTime: [],
					planName: '', //活动名称
					eventAddrs: '', //实际举办地点
					eventStartTime: 0, //实际开始时间
					eventEndTime: 0, //实际结束时间
					sponsor: '', //实际主办方
					participants: '', //实际参与方
					internalLaborCostEstimation: '', //内部人工成本
					externalLaborCostEstimation: '', //外部人工成本
					costEstimationGoods: '', //商品成本
					setCostEstimate: '', //设备成本
					estimatedPromotionalExpenses: '', //宣传费用预估
					otherNecessaryEstimates: '', //其他成本预估
					totalCostEstimation: '', //总成本预估
					notes: '', //备注
					expectedAttractTraffic: '', //吸引流量
					expectedParticipation: '', //参与人数
					expectedDirectBenefits: '', //直接收益
					expectedIndirectBenefits: '', //间接收益
					createDate: '', //创建时间
					feedbackContent: ''
				} //执行效果列表
				actPage({
					detailsId: item.id,
					pageNumber: 0,
					pageSize: 10,
				}).then(res => {
					console.log(res.data.content)
					if (res.data.content.length == 0) {
						this.zhiXing = true
					} else {
						mingTable({
							detailsId: res.data.content[0].id,
							pageNumber: 1,
							pageSize: 10,
						}).then(res => {
							this.tableDa = res.data.content
						})
						this.zhiXing = false
						this.zhixingList = res.data.content[0]
						if ((typeof this.zhixingList.eventStartTime) == 'object' || (typeof this.zhixingList
								.eventEndTime) == 'object') {
							this.zhixingList.planTime = []
						} else {
							console.log(typeof this.zhixingList.eventStartTime)

							this.zhixingList.planTime = [this.zhixingList.eventStartTime, this.zhixingList
								.eventEndTime
							]
						}

					}
				})
				let that = this
				this.planTime = [item.eventStartTime, item.eventEndTime]
				fujiaTable({
					detailsId: item.id,
					pageNumber: 1,
					pageSize: 10,
				}).then(res => {
					this.tableData6 = res.data.content
				})
				mingTable({
					detailsId: item.id,
					pageNumber: 1,
					pageSize: 10,
				}).then(res => {
					this.tableData2 = res.data.content
				})


				danqueryById({
					id: item.id,
					dataOwnership: '1',
					pageNumber: 1,
					pageSize: 10,
				}).then(res => {
					this.secondData = res.data.content[0]
					//基本信息
					that.id = res.data.content[0].id
					that.text = res.data.content[0].planName
					that.tableData1[0].eventTheme = res.data.content[0].planType
					that.tableData1[0].planName = res.data.content[0].eventAddrs
					that.tableData1[1].eventTheme = res.data.content[0].eventStartTime
					that.tableData1[1].planName = res.data.content[0].eventEndTime
					that.tableData1[2].eventTheme = res.data.content[0].eventTheme
					that.tableData1[2].planName = res.data.content[0].sponsor
					that.tableData1[3].eventTheme = res.data.content[0].participants
					that.tableData1[3].planName = res.data.content[0].mainPurpose
					that.tableData1[4].planName = this.getStatus(res.data.content[0].state)
					that.tableData1[4].eventTheme = res.data.content[0].rangeSetting
					//活动成本信息
					that.internalLaborCostEstimation = res.data.content[0].internalLaborCostEstimation
					that.externalLaborCostEstimation = res.data.content[0].externalLaborCostEstimation
					that.tableData3[0].eventTheme = res.data.content[0].costEstimationGoods
					that.tableData3[0].planName = res.data.content[0].setCostEstimate
					that.tableData3[1].eventTheme = res.data.content[0].estimatedPromotionalExpenses
					that.tableData3[1].planName = res.data.content[0].otherNecessaryEstimates
					that.tableData3[2].eventTheme = res.data.content[0].totalCostEstimation
					that.tableData3[2].planName = res.data.content[0].notes
					//预估效果
					that.expectedAttractTraffic = res.data.content[0].expectedAttractTraffic
					that.expectedParticipation = res.data.content[0].expectedParticipation
					that.tableData4[0].eventTheme = res.data.content[0].expectedDirectBenefits
					that.tableData4[0].planName = res.data.content[0].expectedIndirectBenefits
					//系统信息
					that.createUser = res.data.content[0].createUser
					that.createDate = res.data.content[0].createDate
					that.tableData5[0].planName = res.data.content[0].updateDate
					that.tableData5[0].eventTheme = res.data.content[0].updateUser

				}).catch(err => {
					console.log(err)

				})
				if (!item) {
					this.formItem = {}
				} else {
					this.formItem = item
				}
				lishiDeta({
					eventDetailsId: item.id
				}).then(res => {
					this.liData = res.data
				})
				this.numBerList = 0
				this.ggXin = true
			},
			formTime(data) {
				this.zhixingList.planTime = data

			},
			blur() {
				this.$forceUpdate()
			},
			removeEmptyValues(obj) {
				if (typeof obj !== 'object' || obj === null) {
					return obj;
				}

				const newObj = Array.isArray(obj) ? [] : {};

				for (const key in obj) {
					if (Object.prototype.hasOwnProperty.call(obj, key)) {
						const value = obj[key];
						if (value !== null && value !== undefined && value !== '' && !this.isEmptyObject(value)) {
							if (Array.isArray(newObj)) {
								newObj.push(this.removeEmptyValues(value));
							} else {
								newObj[key] = this.removeEmptyValues(value);
							}
						}
					}
				}

				return newObj;
			},
			isEmptyObject(obj) {
				return Object.keys(obj).length === 0 && obj.constructor === Object;
			},
			//获取当前时间
			updateCurrentTime() {
				const now = new Date();
				const year = now.getFullYear();
				const month = (now.getMonth() + 1).toString().padStart(2, '0');
				const day = now.getDate().toString().padStart(2, '0');
				const hours = now.getHours().toString().padStart(2, '0');
				const minutes = now.getMinutes().toString().padStart(2, '0');
				const seconds = now.getSeconds().toString().padStart(2, '0');

				return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
			},

			handleCurrentChange(val) {
				this.currentPage = val
			},
			handleSizeChange(val) {
				this.pageSize = val
			},
			closeFn() {
				this.ggXin = false
			},
			handleClick(val) {
				console.log(val)
				if (val == 'foud') {
					lishiDeta({
						eventDetailsId: item.id
					}).then(res => {
						this.liData = res.data
					})
				}
			},
			refreshData() {
				// console.log('12123')
				this.tableDa = []
				this.activeName = 'first'
				this.zhixingBian = false
			},
			reshData() {
				this.tableDa = []
				this.tiaozhengShow = false
			},

			handleSelectionChange(val) {
				this.multipleSelection = val;
			},
			toggleSelection(rows) {
				if (rows) {
					rows.forEach(row => {
						this.$refs.mulTable.toggleRowSelection(row);
					});
				}
			},
			tableAll() {
				this.$refs.mulTable.clearSelection(); // 清除所有选项
				const allRows = this.$refs.mulTable.data; // 获取所有行数据
				allRows.forEach(row => {
					this.$refs.mulTable.toggleRowSelection(row, true); // 全选所有项
				});
			},
			TabClick(tab, event) {
				console.log(tab, event)
				if (tab.index == '0') {
					this.getAll()
				} else {
					this.tableData = []
				}
			},
			minSev() {
				if (this.zhiXing) {
					this.tableDa.push(this.mingFrom)
				} else {
					this.mingFrom.detailsId = this.zhixingList.id
					MingAdd(this.mingFrom).then(res => {
						this.mingcha(this.zhixingList.id)
					})
				}
				this.mingFrom = {
					detailLtemName: '',
					estimatedQuantity: '',
					estimatedCost: '',
					notes: ''
				}
				this.addMing = false
			},
			// 查询执行明细
			mingcha(id) {
				mingTable({
					detailsId: id,
					pageNumber: 1,
					pageSize: 10
				}).then(res => {
					this.tableDa = res.data.content
				})
			},
			MingDelete(index, item) {
				const h = this.$createElement;
				this.$msgbox({
					title: '消息',
					message: h('p', null, [
						h('span', null, '是否删除 '),
					]),
					showCancelButton: true,
					showClose: false,
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					customClass: 'oe-dialog-btn',
					beforeClose: (action, instance, done) => {
						if (action === 'confirm') {
							if (this.zhiXing) {
								this.tableDa.splice(item, 1);
							} else {
								MingDel({
									id: item.id
								}).then(res => {
									this.mingcha(this.zhixingList.id)
								})
							}
							done();
						} else {
							done();
						}
					}
				})
			},
			tianMing() {
				if (this.zhixingBian) {
					this.addMing = true
				}
			},

			duibi() {
				if (this.multipleSelection.length == 1) {
					this.xiaoDui = true
					this.duibiOne = this.multipleSelection[0]
					console.log(this.multipleSelection[0])
					let that = this
					actPage({
						detailsId: this.multipleSelection[0].id,
						pageNumber: 0,
						pageSize: 10,
					}).then(res => {
						this.duibiTwo = res.data.content[0] === undefined ? {} : res.data.content[0];
						console.log(this.duibiTwo)
						if (res.data.content[0] === undefined || res.data.content[0].totalCostEstimation == '') {
							that.xiaoduiObj.biliTwo = '0%'
							that.xiaoduiObj.biliT = 0
						} else {
							that.xiaoduiObj.biliT = that.duibiTwo.internalLaborCostEstimation / that.duibiTwo
								.totalCostEstimation * 100
							that.xiaoduiObj.biliTwo =
								`${Math.round(that.duibiTwo.internalLaborCostEstimation  / that.duibiTwo.totalCostEstimation*100)}%`
						}

					})
					if (that.duibiOne.totalCostEstimation == '') {
						that.xiaoduiObj.biliOne = '0%'
						that.xiaoduiObj.bilis = 0
					} else {
						that.xiaoduiObj.bilis = that.duibiOne.internalLaborCostEstimation / that.duibiOne
							.totalCostEstimation * 100
						that.xiaoduiObj.biliOne =
							`${Math.round(that.duibiOne.internalLaborCostEstimation  / that.duibiOne.totalCostEstimation*100)}%`
					}

				} else {
					this.$message({
						message: '请选择一个文件对比',
						customClass: 'custom-message',
						offset: 100
					})
				}

			},
			xiaoguo(item) {
this.effectivenessListOne = item
this.ListOne = item.planName
				this.xiaoDui = true
				this.duibiOne = item
				console.log(item)
				let that = this
				effectivenessLog({
					activityEffectivenessId: item.id
				}).then(res => {

					this.effectivenessList = res.data
					this.effectivenessList.map((item, index) => {
						let actName = item.operationType.split(' ')
						this.effectivenessList[index].operationType = actName[0]
					})
				})
				// this.ListOne = ''
				this.ListTwo = ''
				// this.effectivenessListOne = {}
				this.effectivenessListTwo = {}

				// actPage({
				// 	detailsId: item.id,
				// 	pageNumber: 0,
				// 	pageSize: 10,
				// }).then(res => {
				// 	this.duibiTwo = res.data.content[0] === undefined ? {} : res.data.content[0];
				// 	if (res.data.content[0] === undefined || res.data.content[0].totalCostEstimation == '') {
				// 		that.xiaoduiObj.biliTwo = '0%'
				// 		that.xiaoduiObj.biliT = 0
				// 	} else {
				// 		that.xiaoduiObj.biliT = that.duibiTwo.internalLaborCostEstimation / that.duibiTwo
				// 			.totalCostEstimation * 100
				// 		that.xiaoduiObj.biliTwo =
				// 			`${Math.round(that.duibiTwo.internalLaborCostEstimation  / that.duibiTwo.totalCostEstimation*100)}%`
				// 	}

				// })
				// if (that.duibiOne.totalCostEstimation == '') {
				// 	that.xiaoduiObj.biliOne = '0%'
				// 	that.xiaoduiObj.bilis = 0
				// } else {
				// 	that.xiaoduiObj.bilis = that.duibiOne.internalLaborCostEstimation / that.duibiOne
				// 		.totalCostEstimation * 100
				// 	that.xiaoduiObj.biliOne =
				// 		`${Math.round(that.duibiOne.internalLaborCostEstimation  / that.duibiOne.totalCostEstimation*100)}%`
				// }




			},
			koop(item) {
				this.copy.id = item.id
				this.copyShow = true
			},
			copyClose() {
				this.copyShow = false
				this.copy.planName = ''
			},
			copysev() {
				if (this.copy.planName == '') {
					this.$message({
						message: '请填写数据',
						customClass: 'custom-message',
						offset: 100
					})
					return;
				} else {
					copy(this.copy).then(res => {
						this.copyShow = false
						this.getAll()
					})
				}
			},


			fenleiChange(value) {
				this.xinADD.parentId = value[value.length - 1]
			},


			// customFormat(percentage) {
			// 	let zong
			// 	if (percentage == undefined || percentage === null || percentage == '') {
			// 		percentage = 0
			// 		zong = 10000
			// 	}
			// 	return `${percentage} / ${percentage==''?zong:parseInt(percentage) *10}`;
			// },
			baifenbi(item) {

				let zong
				if (item == undefined || item === null || item == '') {
					item = 0
					zong = 10000
					return Math.round(item / (item * 10) * 100);
				} else {
					return Math.round(item / zong * 100);
				}

			},
			handleUploadSuccess(response, file, fileList) {
				const fileMsg = {
					name: file.name,
					url: file.response.data.url,
				}
				// 将文件地址存储在 uploadedFiles 数组中
				this.fileData.push(fileMsg);
			},
			handleRemove() {
				this.fileData = []
			},
			daoru(response, file, fileList) {
				this.daoData.push(file.raw)
				const formDate = new FormData()
				formDate.append('file', this.daoData[0])
				excelAdd(formDate).then(res => {
					this.getAll()
				})
			},

Down(url){
				  const a = document.createElement('a');
				      a.href = url;
				      a.download = url.split('/').pop(); // 以文件名作为下载后的文件名
				      a.style.display = 'none';
				      document.body.appendChild(a);
				      a.click();
				      document.body.removeChild(a);
			},
			async daochu() {
				let res = await excelQueryByPage(this.pageindex)
				if (!res) {
					return
				}
				const blob = new Blob([res], {
					type: 'application/vnd.ms-excel'
				})
				const fileName = '审核流程.xls'
				if ('download' in document.createElement('a')) {
					// 非IE下载
					const elink = document.createElement('a')
					elink.download = fileName
					elink.style.display = 'none'
					elink.href = URL.createObjectURL(blob)
					document.body.appendChild(elink)
					elink.click()
					URL.revokeObjectURL(elink.href) // 释放URL 对象
					document.body.removeChild(elink)
				} else {
					// IE10+下载
					navigator.msSaveBlob(blob, fileName)
				}
				this.$message({
					message: '导出成功',
					type: 'success'
				})


			},
			// 下载
			async downloadPdf() {
				const content = this.$refs.actXiang

				// 使用 html2canvas 将 div 渲染为画布
				const canvas = await html2canvas(content)

				// 获取画布的图像数据
				const imgData = canvas.toDataURL('image/png')
				// 创建一个 img 元素
				const img = document.createElement('img')
				img.src = imgData
				img.style.maxWidth = '100%'
				const imgContainer = this.$refs.imgces
				imgContainer.appendChild(img)
				// console.log(imgData,'图片11111')
				// 创建一个新的 PDF 文档
				const pdf = new jsPDF('p', 'mm', 'a4')

				// 添加图像到 PDF，第二个参数是图像格式，第三个参数是缩放比例
				const imgWidth = 190; // 图像的宽度（mm）
				const imgHeight = (canvas.height * imgWidth) / canvas.width // 保持图像的宽高比

				pdf.addImage(imgData, 'PNG', 10, 10, imgWidth, imgHeight) // 10, 10 是图像在 PDF 中的位置（mm）

				// 保存 PDF 文件
				pdf.save('活动方案.pdf');
			},
			// 下载
			async lishidownloadPdf() {
				const content = this.$refs.lishiRef;

				// 使用 html2canvas 将 div 渲染为画布
				const canvas = await html2canvas(content);

				// 获取画布的图像数据
				const imgData = canvas.toDataURL('image/png');

				// 创建一个新的 PDF 文档
				const pdf = new jsPDF('p', 'mm', 'a4');

				// 添加图像到 PDF，第二个参数是图像格式，第三个参数是缩放比例
				const imgWidth = 190; // 图像的宽度（mm）
				const imgHeight = (canvas.height * imgWidth) / canvas.width; // 保持图像的宽高比

				pdf.addImage(imgData, 'PNG', 10, 10, imgWidth, imgHeight); // 10, 10 是图像在 PDF 中的位置（mm）

				// 保存 PDF 文件
				pdf.save('历史方案.pdf');
			},
			setSearch() {
				this.searchShow = true
			},
			lichange(e) {

				// this.lishiList = e
				let msg = this.effectivenessList[e]
				// this.duibiList = JSON.parse(msg.modifyContent)
		
				this.duibiList = JSON.parse(msg.modifiedData)

			},
			// lichangeOne(e) {
			// 	let msg = this.effectivenessList[e]
			// 	if (typeof msg.modifiedData == 'string') {
			// 		this.effectivenessListOne = JSON.parse(msg.modifiedData)
			// 	} else {
			// 		this.effectivenessListOne = msg.modifiedData
			// 	}

			// 	if (this.effectivenessListOne.internalLaborCostEstimation != undefined && this.effectivenessListTwo
			// 		.internalLaborCostEstimation != undefined && this.effectivenessListOne.internalLaborCostEstimation !=
			// 		'' && this.effectivenessListTwo
			// 		.internalLaborCostEstimation != '') {
			// 		let sum = (Number(this.effectivenessListTwo.internalLaborCostEstimation) - Number(this
			// 			.effectivenessListOne.internalLaborCostEstimation) ) / Number(this.effectivenessListTwo
			// 			.internalLaborCostEstimation) * 100
			// 		this.effectivenessListOne.sumNei = sum.toFixed(2)
			// 	}
			// 	if (this.effectivenessListOne.externalLaborCostEstimation != undefined && this.effectivenessListTwo
			// 		.externalLaborCostEstimation != undefined && this.effectivenessListOne.externalLaborCostEstimation !=
			// 		'' && this.effectivenessListTwo
			// 		.externalLaborCostEstimation != '') {
			// 		let sum = (Number(this.effectivenessListTwo.externalLaborCostEstimation) - Number(this
			// 			.effectivenessListOne.externalLaborCostEstimation)) / Number(this.effectivenessListTwo
			// 			.externalLaborCostEstimation) * 100
			// 		this.effectivenessListOne.sumWai = sum.toFixed(2)

			// 	}
			// 	if (this.effectivenessListOne.costEstimationGoods != undefined && this.effectivenessListTwo
			// 		.costEstimationGoods != undefined && this.effectivenessListOne.costEstimationGoods != '' && this
			// 		.effectivenessListTwo
			// 		.costEstimationGoods != '') {
			// 		let sum = (Number(this.effectivenessListTwo.costEstimationGoods) - Number(this.effectivenessListOne
			// 			.costEstimationGoods)) / Number(this.effectivenessListTwo.costEstimationGoods) * 100
			// 		this.effectivenessListOne.sumShop = sum.toFixed(2)

			// 	}
			// 	if (this.effectivenessListOne.setCostEstimate != undefined && this.effectivenessListTwo.setCostEstimate !=
			// 		undefined && this.effectivenessListOne.setCostEstimate != '' && this.effectivenessListTwo
			// 		.setCostEstimate != '') {
			// 		let sum = (Number(this.effectivenessListTwo.setCostEstimate) - Number(this.effectivenessListOne
			// 			.setCostEstimate)) / Number(this.effectivenessListTwo.setCostEstimate) * 100
			// 		this.effectivenessListOne.sumSe = sum.toFixed(2)

			// 	}
			// 	if (this.effectivenessListOne.estimatedPromotionalExpenses != undefined && this.effectivenessListTwo
			// 		.estimatedPromotionalExpenses != undefined && this.effectivenessListOne.estimatedPromotionalExpenses !=
			// 		'' && this.effectivenessListTwo
			// 		.estimatedPromotionalExpenses != '') {
			// 		let sum = (Number(this.effectivenessListTwo.estimatedPromotionalExpenses) - Number(this
			// 			.effectivenessListOne.estimatedPromotionalExpenses)) / Number(this.effectivenessListTwo
			// 			.estimatedPromotionalExpenses) * 100

			// 		this.effectivenessListOne.sumXuan = sum.toFixed(2)
			// 	}
			// 	if (this.effectivenessListOne.otherNecessaryEstimates != undefined && this.effectivenessListTwo
			// 		.otherNecessaryEstimates != undefined && this.effectivenessListOne.otherNecessaryEstimates != '' &&
			// 		this.effectivenessListTwo
			// 		.otherNecessaryEstimates != '') {
			// 		let sum = (Number(this.effectivenessListTwo.otherNecessaryEstimates) - Number(this.effectivenessListOne.otherNecessaryEstimates)) / Number(this.effectivenessListTwo.otherNecessaryEstimates) * 100
			// 		this.effectivenessListOne.sumQi = sum.toFixed(2)
			// 	}
			// 	if (this.effectivenessListOne.totalCostEstimation != undefined && this.effectivenessListTwo
			// 		.totalCostEstimation != undefined && this.effectivenessListOne.totalCostEstimation != '' && this
			// 		.effectivenessListTwo
			// 		.totalCostEstimation != '') {
			// 		let sum = (Number(this.effectivenessListTwo.totalCostEstimation) - Number(this.effectivenessListOne.totalCostEstimation)) / Number(this.effectivenessListTwo.totalCostEstimation) * 100
			// 		this.effectivenessListOne.sumAll = sum.toFixed(2)
			// 	}
			// 	// sumNei
			// 	// sumWai
			// 	// sumShop
			// 	// sumSe
			// 	// sumXuan
			// 	// sumQi
			// 	// sumAll
			// 	// internalLaborCostEstimation
			// 	// externalLaborCostEstimation
			// 	// costEstimationGoods
			// 	// setCostEstimate
			// 	// estimatedPromotionalExpenses
			// 	// otherNecessaryEstimates
			// 	// totalCostEstimation

			// },
			lichangeTwo(e) {
				let msg = this.effectivenessList[e]
				if (typeof msg.modifiedData == 'string') {
					this.effectivenessListTwo = JSON.parse(msg.modifiedData)
				} else {
					this.effectivenessListTwo = msg.modifiedData
				}
				
				if (this.effectivenessListOne.internalLaborCostEstimation != undefined && this.effectivenessListTwo
					.internalLaborCostEstimation != undefined && this.effectivenessListOne.internalLaborCostEstimation !=
					'' && this.effectivenessListTwo
					.internalLaborCostEstimation != '') {
					let sum = (Number(this.effectivenessListTwo.internalLaborCostEstimation) - Number(this
						.effectivenessListOne.internalLaborCostEstimation) ) / Number(this.effectivenessListOne
						.internalLaborCostEstimation) * 100
					this.effectivenessListOne.sumNei = sum.toFixed(2)
				}
				if (this.effectivenessListOne.externalLaborCostEstimation != undefined && this.effectivenessListTwo
					.externalLaborCostEstimation != undefined && this.effectivenessListOne.externalLaborCostEstimation !=
					'' && this.effectivenessListTwo
					.externalLaborCostEstimation != '') {
					let sum = (Number(this.effectivenessListTwo.externalLaborCostEstimation) - Number(this
						.effectivenessListOne.externalLaborCostEstimation)) / Number(this.effectivenessListOne
						.externalLaborCostEstimation) * 100
					this.effectivenessListOne.sumWai = sum.toFixed(2)
				
				}
				if (this.effectivenessListOne.costEstimationGoods != undefined && this.effectivenessListTwo
					.costEstimationGoods != undefined && this.effectivenessListOne.costEstimationGoods != '' && this
					.effectivenessListTwo
					.costEstimationGoods != '') {
					let sum = (Number(this.effectivenessListTwo.costEstimationGoods) - Number(this.effectivenessListOne
						.costEstimationGoods)) / Number(this.effectivenessListOne.costEstimationGoods) * 100
					this.effectivenessListOne.sumShop = sum.toFixed(2)
				
				}
				if (this.effectivenessListOne.setCostEstimate != undefined && this.effectivenessListTwo.setCostEstimate !=
					undefined && this.effectivenessListOne.setCostEstimate != '' && this.effectivenessListTwo
					.setCostEstimate != '') {
					let sum = (Number(this.effectivenessListTwo.setCostEstimate) - Number(this.effectivenessListOne
						.setCostEstimate)) / Number(this.effectivenessListOne.setCostEstimate) * 100
					this.effectivenessListOne.sumSe = sum.toFixed(2)
				
				}
				if (this.effectivenessListOne.estimatedPromotionalExpenses != undefined && this.effectivenessListTwo
					.estimatedPromotionalExpenses != undefined && this.effectivenessListOne.estimatedPromotionalExpenses !=
					'' && this.effectivenessListTwo
					.estimatedPromotionalExpenses != '') {
					let sum = (Number(this.effectivenessListTwo.estimatedPromotionalExpenses) - Number(this
						.effectivenessListOne.estimatedPromotionalExpenses)) / Number(this.effectivenessListOne
						.estimatedPromotionalExpenses) * 100
				
					this.effectivenessListOne.sumXuan = sum.toFixed(2)
				}
				if (this.effectivenessListOne.otherNecessaryEstimates != undefined && this.effectivenessListTwo
					.otherNecessaryEstimates != undefined && this.effectivenessListOne.otherNecessaryEstimates != '' &&
					this.effectivenessListTwo
					.otherNecessaryEstimates != '') {
					let sum = (Number(this.effectivenessListTwo.otherNecessaryEstimates) - Number(this.effectivenessListOne.otherNecessaryEstimates)) / Number(this.effectivenessListOne.otherNecessaryEstimates) * 100
					this.effectivenessListOne.sumQi = sum.toFixed(2)
				}
				if (this.effectivenessListOne.totalCostEstimation != undefined && this.effectivenessListTwo
					.totalCostEstimation != undefined && this.effectivenessListOne.totalCostEstimation != '' && this
					.effectivenessListTwo
					.totalCostEstimation != '') {
					let sum = (Number(this.effectivenessListTwo.totalCostEstimation) - Number(this.effectivenessListOne.totalCostEstimation)) / Number(this.effectivenessListOne.totalCostEstimation) * 100
					this.effectivenessListOne.sumAll = sum.toFixed(2)
				}
				// sumNei
				// sumWai
				// sumShop
				// sumSe
				// sumXuan
				// sumQi
				// sumAll
				// internalLaborCostEstimation
				// externalLaborCostEstimation
				// costEstimationGoods
				// setCostEstimate
				// estimatedPromotionalExpenses
				// otherNecessaryEstimates
				// totalCostEstimation
			},
			tiaozheng() {
				this.tiaozhengShow = true
			},
			jiucuo() {
				this.jiuMsg = ''
				this.jiucuoShow = true
			},
			jiuCheck() {
				xiangedit({
					id: this.editId,
					isErrorCorrection: this.jiuMsg
				}).then(res => {
					this.jiucuoShow = false
				})
			},
			//执行效果保存
			async bianji() {
				if(this.numBerList>3){
									 
				}else{
									this.$message({
										message: '请填写或修改数据',
										type: 'error',
										offset: 100
									})
									return false; 
				}
				this.$refs.zhixingFormInfo.validate((valid) => {
					if (valid) {
						if (this.fileData.length != 0) {
							this.zhixingList.feedbackContent = this.fileData[0].url
						}
						if (this.zhiXing) {
							this.zhixingList.eventStartTime = this.zhixingList.planTime[0]
							this.zhixingList.eventEndTime = this.zhixingList.planTime[1]
							this.zhixingList.detailsId = this.secondData.id
							this.zhixingList.createDate = this.updateCurrentTime()
							this.zhixingList.createUser = localStorage.getItem('roleName')
							actAdd(this.zhixingList).then(res => {
								for (let i = 0; i < this.tableDa.length; i++) {
									this.tableDa[i].detailsId = res.data.id
									MingAdd(this.tableDa[i]).then(res => {
										
									})
								}
								this.ggXin = false
								this.zhixingBian = false
								this.getAll()
							})

						} else {
							let that = this
							Vue.delete(that.zhixingList, 'createDate')
							this.zhixingList.eventStartTime = this.zhixingList.planTime[0]
							this.zhixingList.eventEndTime = this.zhixingList.planTime[1]
							Vue.delete(that.zhixingList, 'planTime')
							// this.zhixingList.updateDate = ''
							this.zhixingList.updateDate = this.updateCurrentTime()
							this.zhixingList.updateUser = localStorage.getItem('roleName')
							actEdit(this.zhixingList).then(() => {
								this.ggXin = false
								this.zhixingBian = false
								this.getAll()
							})
						}


					} else {
						this.$message({
							message: '请填写数据',
							type: 'error',
							offset: 100
						})
						return false;
					}
				})

			},
			searchQuit() {
				this.searPei = {
					name: true,
					lei: false,
					staut: false,
				}
				this.searchShow = false
			},

		}
	}
</script>

<style scoped>
	.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
		line-height: normal !important;
	}

	.custom-tree-node {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		padding-right: 8px;
	}

	/deep/ .first-column-bg {
		background-color: #f4f4f5 !important;
	}

	.zhuti {
		padding: 0 20px 20px 20px;
		min-height: calc(100vh - 50px - 20px);
		background-color: #Fff;

	}

	::v-deep .el-form-item {
		margin-bottom: 16px;
	}

	/deep/ .el-form-item__content {
		line-height: 0;
	}

	.tableBtn {
		display: inline-block;
		margin-right: 10px;
	}

	.formSearch {
		display: flex;
		width: 100%;
		font-size: 14px;
		justify-content: space-between;
		padding-bottom: 10px;
		align-items: center;
	}

	.greens {
		color: #3F9B6A;
	}

	/deep/ .el-table__row {
		font-size: 14px;
		color: #000000e6;
		height: 42px;
	}

	.fenye {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
		background-color: #3F9B6A;
	}

	.el-row {
		margin-bottom: 20px;
	}

	:last-child {
		margin-bottom: 0;
	}

	.el-col {
		border-radius: 4px;
	}

	.bg-purple-dark {
		background: #99a9bf;
	}

	.bg-purple {
		/* background: #d3dce6; */
	}

	.bg-purple-light {
		background: #e5e9f2;
	}

	.grid-content {
		border-radius: 4px;
		min-height: 36px;
	}

	.row-bg {
		padding: 10px 0;
		background-color: #f9fafc;
	}

	/deep/ .bg-purple[data-v-0e3fe4ec] {
		background: #fff;
		height: 50px;
	}

	/deep/ .el-form--label-top .el-form-item__label {
		padding: 0;
	}


	.pagination {
		text-align: right;
		line-height: 20px;
	}

	/deep/ .el-pagination__total {
		margin-top: 4px;
	}

	::v-deep .xiang_css {
		margin-top: 11vh !important;
		margin-left: 13%;
		max-height: 600px;
		overflow-y: auto;
	}

	/deep/ .dialog_css {
		margin-top: 11vh;
		margin-left: 25%;
		padding: 0px;

		.el-dialog__title {
			font-size: 14px;
			color: #000000e6;
		}
	}

	/deep/.el-dialog__body {
		padding: 0px;
	}

	/deep/ .el-dialog__header {
		background-color: #fff;
	}

	/deep/.el-dialog__title {
		font-size: 14px;
		color: #000000e6;
	}

	.el-row {
		margin-bottom: 20px;

		&:last-child {
			margin-bottom: 0;
		}
	}

	/deep/ .avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.avatar-uploader .el-upload:hover {
		border-color: #409EFF;
	}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 108px;
		height: 108px;
		line-height: 108px;
		/*text-align: center;*/
	}

	.avatar {
		width: 108px;
		height: 108px;
		display: block;
	}

	::v-deep .el-tabs__item.is-active {
		color: #3F9B6A;
		opacity: 1;
	}

	/deep/ .el-tabs__nav-wrap::after {
		background-color: #fff;
	}

	::v-deep .el-tabs__item:hover {
		color: #3F9B6A;
		cursor: pointer;
		opacity: 1;
	}

	/deep/ .el-tabs__active-bar {
		background-color: #389865;
	}

	/deep/ .el-table_2_column_13 {
		font-weight: 100;
	}

	::v-deep .el-input__inner {
		height: 32px;
		line-height: 32px;
	}

	::v-deep .el-input__inner:focus {
		border: #3F9B6A 1px solid;
	}

	::v-deep .el-input__inner:hover {
		border: #3F9B6A 1px solid;
	}

	::v-deep .el-select .el-input.is-focus .el-input__inner {
		border-color: #3F9B6A
	}

	::v-deep .el-form-item__label {
		font-weight: 100;
		font-size: 14px;
		color: #000000e6;
	}

	/* ::v-deep .el-steps .el-step__head.is-wait {
  background-color: red; /* 修改为你想要的颜色 */

	/* 修改未进行步骤的描述文字颜色 */
	::v-deep .el-steps .el-step__description.is-wait {
		color: #999;
		/* 修改为你想要的颜色 */
	}

	/* 修改未进行步骤的图标颜色 */
	::v-deep .el-steps .el-step__icon.is-text.is-wait {
		color: #999;
		/* 修改为你想要的颜色 */
	}

	/* 修改未进行步骤的边框色 */
	::v-deep .el-steps .el-step__line.is-wait {
		border-color: #eee;
		/* 修改为你想要的颜色 */
	}

	::v-deep .el-steps .is-process .el-step__line {
		background-color: #3F9B6A;
		/* 修改线的颜色 */
	}

	::v-deep .el-steps .is-process .el-step__title {
		color: #fe7b6a;
		/* 修改进行中步骤的标题颜色 */
	}

	::v-deep .el-steps .is-process .el-step__icon {
		color: #fff;
		/* 修改进行中步骤的图标颜色 */
		background: #3F9B6A;
		/* 修改进行中步骤图标的边框颜色 */
		border: 0px;
	}

	::v-deep .el-step__icon-inner {
		line-height: 0
	}

	/* 线条长度 */
	::v-deep .el-step.is-vertical .el-step__line {
		top: 30px;
		height: 60px;
	}

	.fenlan {
		display: flex;
	}

	.souLei {
		border: 1px solid #d7d7d7;
		background-color: #fff;
		width: 300px;
		margin-right: 20px;

	}

	::v-deep .el-menu {
		border-right: 0px;
	}

	::v-deep .el-menu-item {
		height: 36px;
		line-height: 33px;
	}

	::v-deep .el-submenu__title {
		height: 36px;
		line-height: 33px;
		font-weight: 600;
		border-radius: 4px;
		margin: 4px 0;
	}

	::v-deep .el-menu-item-group__title {
		padding: 0px
	}

	::v-deep .fudan {
		font-weight: 600;
		border-radius: 4px;
		padding-left: 29px !important;
		margin: 4px 0;
	}

	::v-deep .chinddan {
		margin: 5px 0;
	}
</style>
<style lang="scss" scoped>
	::v-deep .el-table tr:hover {
		background-color: #F0F7F3 !important;
	}

	::v-deep .souTabs {
		padding: 0 15px 0 12px;

		.el-submenu {
			padding: 0px;
		}

		.el-menu-item:focus,
		.el-menu-item:hover {
			background-color: #3F9B6A !important;
		}

		.el-menu-item:hover {
			background-color: #3f9b6a1a !important;
			color: #000 !important;
		}

		.el-tabs--left .el-tabs__header.is-left {
			width: 100%;
			margin-right: 0px;
		}

		.el-tabs--left .el-tabs__item.is-left {
			text-align: center;
		}

		.el-tabs__item.is-active {
			background-color: #DEEBE2;
		}
	}

	::v-deep .tableList {
		width: 100%;
	}

	::v-deep .fenxi_css {
		margin-top: 9vh !important;
		margin-left: 10%;

		.el-dialog__header {
			padding: 0;
		}

		.el-tabs--border-card {
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;

			.el-tabs__content {
				border: 1px solid #E4E7ED;
				padding: 0;
			}

			.el-tabs__header {
				background-color: #fff;
				border-bottom: none;
			}

			.el-tabs__content {
				border: none;
			}

			.el-tabs__header .el-tabs__item {
				border: none;
				margin-right: 10px;
				background-color: #F2F2F2;
				font-size: 12px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				padding: 0 15px;
			}

			.el-tabs__header .el-tabs__item.is-active {
				color: #fff;
				background-color: #3F9B6A;
			}

			.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
				color: #3F9B6A;
			}
		}

	}

	::v-deep .xiaoguo_css {
		margin-top: 30vh !important;
		margin-left: 25%;

		.el-dialog__header {
			padding: 0;
		}

		.el-tabs--border-card {
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;

			.el-tabs__content {
				border: 1px solid #E4E7ED;
				padding: 0;
			}

			.el-tabs__header {
				background-color: #fff;
				border-bottom: none;
			}

			.el-tabs__content {
				border: none;
			}

			.el-tabs__header .el-tabs__item {
				border: none;
				margin-right: 10px;
				background-color: #F2F2F2;
				font-size: 12px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				padding: 0 15px;
			}

			.el-tabs__header .el-tabs__item.is-active {
				color: #fff;
				background-color: #3F9B6A;
			}

			.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
				color: #3F9B6A;
			}
		}
	}

	::v-deep .demo-input-suffix {
		display: flex;
		margin-right: 20px;

		.el-input__inner {
			height: 32px;
		}
	}

	::v-deep .el-input__icon {
		line-height: 25px;
	}

	::v-deep .el-input--mini .el-input__icon {
		line-height: 33px;
	}

	::v-deep .buttonHover:hover {
		color: #3f9b6a !important;
		border-color: #c5e1d2 !important;
		background-color: #ecf5f0 !important;
		outline: none;
	}

	::v-deep .DelBtnHover:hover {
		color: #fff !important;
		border-color: rgb(226, 78, 90) !important;
		background-color: rgb(226, 78, 90) !important;
		outline: none;
	}

	::v-deep .el-menu-item.is-active {
		background-color: #3F9B6A !important;
	}

	::v-deep .jindutiao {
		display: flex;
		align-items: center;
		margin-bottom: 15px;

		.el-progress-bar__outer {
			border-radius: 0px;
		}

		.el-progress-bar__inner {
			border-radius: 0px;
		}
	}
</style>