manHourHousekeeper/fhKeeper/formulahousekeeper/timesheet/src/views/project/list.vue

<template>
    <section>
        <!--工具条-->
        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
            <el-form :inline="true">
                <el-form-item :label="$t('listofitems')" class="toolbar_formitem_n1">
                    
                </el-form-item>
                <el-form-item >
                    <!-- <div style="display: flex;align-items: center;height: 40px;"> -->
                    <div v-if="true" style="display: flex;align-items: center;height: 40px;">
                    <el-input v-model="keyword" class="input-with-select" :placeholder="searchField == '1' ? $t('peaseenterthe') : $t('peaseenterthe')" clearable="true" size="small">
                        <el-select v-model="searchField" style="width:120px;"  slot="prepend" :placeholder="$t('defaultText.pleaseChoose')">
                            <el-option :label="$t('headerTop.projectName')" value=1 ></el-option>
                            <el-option :label="$t('Itemno')" value=2 ></el-option>
                        </el-select>
                        <el-button slot="append" @click="searchList" icon="el-icon-search"></el-button>
                    </el-input>
                    </div>
                </el-form-item>

                <el-form-item >
                    <span style="margin-left:5px;margin-right:5px;color:#606266;">{{ $t('state.states') }}</span>
                    <el-select v-model="status" style="width:120px;" :placeholder="$t('defaultText.pleaseChoose')" @change="searchList" size="small">
                        <el-option :label="$t('all')" value=0 ></el-option>
                        <el-option :label="$t('ongoing')" value=1 ></el-option>
                        <el-option :label="$t('state.completed')" value=2 ></el-option>
                        <el-option :label="$t('state.undone')" value=3 ></el-option>
                        <el-option :label="$t('paused')" value=4 ></el-option>
                    </el-select>
                </el-form-item>
                <!-- 主项目筛选 -->
                <el-form-item v-if="user.timeType.mainProjectState == '1'">
                    <span style="margin-left:5px;margin-right:5px;color:#606266;">{{ $t('zhu-xiang-mu') }}</span>
                    <el-select v-model="projectMainId" style="width:110px;"  :placeholder="$t('defaultText.pleaseChoose')" clearable @change="searchClfList" size="small">
                        <el-option v-for="item in mainProjectList" :key="item.id" :label="item.name" :value="item.id" ></el-option>
                    </el-select>
                </el-form-item>
                <!-- 分类筛选 -->
                <el-form-item >
                    <span style="margin-left:5px;margin-right:5px;color:#606266;">{{ $t('fen-lei') }}</span>
                    <el-select v-model="statusClf" style="width:140px;"  :placeholder="$t('defaultText.pleaseChoose')" clearable @change="searchClfList" size="small">
                        <el-option v-for="item in baseClfList" :key="item.id" :label="item.name" :value="item.id" ></el-option>
                    </el-select>
                </el-form-item>
                
                <el-form-item style="float:right;" v-if="permissions.projectImport || permissions.projectExport || permissions.projectClassification || (user.company.packageProject == 1 && permissions.projectCostOfItems)">
                    <el-dropdown>
                        <el-link type="primary" :underline="false">{{ $t('viewmore') }}<i class="el-icon-arrow-down el-icon--right"></i></el-link>
                        
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item v-if="permissions.projectImport">
                                <el-link type="primary" :underline="false" @click="importProjectBefore">{{ $t('importproject') }}</el-link>
                                <!-- <el-upload ref="upload" action="#" :limit="1" :http-request="importProject" :show-file-list="false">
                                    <el-link type="primary" :underline="false" >{{ $t('importproject') }}</el-link>
                                </el-upload> -->
                            </el-dropdown-item>
                            <el-dropdown-item v-if="permissions.projectImport">
                                <el-link type="primary" :underline="false" @click="downloadmb" v-if="user.company.packageCustomer == 1 || user.company.packageProvider == 1 || user.timeType.mainProjectState == 1 || user.companyId == '936'">{{ $t('Downloadthetemplate') }}</el-link>
                                <el-link type="primary" :underline="false" href="./upload/项目导入模板.xlsx" :download="$t('importtemplateproject') + '.xlsx'" v-else>{{ $t('Downloadthetemplate') }}</el-link>
                            </el-dropdown-item>
                            <el-dropdown-item v-if="permissions.projectExport">
                                <el-link type="primary" :underline="false" @click="exportProjectData" :download="$t('exportProject') + '.xlsx'">{{ $t('exportProject') }}</el-link>
                            </el-dropdown-item>
                            <el-dropdown-item v-if="user.company.packageProject == 1 && permissions.projectExport">
                                <el-link type="primary" :underline="false" @click="exportProjectGroup" :download="$t('exportingTaskGroups') +'.xlsx'">{{ $t('exportingTaskGroups') }}</el-link>
                            </el-dropdown-item>
                            <el-dropdown-item v-if="user.company.packageProject == 1 && permissions.projectCostOfItems">
                                <el-link type="primary" :underline="false" @click="showBaseCostItemDialog">{{ $t('baselinecostitem') }}</el-link>
                            </el-dropdown-item>
                            <!-- <el-dropdown-item v-if="user.company.packageProject == 1 && user.companyId == '936'"> -->
                            <!-- <el-dropdown-item >
                                <el-link type="primary" :underline="false" @click="keyNodesIsShow = true">关键节点项</el-link>
                            </el-dropdown-item> -->
                            <el-dropdown-item v-if="permissions.projectClassification">
                                <el-link type="primary" :underline="false" @click="showClfDialog = true">{{ $t('classificationmanagement') }}</el-link>
                            </el-dropdown-item>
                            <!-- <el-dropdown-item v-if="user.timeType.mainProjectState == 1 && !permissions.projectClassification"> -->
                            <el-dropdown-item v-if="user.timeType.mainProjectState == 1">
                                <el-link type="primary" :underline="false" @click="mainProjectDialog = true">{{ $t('masterprojectmanagement') }}</el-link>
                            </el-dropdown-item>
                            <el-dropdown-item v-if="permissions.projectPhase && user.company.packageProject == 1">
                                <el-link type="primary" :underline="false" @click="phaseProjectDialog = true">{{ $t('projectstagemanagement') }}</el-link>
                            </el-dropdown-item>
                            <el-dropdown-item v-if="user.timeType.projectLevelState == 1">
                                <el-link type="primary" :underline="false" @click="projectLevelDialog = true">{{ $t('projectlevelmanagement') }}</el-link>
                            </el-dropdown-item>
                        </el-dropdown-menu>
                        </el-dropdown>
                </el-form-item>
                <!-- <el-form-item style="float:right;" v-if="user.role == 1||user.role == 2||user.role == 5"> -->
                <el-form-item style="float:right;" v-if="permissions.projectNew">
                    <el-link type="primary" :underline="false" @click="handleAdd(-1,null)">{{ $t('newproject') }}</el-link>
                </el-form-item>
                <el-form-item style="float:right;" v-if="permissions.projectResources">
                    <!-- <router-link to="/projectGantt"> -->
                        <el-link type="primary" :underline="false" @click="isganttshow = true">{{ $t('resourceallocation') }}</el-link>
                    <!-- </router-link> -->
                    <el-dialog v-if="isganttshow" :visible.sync="isganttshow" width="90vw" top="3vh" style="height:96%" class="ganttdialog">
                        <projectgantt></projectgantt>
                    </el-dialog>
                </el-form-item>

                <br/>
                
                <br v-if="user.companyId == 936">
                <!-- 项目经理筛选 -->
                <el-form-item>
                    <span style="margin-left:5px;margin-right:5px;color:#606266;">{{ $t('projectmanager') }}</span>
                    <el-select v-model="inchagerId" style="width:140px;" :placeholder="$t('defaultText.pleaseChoose')" clearable @change="manageSelect" size="small" filterable popper-class="managePopperClass">
                        <el-option v-for="item in users" :key="item.id" :label="user.companyId == 936 ? item.name + '\u3000' + item.jobNumber : item.name" :value="item.id">
                            <span style="float: left">{{ item.name }}</span>
                            <span style="float: right; color: #8492a6;" v-if="user.companyId == 936">{{ item.jobNumber }}</span>
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <span style="margin-left:25px;margin-right:5px;color:#606266;">{{ $t('participantin') }}</span>
                    <el-select v-model="participationId" style="width:140px;" :placeholder="$t('defaultText.pleaseChoose')" clearable @change="participationSelect" size="small" filterable popper-class="managePopperClass">
                        <el-option v-for="item in users" :key="item.id" :label="user.companyId == 936 ? item.name + '\u3000' + item.jobNumber : item.name" :value="item.id">
                            <span style="float: left">{{ item.name }}</span>
                            <span style="float: right; color: #8492a6;" v-if="user.companyId == 936">{{ item.jobNumber }}</span>
                        </el-option>
                    </el-select>
                </el-form-item>
                <!-- 部门筛选 -->
                <el-form-item v-if="user.timeType.projectWithDept">
                    <span style="margin-left:5px;margin-right:5px;color:#606266;">{{ $t('lable.department') }}</span>
                    <el-cascader v-model="deptId" style="width:140px;" :options="departmentList" :placeholder="$t('qing-xuan-ze-bu-men')"
                        :props="{ checkStrictly: true, expandTrigger: 'hover' }" :show-all-levels="false" clearable filterable @change="searchClfList" size="small"
                    ></el-cascader>
                </el-form-item>
            </el-form>
        </el-col>
        <!--列表-->
        <el-table ref="projectlistOfWudulist" @cell-mouse-enter="hoverCall" @cell-mouse-leave="handCall" @cell-click="clickCell" :cell-class-name="tableCellClassName" :data="list" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;" @selection-change="checkedWudulist" @sort-change="tableSort">
            <el-table-column type="selection" width="60" :selectable="isSelectable">
                <!-- creator 项目创建人    incharger 项目负责人 -->
            </el-table-column>
            <!-- <el-table-column type="index" width="60" v-else>
                <template slot-scope="scope" >
                        {{scope.$index+1+(page-1)*size}}
                    </template>
            </el-table-column> -->
            <el-table-column prop="projectCode" :label="$t('Itemno')" sortable="custom" width="150"></el-table-column>
            <el-table-column prop="contractCode" :label="$t('contractno')" width="200" v-if="user.companyId == '936'">
                <template slot-scope="scope">
                    <!-- <div v-if="scope.row.projectSeparate">
                        {{scope.row.projectSeparate.contractCode}}
                    </div> -->
                    <div v-if="scope.row.projectSeparate">
                        <div v-if="scope.row.projectSeparate.contractCode">
                            <el-popover placement="top" width="400" trigger="hover" v-if="scope.row.projectSeparate.contractCode.length > 15">
                                <div>
                                    <span>{{scope.row.projectSeparate.contractCode}}</span>
                                </div>
                                <div slot="reference" class="kans">
                                    <span>{{scope.row.projectSeparate.contractCode}}...</span>
                                </div>
                            </el-popover>
                            <div v-else>
                                <span>{{scope.row.projectSeparate.contractCode}}</span>
                            </div>
                        </div>
                     </div>
                </template>
            </el-table-column>
            <!-- <el-table-column prop="projectCategorySub" label="项目分组" width="200" v-if="user.companyId == '428'">
                <template slot-scope="scope">
                    <div v-if="scope.row.projectSeparate">
                        <div v-if="scope.row.projectSeparate.projectCategorySub">
                            <el-popover placement="top" width="400" trigger="hover" v-if="scope.row.projectSeparate.projectCategorySub.length > 15">
                                <div>
                                    <span>{{scope.row.projectSeparate.projectCategorySub}}</span>
                                </div>
                                <div slot="reference" class="kans">
                                    <span>{{scope.row.projectSeparate.projectCategorySub}}...</span>
                                </div>
                            </el-popover>
                            <div v-else>
                                <span>{{scope.row.projectSeparate.projectCategorySub}}</span>
                            </div>
                        </div>
                     </div>
                </template>
            </el-table-column> -->
            <el-table-column prop="categoryName" :label="$t('projectclassification')" sortable="custom" width="140"></el-table-column>
            <el-table-column prop="projectName" :label="$t('headerTop.projectName')" width="250" sortable="custom">
                 <template slot-scope="scope">
                     <el-popover placement="top" width="400" trigger="hover" v-if="scope.row.projectName.length > 15">
                         <div>
                             <el-link type="primary" v-if="user.company.packageProject==1" :underline="false" :href="'#/projectInside/'+scope.row.id">{{scope.row.projectName}}</el-link>
                             <span v-if="user.company.packageProject==0" >{{scope.row.projectName}}</span>
                         </div>
                         <div slot="reference" class="kans">
                            <el-link type="primary" v-if="user.company.packageProject==1" :underline="false" :href="'#/projectInside/'+scope.row.id">{{scope.row.projectName.substring(0,15)}}...</el-link>
                            <span v-if="user.company.packageProject==0" >{{scope.row.projectName.substring(0,15)}}...</span>
                         </div>
                     </el-popover>
                     <div v-else>
                         <el-link type="primary" v-if="user.company.packageProject==1" :underline="false" :href="'#/projectInside/'+scope.row.id">{{scope.row.projectName}}</el-link>
                            <span v-if="user.company.packageProject==0" >{{scope.row.projectName}}</span>
                     </div>
                </template>
            </el-table-column>
            <el-table-column prop="departmentName" :label="$t('subordinatedepartments')" sortable="custom" width="200" v-if="user.timeType.projectWithDept"></el-table-column>
            <el-table-column prop="projectMainName" :label="$t('zhu-xiang-mu')" sortable="custom" min-width="250" v-if="user.timeType.mainProjectState == '1'">
            </el-table-column>
            <el-table-column prop="inchargerName" :label="$t('projectmanager')" sortable="custom" min-width="150">
                <template slot-scope="scope">
                    <el-link type="primary" :underline="false" @click="showUser(scope.row.inchargerId)">{{scope.row.inchargerName}}</el-link>
                </template>
            </el-table-column>

            <!-- 项目阶段 -->
            <!-- 换位置之前看下项目阶段发起的请求  -->
            <el-table-column prop="currentStage" :label="$t('projectphase')" sortable="custom" min-width="150" width="220" v-if="user.company.packageProject == 1">
                <template slot-scope="scope">
                    <div v-if="permissions.projectManagement || user.id==scope.row.inchargerId || user.id==scope.row.creatorId">
                        <span style="display: inline-block; width: 150px">
                            <el-select v-model="phaseProjectValie" v-if="scope.row.index + ',' + scope.column.index == currentCell" :ref="scope.row.index + ',' + scope.column.index" filterable :placeholder="$t('pleaseselecttheprojectphase')" size="mini" @blur="hideSelect" @change="selectChange">
                                <el-option v-for="(item, index) in phaseList" :key="index" :label="item.projectStageName" :value="item.id"> </el-option>
                            </el-select>
                            <el-link v-else type="primary" :underline="false">{{scope.row.currentStageId == null ? $t('nostage') : scope.row.currentStageName}}</el-link>
                        </span> 
                        <el-link v-if="scope.row.index + ',' + scope.column.index != currentCell && rowid == scope.row.id" type="primary" :underline="false"><i class="el-icon-edit"></i></el-link> 
                    </div>
                    <div v-else>
                        {{scope.row.currentStageId == null ? $t('nostage') : scope.row.currentStageName}}
                    </div>
                </template>
            </el-table-column>

            <el-table-column prop="participator" :label="$t('participants')" :min-width="user.company.packageCustomer != 1 ? '100' : '300'" sortable v-if="user.company.packageProject==0">
                <template slot-scope="scope">
                    <!-- <v-for v-for="par in scope.row.participator" :key="par.id" >
                        <el-link style="margin-right:10px;" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
                    </v-for> -->
                    <div v-if="scope.row.participator.length > 5">
                        <el-popover placement="top" width="500" trigger="hover" v-if="scope.row.participator.length > 0">
                            <span v-for="par in scope.row.participator" :key="par.id">
                                <el-link style="margin-right:10px;" :underline="false" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
                            </span>
                            <div slot="reference" class="addss">
                                <span v-for="par in scope.row.participator" :key="par.id">
                                    <el-link style="margin-right:10px;" :underline="false" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
                                </span>
                            </div>
                        </el-popover>
                    </div>
                    <div v-else>
                        <span v-for="par in scope.row.participator" :key="par.id" >
                            <el-link style="margin-right:10px;" type="primary" :underline="false" @click="showUser(par.id)">{{par.name}}</el-link>
                        </span>
                    </div>
                    
                </template>
            </el-table-column>
            <!-- 客户管理 -->
            <el-table-column prop="customerName" :label="$t('ke-hu')" min-width="190"   v-if="user.company.packageCustomer == 1" sortable="custom">
            <template slot-scope="scope">
                <el-popover placement="top" width="250" trigger="hover" v-if="scope.row.customerName&&scope.row.customerName.length > 12">
                    <div slot="reference" class="kans">
                        <span >{{scope.row.customerName.substring(0,12)}}...</span>
                    </div>
                    <span >{{scope.row.customerName}}</span>
                </el-popover>
                <div v-else>
                    <span >{{scope.row.customerName}}</span>
                </div>
            </template>
            </el-table-column>
            <!-- 研究中心 -->
            <el-table-column prop="associateDegreeNames" :label="centerNameDegree" min-width="190" v-if="user.timeType.isCro == 1" sortable="custom">
                <template slot-scope="scope">
                    <!-- <div>
                        {{scope.row.associateDegreeNames}}
                    </div> -->
                    <el-popover placement="top" width="300" trigger="hover" v-if="scope.row.associateDegreeNames&&scope.row.associateDegreeNames.length > 12">
                        <div slot="reference" class="kans">
                            <span >{{scope.row.associateDegreeNames.substring(0,12)}}...</span>
                        </div>
                        <span >{{scope.row.associateDegreeNames}}</span>
                    </el-popover>
                    <div v-else>
                        <span >{{scope.row.associateDegreeNames}}</span>
                    </div>
                </template>
            </el-table-column>
            <!-- 级别 -->
            <el-table-column :prop="user.timeType.projectLevelState == 1 ? 'levelName' : 'level'" :label="$t('ji-bie')" min-width="190"   v-if="user.company.packageProject == 1">
                <template slot-scope="scope">
                    <span v-if="user.timeType.projectLevelState == 1">{{scope.row.levelName}}</span>
                    <span v-else>{{importanceListLable[scope.row.level - 1]}}</span>
                </template>
            </el-table-column>
            <!-- 供应商 -->
            <!-- <el-table-column prop="providerNames" label="供应商" min-width="190" v-if="user.company.packageProvider">
            </el-table-column> -->
            <!-- <div v-if="user.company.packageProvider"> -->
            <template>
                <div v-for="(item, index) in listHeader" :key="index">
                    <el-table-column prop="providerNames" :label="item" min-width="190" v-if="user.company.packageProvider">
                        <template slot-scope="scope">
                            <div>
                                {{item | mobans(scope.row.providerInfoList)}}
                            </div>
                        </template>
                    </el-table-column>
                </div>
            </template>

            <el-table-column prop="status" :label="$t('state.states')" min-width="100" sortable="custom">
                <template slot-scope="scope">
                    {{scope.row.status == null?"-":statusTxt[scope.row.status]}}
                </template>
            </el-table-column>
            <!--专业项目协作-->
            
            <el-table-column prop="planStartDate" :label="$t('time.startDate')" min-width="96" >
            </el-table-column>
            <el-table-column prop="planEndDate" :label="$t('expirationdate')" min-width="96" >
            </el-table-column>
            <el-table-column prop="progress" :label="$t('completeness')" min-width="100"  v-if="user.company.packageProject == 1">
                <template slot-scope="scope">
                    {{scope.row.progress==null?"-":scope.row.progress}}%
                </template>
            </el-table-column>
            <el-table-column :label="$t('operation')" :width="showColumnWidth" align="left" fixed="right" v-if="showColumnWidth != '0' || permissions.projectManagement">
                <template slot-scope="scope">
                    <el-button v-if="(permissions.projectManagement || user.id==scope.row.creatorId) && user.timeType.mainProjectState != '1'" size="mini"  @click="subProject(scope.row)">{{ $t('lable.subproject') }}</el-button>
                    <el-button size="mini" v-if="permissions.projectManagement || user.id==scope.row.inchargerId || user.id==scope.row.creatorId" type="primary" @click="handleAdd(scope.$index, scope.row)">{{ $t('bian-ji') }}</el-button>
                    <!-- <el-button v-if="permissions.projectManagement || user.id==scope.row.creatorId" size="mini"  @click="deletePro(scope.$index, scope.row)">删除</el-button> -->
                    <el-dropdown class="customdropdown" split-button size="mini" @click="finishPro(scope.row)" v-if="(permissions.projectManagement || user.id==scope.row.creatorId || user.id==scope.row.inchargerId) && scope.row.status == 1" placement="bottom-start">
                        {{ $t('wan-cheng') }} 
                        <el-dropdown-menu slot="dropdown" class="customdropdown_menu">
                            <el-button size="mini"  @click="cancelPro(scope.row)" class="customdropdown_menu_btn">{{ $t('btn.undo') }}</el-button><br>
                            <el-button size="mini"  @click="suspendPro(scope.row)" class="customdropdown_menu_btn">{{ $t('zan-ting') }}</el-button><br>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-button v-if="(permissions.projectManagement || user.id==scope.row.inchargerId || user.id==scope.row.creatorId) && scope.row.status >= 2" size="mini"  @click="restartPro(scope.row)">{{ $t('zhong-qi') }}</el-button>
                </template>
            </el-table-column>
        </el-table>

        <!--工具条-->
        <el-col :span="24" class="toolbar">
                <el-button size="small" @click="batchSetWudulistBtn1" v-if="(user.timeType.customDegreeActive || user.company.packageProject) && (showColumnWidth != '0' || permissions.projectManagement)">{{ $t('btn.cancel') }}</el-button>
            <template v-if="user.timeType.customDegreeActive && (showColumnWidth != '0' || permissions.projectManagement)">
                <el-button size="small" type="primary" @click="batchSetWudulistBtn2(true)">{{ $t('volumeset') }} {{user.timeType.customDegreeName}}</el-button>
                <el-button size="small" type="primary" @click="batchSetWudulistBtn2(false)">{{ $t('pi-liang-tian-jia') }} {{user.timeType.customDegreeName}}</el-button>
            </template>
            <template v-if="user.company.packageProject && (showColumnWidth != '0' || permissions.projectManagement)">
                <el-button size="small" type="primary" @click="addGroupPerson()" :loading="addGroupPersonBtnLoading">{{ $t('groupparticipantsinbatches') }}</el-button>
            </template>
            <template v-if="(showColumnWidth != '0' || permissions.projectManagement)">
                <el-button size="small" type="primary" @click="addProPreson()">{{ $t('projectparticipantsinbatches') }}</el-button>
                <el-button size="small" type="primary" @click="batchIncharger()">{{ $t('projectmanagersinbatches') }}</el-button>
            </template>
                
            
            <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :page-sizes="[20 , 50 , 80 , 100]"
                :page-size="size"
                layout="total, sizes, prev, pager, next"
                :total="total"
                style="float:right;"
            ></el-pagination>
        </el-col>

        <!--新增界面-->
        <el-dialog :title="title" v-if="addFormVisible" :visible.sync="addFormVisible" :close-on-click-modal="false" customClass="customWidth" width="960px">
            <el-form ref="form1" :model="addForm" :rules="rules" label-width="120px">
                <el-form-item :label="$t('Itemno')" >
                    <!-- <el-input v-model="addForm.code" :disabled="!permissions.projectManagement && addForm.creatorId != user.id" placeholder="请输入项目编号" clearable></el-input> -->
                    <el-input v-model="addForm.code" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                 <el-form-item :label="$t('zhu-xiang-mu')" v-if="user.timeType.mainProjectState == '1'">
                    <!-- <el-select v-model="addForm.projectMainId" clearable :disabled="!permissions.projectManagement && addForm.creatorId != user.id" @change="projectManagementChange"> -->
                    <el-select v-model="addForm.projectMainId" clearable @change="projectManagementChange">
                        <el-option v-for="(item) in mainProjectList" :key="item.id" :value="item.id" :label="item.name + '\u3000' + item.code">
                            <span style="float: left; color: #8492a6; font-size: 13px;">{{ item.code }}</span>
                            <span style="float: right;margin-left: 20px">{{ item.name }}</span>
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="$t('projectclassification')" v-if="user.timeType.mainProjectState != '1'">
                    <!-- <el-select v-model="addForm.category"  style="width:32%;" clearable :disabled="!permissions.projectManagement && addForm.creatorId != user.id"> -->
                    <el-select v-model="addForm.category"  style="width:32%;" clearable>
                        <el-option v-for="(item) in baseClfList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="$t('headerTop.projectName')" prop="name">
                    <!-- <el-input v-model="addForm.name" :disabled="!permissions.projectManagement && addForm.creatorId != user.id" placeholder="请输入项目名称" clearable></el-input> -->
                    <el-input v-model="addForm.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('other.projectDescription')" prop="projectDesc">
                    <!-- <el-input v-model="addForm.projectDesc" :disabled="!permissions.projectManagement && addForm.creatorId != user.id" placeholder="请输入项目描述" clearable maxlength="4000"></el-input> -->
                    <el-input v-model="addForm.projectDesc" :placeholder="$t('peaseenterthe')" clearable maxlength="4000"></el-input>
                </el-form-item>
                <el-form-item :label="$t('projecttype')" prop="isPublic">
                    <!-- <el-select v-model="addForm.isPublic" style="width:32%;" @change="selectPublic" :disabled="!permissions.projectManagement && addForm.creatorId != user.id"> -->
                    <el-select v-model="addForm.isPublic" style="width:32%;" @change="selectPublic">
                        <el-option :value="0" :label="$t('commonproject')"></el-option>
                        <el-option :value="1" :label="$t('publicprojects')"></el-option>
                    </el-select>
                    <el-tooltip effect="dark" :content="$t('ordinaryprojectsareopen')" placement="top-start">
                    <i class="el-icon-question"></i>
                    </el-tooltip>
                    <div v-if="user.company.packageCustomer == 1" style="display: inline-block;width: 50%">
                        <span style="margin-left:63px;margin-right:10px;" >{{ $t('ke-hu') }}</span>
                        <el-select v-model="addForm.customerId" clearable="true" filterable :placeholder="$t('defaultText.pleaseChoose')" style="width:70%;" >
                            <el-option v-for="item in customerList" :key="item.id" :label="item.customerName" :value="item.id"></el-option>
                        </el-select>
                    </div>
                </el-form-item>

                <el-form-item :label="$t('subordinatedepartments')" v-if="user.timeType.projectWithDept">
                    <el-cascader v-model="addForm.deptId" :options="departmentList" :placeholder="$t('defaultText.pleaseChoose')"
                        :props="{ checkStrictly: true, expandTrigger: 'hover' }" clearable filterable @change="cascaderChange" style="width: 100%"
                    ></el-cascader>
                </el-form-item>

                <!-- 供应商 -->
                <!-- <el-form-item label="供应商" v-if="user.company.packageProvider">
                    <el-select v-model="addForm.supplierId" multiple collapse-tags style="width:32%;" placeholder="请选择供应商">
                        <el-option v-for="item in supplierList" :key="item.id" :label="item.providerName" :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item> -->
                <el-form-item :label="$t('supplier')" v-if="user.company.packageProvider">
                    <el-select v-model="addForm.supplierId" multiple :placeholder="$t('defaultText.pleaseChoose')" filterable="true" style="width: 100%">
                        <span v-for="(item, index) in supplierList" :key="index">
                            <el-option :label="item.providerName" :value="item.id"></el-option>
                        </span> 
                    </el-select>
                </el-form-item>

                <el-form-item :label="yonghuUser.customDegreeName" v-if="yonghuUser.customDegreeActive == 1">
                    <el-select v-model="auseList" multiple :placeholder="$t('defaultText.pleaseChoose')" filterable="true" style="width: 100%">
                        <span v-for="(item, index) in ause" :key="index">
                        <el-option :label="item.name" :value="item.id"></el-option>
                        </span> 
                    </el-select>
                </el-form-item>
                <!-- <el-form-item label="客户" v-if="user.company.packageCustomer == 1">
                    <el-select v-model="addForm.customerId" clearable="true" filterable placeholder="请选择客户" style="width:100%;" >
                        <el-option v-for="item in customerList" :key="item.id" :label="item.customerName" :value="item.id"></el-option>
                    </el-select>
                </el-form-item> -->
                <el-form-item :label="$t('Allparticipants')" v-show="addForm.isPublic == 0">
                    <el-tooltip placement="top" effect="light">
                        <div slot="content" style="width:780px">{{addForm.userNames}}</div>
                    <el-input  @focus="showChooseMembTree" v-model="addForm.userNames"></el-input>
                    </el-tooltip>
                </el-form-item>
                <el-form-item :label="$t('projectmanager')" >
                    <!-- <el-select v-model="addForm.inchargerId"  :disabled="(addForm.userId.length==0 && addForm.isPublic == 0) || (!permissions.projectManagement && user.id != addForm.creatorId)" filterable placeholder="请选择项目经理" style="width:32%;" > -->
                    <el-select v-model="addForm.inchargerId" filterable :placeholder="$t('defaultText.pleaseChoose')" style="width:32%;" >
                        <el-option v-for="item in participator" :key="item.id" :label="item.name" :value="item.id"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="$t('newspaperauditor')" v-show="user.timeType.reportAuditType==0">
                    <el-select v-model="addForm.auditUserIds" multiple="true" :disabled=" !(permissions.projectManagement|| user.id == addForm.inchargerId || user.id == addForm.creatorId)" filterable :placeholder="$t('defaultistheprojectleader')" style="width:100%;" >
                        <el-option v-for="item in participator" :key="item.id" :label="item.name" :value="item.id"></el-option>
                    </el-select>
                </el-form-item>
                <!--专业项目协作版本功能 -->
                <el-form-item :label="$t('ji-bie')" v-if="user.company.packageProject==1">
                    <el-select v-model="addForm.level"  :placeholder="$t('defaultText.pleaseChoose')" style="width:32%;" v-if="user.timeType.projectLevelState == 1">
                        <el-option v-for="item in levelList" :key="item.id" :label="item.projectLevelName" :value="item.id"></el-option>
                    </el-select>
                    <el-select v-model="addForm.level"  :placeholder="this.$t('defaultText.pleaseChoose')" style="width:32%;" v-else>
                        <el-option v-for="item in importanceList" :key="item.id" :label="item.label" :value="item.id"></el-option>
                    </el-select>
                <!-- 增加合同金额字段 -->
                        <!-- <span style="margin-left:63px;margin-right:10px;" v-if="user.company.packageProject==1">合同金额</span>
                        <el-input id="contractAmount" v-model="addForm.contractAmount" style="width:33%;" @blur="contractAmountChange(addForm.contractAmount)"
                        placeholder="整数" clearable  @keyup.native="restrictNumber('contractAmount')" :disabled="title == '新增项目' ? false : false"></el-input><span style="margin-left:10px;">元</span> -->
                </el-form-item>
                <!-- 增加合同金额字段 -->
                <el-form-item  :label="$t('contractamount')" v-if="user.company.packageProject==1">
                    <el-input id="contractAmount" v-model="addForm.contractAmount" style="width:32%;" @input="contractAmountChange(addForm.contractAmount)" :placeholder="$t('zheng-shu')" clearable  @keyup.native="restrictNumber('contractAmount')"></el-input><span style="margin-left:10px;position:absolute;">{{ $t('yuan') }}</span>
                    <template v-if="title == $t('modifytheproject') && contractAmountReasonShow">
                        <span style="margin-left:63px;margin-right:10px;">{{ $t('modifythereason') }}</span>
                        <el-input v-model="addForm.changeContractReason" style="width:33%" clearable :placeholder="$t('contractamountasd')"></el-input>
                    </template>
                </el-form-item>


                <el-form-item :label="$t('ommencementDate')" prop="planStartDate"  >
                    <el-date-picker v-model="addForm.planStartDate" 
                     :editable="false" style="width:32%;" 
                     format="yyyy-MM-dd" 
                     value-format="yyyy-MM-dd"
                     :clearable="false" type="date" 
                     :placeholder="$t('optiondate')"></el-date-picker>

                    <span style="margin-left:63px;margin-right:10px;" >{{ $t('ji-hua-jie-shu-ri-qi') }}</span>
                    <el-date-picker v-model="addForm.planEndDate" style="width:33%;"
                     :editable="false" 
                     format="yyyy-MM-dd" 
                     value-format="yyyy-MM-dd"
                     :clearable="false" type="date" 
                     :placeholder="$t('optiondate')"></el-date-picker>
                </el-form-item>
                <el-form-item :label="$t('projectoutput')" prop="outputValue" v-if="user.timeType.outputValueStatus == 1">
                    <el-input id="outputValue" v-model="addForm.outputValue" style="width:32%;"
                    placeholder="" clearable  @keyup.native="restrictNumber('outputValue')">
                    </el-input><span style="margin-left:10px;">{{ $t('yuan') }}</span>
                </el-form-item>

                <!-- 单个公司的固定字段 -->
                <div v-if="user.companyId == '936'">
                <el-form-item :label="$t('contractno')" >
                    <el-input v-model="addForm.contractCode" maxlength="50" show-word-limit :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('warrantystartime')">
                    <el-date-picker v-model="addForm.warrantyStartDate" 
                     :editable="false" style="width:32%;" 
                     format="yyyy-MM-dd" 
                     value-format="yyyy-MM-dd"
                     :clearable="false" type="date" 
                     :placeholder="$t('optiondate')"></el-date-picker>

                     <span style="margin-left:63px;margin-right:10px;" >{{ $t('warrantyexpirationtime') }}</span>
                    <el-date-picker v-model="addForm.warrantyEndDate" style="width:33%;"
                     :editable="false" 
                     format="yyyy-MM-dd" 
                     value-format="yyyy-MM-dd"
                     :clearable="false" type="date" 
                     placeholder="$t('optiondate')"></el-date-picker>
                </el-form-item>
                <el-form-item :label="$t('IndependentProject')" >
                    <!-- <el-input v-model="addForm.projectCategorySub" placeholder="请输入自主项目类别" clearable></el-input> -->
                    <el-select v-model="addForm.projectCategorySub" :placeholder="$t('defaultText.pleaseChoose')" clearable>
                        <el-option :value="$t('softwareproject')" :label="$t('softwareproject')"></el-option>
                        <el-option :value="$t('hardwareproject')" :label="$t('hardwareproject')"></el-option>
                        <el-option :value="$t('integrationproject')" :label="$t('integrationproject')"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="$t('region')" >
                    <el-input v-model="addForm.region" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('subordinateBU')" >
                    <el-input v-model="addForm.bu" :placeholder="$t('subordinateBU')" clearable></el-input>
                </el-form-item>
                </div>
                <div v-if="user.companyId == '428'">
                    <el-form-item :label="$t('projectgroup')" >
                        <el-input v-model="addForm.projectCategorySub" maxlength="50" show-word-limit :placeholder="$t('peaseenterthe')" clearable></el-input>
                    </el-form-item>
                </div>
                <!-- 项目基线 -->
                <div style="margin: 10px 0 30px 0;min-height:200px;" v-if="user.company.packageProject == 1">
                    <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane :label="$t('costbaseline')" name="baseCostPanel"  >
                        <div style="padding-top:10px;">
                            <!--新版 -->
                            <span class="rg_span" v-for="(item, index) in projectBaseCostData" :key="item.id">
                                <span style="width:120px;display: inline-block;" v-if="user.company.packageProject==1">{{item.baseName}}</span>
                                <el-input :id="'baseCost'+index" @input="addUpfun()" v-model="item.baseAmount" style="width:200px; margin-bottom: 20px"
                                :placeholder="$t('zheng-shu')" clearable  @keyup.native="restrictNumber('baseCost'+index)"></el-input><span style="margin-left:10px;">{{ $t('yuan') }}</span>
                            </span>    

                            <!-- 合计 -->
                            <div style="margin-top: 10px;float:right;">
                                <span style="margin-right:50px;margin-right:10px;" v-if="user.company.packageProject==1">{{ $t('other.totals') }}</span>
                                <span v-if="addForm.budget <= 0 || addForm.budget == undefined">0</span>
                                <span v-else>{{addForm.budget | numberToCurrency}}</span>
                                <span style="margin-right:50px;margin-left:10px;">{{ $t('yuan') }}</span>
                            </div>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane :label="$t('keynodes')" name="baseCostPanep" v-if="user.companyId == '936'">
                        <div style="padding-top:10px;">
                            <!--新版 -->
                            <div class="keyNodes">
                                <div class="keyNodesName">{{ $t('nameofthenode') }}</div>
                                <div class="keyNodesTime">{{ $t('plannedcompletiontime') }}</div>
                                <div class="keyNodesTime">{{ $t('actualcompletiontime') }}</div>
                                <div class="keyNodesTime">{{ $t('state.states') }}</div>
                            </div>
                            <div class="keyNodes" v-for="item in projectKeyNodesData" :key="item.nodesId">
                                <div class="keyNodesName">{{item.nodesName}}</div>
                                <div class="keyNodesTime">
                                    <el-date-picker v-model="item.planCompleteDate" clearable style="width: 80%" size="small" :editable="false" format="yyyy-MM-dd"  value-format="yyyy-MM-dd" type="date"  :placeholder="$t('optiondate')"></el-date-picker>
                                </div>
                                <div class="keyNodesTime">
                                    <el-date-picker v-model="item.actualCompleteDate" clearable style="width: 80%" size="small" :editable="false" format="yyyy-MM-dd"  value-format="yyyy-MM-dd" type="date"  :placeholder="$t('optiondate')"></el-date-picker>
                                </div>
                                <div class="keyNodesTime">
                                    <el-select v-model="item.states" :placeholder="$t('defaultText.pleaseChoose')" style="width: 80%" size="small">
                                        <el-option :label="$t('zheng-chang')" value="0"></el-option>
                                        <el-option :label="$t('yan-qi')" value="1"></el-option>
                                        <el-option :label="$t('wan-cheng')" value="2"></el-option>
                                    </el-select>
                                </div>
                            </div>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane :label="$t('engineering')" name="engineeringProfession" v-if="user.company.packageEngineering == 1">
                       <div style="padding-top:10px;">
                           <el-table :data="projectProfessionList" size="small" :key="Math.random()">
                               <el-table-column prop="professionId" width="200">
                                   <template slot-scope="scope">
                                       <el-select v-model="scope.row.professionId" >
                                           <el-option v-for="item in professionList" :key="item.id" :label="item.name" :value="item.id"/>
                                       </el-select>
                                   </template>
                                   <template slot="header" >
                                       <span style="font-size:14px;font-weight:normal;">{{ $t('nameprofessional') }}</span>
                                   </template>
                               </el-table-column>
                               <el-table-column prop="percentage" width="120" :label="$t('zhan-bi')">
                                   <template slot-scope="scope">
                                       <div><el-input type="number" v-model="scope.row.percentage"></el-input></div>
                                   </template>
                               </el-table-column>
                               
                               <el-table-column prop="membNames" :label="$t('personnelproportion')">
                                   <template slot-scope="scope">
                                       <span style="margin:0 5px;" v-for="item in scope.row.membList" :key="item.membId">{{item.membName}}({{item.percentage}}%)</span>
                                       <el-link @click="showEditPpMembs(scope.row)">{{(scope.row.membList == null || scope.row.membList.length == 0)?$t('professionalparticipants'):$t('setup')}}</el-link>
                                   </template>
                               </el-table-column>
                               <el-table-column prop="inchargerName" width="120" :label="$t('head')">
                                   <template slot-scope="scope">
                                       <el-select v-model="scope.row.inchargerId" >
                                           <el-option v-for="item in participator" :key="item.id" :label="item.name" :value="item.id">
                                               
                                           </el-option>
                                       </el-select>
                                   </template>
                               </el-table-column>
                               <el-table-column  width="80">
                                   <template slot-scope="scope">
                                       <el-button icon="el-icon-delete" size="mini" style="margin-left:10px;" @click.stop.native="deleteItem(scope.$index)"></el-button>
                                   </template>
                                   <template slot="header" >
                                       <el-link type="primary" :underline="false" @click="addItem">{{ $t('addTian') }}</el-link>
                                   </template>
                               </el-table-column>
                           </el-table>
                       </div>
                    </el-tab-pane>
                    <!-- <el-tab-pane label="相关领导" name="leaders" >
                       <div style="padding-top:10px;">
                           <el-input @focus="showChooseLeaderTree" v-model="addForm.notifyUserNames" placeholder="请选择需要接收审核通知的相关领导"></el-input>
                       </div>
                    </el-tab-pane> -->
                    </el-tabs>
                </div>
            
            </el-form>  
            <div slot="footer" class="dialog-footer;">
                <el-button @click.native="deletePro(1, addForm)" v-if="(permissions.projectManagement || user.id==deleteVif) && addForm.id" style="float:left">{{ $t('btn.delete') }}</el-button>
                <el-button @click.native="addFormVisible = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitInsert" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>

        <!--用户详细信息弹出框-->
        <el-dialog :title="$t('Checkthedetails')" v-if="userDetailVisible" :visible.sync="userDetailVisible" :close-on-click-modal="false" customClass="customWidth" width="400px">
            <div class="line"><span>{{ $t('lable.name') }}</span><span>{{userDetail.name}}</span></div>
            <div class="line"><span>{{ $t('Worknumber') }}</span><span>{{userDetail.jobNumber}}</span></div>
            <div class="line"><span>{{ $t('lable.phone') }}</span><span>{{userDetail.phone}}</span></div>
            <div class="line"><span>{{ $t('jiao-se') }}</span><span>{{roleArray[userDetail.role]}}</span></div>
            <div class="line"><span>{{ $t('lable.department') }}</span><span>{{userDetail.departmentName}}</span></div>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="userDetailVisible = false" >{{ $t('btn.determine') }}</el-button>
            </div>
        </el-dialog>
        <!-- 子项目列表 -->
        <el-dialog :title="$t('listofsubitems')" show-header="false" v-if="subProjectVisible" :visible.sync="subProjectVisible" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-table :data="subProjectList" highlight-current-row  height="400" style="width: 100%;">
            <!-- <el-table-column type="index" width="60" label="序号">
                <template slot-scope="scope" >
                        {{scope.$index+1+(page-1)*size}}
                    </template>
            </el-table-column> -->
            <el-table-column width="120" :label="$t('subprojectno')" prop="code"></el-table-column>
            <el-table-column prop="name" :label="$t('names')" ></el-table-column>
            <el-table-column :label="$t('operation')" width="150">
                <template slot-scope="scope" >
                    <el-button size="small" type="primary" @click="addNewSubProject(scope.row)">{{ $t('bian-ji') }}</el-button>
                    <el-button size="small" type="danger" @click="deleteSubPro(scope.row)">{{ $t('btn.delete') }}</el-button>
                </template>
            </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="subProjectVisible = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addNewSubProject()" >{{ $t('addsubitems') }}</el-button>
            </div>
        </el-dialog>


        <!-- 新增子项目弹出框 -->
        <el-dialog :title="$t('modifysubproject')" v-if="addSubProject" :visible.sync="addSubProject" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="temaddForm" :rules="rules" label-width="100px">
                <!-- <el-form-item label="项目编号" prop="code"> -->
                <el-form-item :label="$t('Itemno')">
                    <el-input v-model="temaddForm.code" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('headerTop.projectName')" prop="name">
                    <el-input v-model="temaddForm.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addSubProject = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitInsertSubProject" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>

        <!-- 项目基线成本项配置弹出框 -->
        <el-dialog :title="$t('baselinecostitemmanagement')" show-header="false" v-if="showBaseConfig" :visible.sync="showBaseConfig" :close-on-click-modal="false" customClass="customWidth" width="600px">
            <el-table :data="baseCostItemList" highlight-current-row  height="400" style="width: 100%;">
            <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                <template slot-scope="scope" >
                    {{scope.$index+1+(page-1)*size}}
                </template>
            </el-table-column>
            <el-table-column prop="name" :label="$t('names')" ></el-table-column>
            <el-table-column prop="alarmType" :label="$t('yu-jing')">
                <template slot-scope="scope">
                    <span>{{scope.row.alarmType ? $t('hourscostwarning') : $t('wu-yu-jing')}}</span>
                </template>
            </el-table-column>
            <el-table-column :label="$t('operation')" width="150">
                <template slot-scope="scope" >
                    <el-button size="small" type="primary" @click="addNewBaseItem(scope.row)">{{ $t('bian-ji') }}</el-button>
                    <el-button size="small" type="danger" @click="deleteBaseItem(scope.row)">{{ $t('btn.delete') }}</el-button>
                </template>
            </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="showBaseConfig = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addNewBaseItem()" >{{ $t('newcostitem') }}</el-button>
            </div>
        </el-dialog>

        <!-- 项目关键节点配置弹出框 -->
        <el-dialog :title="$t('keyprojectnodes')" show-header="false" v-if="keyNodesIsShow" :visible.sync="keyNodesIsShow" :close-on-click-modal="false" customClass="customWidth" width="600px">
            <el-table :data="keyNodesList" highlight-current-row  height="400" style="width: 100%;">
            <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                <template slot-scope="scope" >
                    {{scope.$index+1+(page-1)*size}}
                </template>
            </el-table-column>
            <el-table-column prop="name" :label="$t('names')" ></el-table-column>
            <el-table-column :label="$t('operation')" width="150">
                <template slot-scope="scope" >
                    <el-button size="small" type="primary" @click="addNewkeyNodes(scope.row)">{{ $t('bian-ji') }}</el-button>
                    <el-button size="small" type="danger" @click="deletekeyNodes(scope.row)">{{ $t('btn.delete') }}</el-button>
                </template>
            </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="keyNodesIsShow = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addNewkeyNodes()" >{{$t('addingKeyNodes')}}</el-button>
            </div>
        </el-dialog>
        <!-- 分类条目配置 -->
        <el-dialog :title="$t('projectclassificationqwe')" show-header="false" v-if="showClfDialog" :visible.sync="showClfDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-table :data="baseClfList" highlight-current-row  height="400" style="width: 100%;">
            <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                <template slot-scope="scope" >
                        {{scope.$index+1+(page-1)*size}}
                    </template>
            </el-table-column>
            <el-table-column prop="name" :label="$t('names')" ></el-table-column>
            <el-table-column :label="$t('operation')" width="150">
                <template slot-scope="scope" >
                    <el-button size="small" type="primary" @click="addNewClf(scope.row)">{{ $t('bian-ji') }}</el-button>
                    <el-button size="small" type="danger" @click="deleteClf(scope.row)">{{ $t('btn.delete') }}</el-button>
                </template>
            </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="showClfDialog = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addNewClf()" >{{ $t('newCategoryItem') }}</el-button>
            </div>
        </el-dialog>
        <!-- 主项目配置 -->
        <el-dialog :title="$t('masterprojectmanagement')" show-header="false" v-if="mainProjectDialog" :visible.sync="mainProjectDialog" :close-on-click-modal="false" customClass="customWidth" width="800px">
            <el-table :data="mainProjectList" highlight-current-row  height="400" style="width: 100%;">
                <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                    <template slot-scope="scope" >
                            {{scope.$index+1+(page-1)*size}}
                        </template>
                </el-table-column>
                <el-table-column prop="code" :label="$t('bian-hao')" ></el-table-column>
                <el-table-column prop="name" :label="$t('names')" ></el-table-column>
                <el-table-column prop="categoryName" :label="$t('fen-lei-ming-cheng')" ></el-table-column>
                <el-table-column :label="$t('operation')" width="150">
                    <template slot-scope="scope" >
                        <el-button size="small" type="primary" @click="addManPro(scope.row)">{{ $t('bian-ji') }}</el-button>
                        <el-button size="small" type="danger" @click="deleteManPro(scope.row)">{{ $t('btn.delete') }}</el-button>
                    </template>
                </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="mainProjectDialog = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addManPro()" >{{ $t('addzhuxiang') }}</el-button>
            </div>
        </el-dialog>
        <!-- 项目阶段配置 -->
        <el-dialog :title="$t('projectstagemanagement')" show-header="false" v-if="phaseProjectDialog" :visible.sync="phaseProjectDialog" :close-on-click-modal="false" customClass="customWidth" width="600px">
            <el-table :data="phaseList" highlight-current-row  height="400" style="width: 100%;">
                <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                    <template slot-scope="scope" >
                            {{scope.$index+1+(page-1)*size}}
                        </template>
                </el-table-column>
                <el-table-column prop="projectStageName" :label="$t('phasename')" ></el-table-column>
                <el-table-column :label="$t('operation')" width="150">
                    <template slot-scope="scope" >
                        <el-button size="small" type="primary" @click="addPanthPro(scope.row)">{{ $t('bian-ji') }}</el-button>
                        <el-button size="small" type="danger" @click="deletePanthPro(scope.row)">{{ $t('btn.delete') }}</el-button>
                    </template>
                </el-table-column>

            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="phaseProjectDialog = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addPanthPro()" >{{ $t('newprojectstage') }}</el-button>
            </div>
        </el-dialog>

        <!-- 项目级别管理 -->
        <el-dialog :title="$t('projectlevelmanagement')" show-header="false" v-if="projectLevelDialog" :visible.sync="projectLevelDialog" :close-on-click-modal="false" customClass="customWidth" width="600px">
            <el-table :data="levelList" highlight-current-row  height="400" style="width: 100%;" >
                <el-table-column type="index" width="60" :label="$t('headerTop.serialNumber')">
                    <template slot-scope="scope" >
                            {{scope.$index+1+(page-1)*size}}
                        </template>
                </el-table-column>
                <el-table-column prop="projectLevelName" :label="$t('levelnames')" ></el-table-column>
                <el-table-column :label="$t('operation')" width="150">
                    <template slot-scope="scope" >
                        <el-button size="small" type="primary" @click="addProjectLevel(scope.row)">{{ $t('bian-ji') }}</el-button>
                        <el-button size="small" type="danger" @click="deleteProjectLevel(scope.row)">{{ $t('btn.delete') }}</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="projectLevelDialog = false" >{{ $t('Shutdown') }}</el-button>
                <el-button type="primary" @click="addProjectLevel()" >{{ $t('newProjectLevel') }}</el-button>
            </div>
        </el-dialog>

        <!-- 新增/编辑项目级别 -->
        <el-dialog :title="$t('modifyingtheprojectLevel')" v-if="addProjectLevelDialog" :visible.sync="addProjectLevelDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addLevelForm" :rules="rules" label-width="120px">
                <el-form-item :label="$t('projectLevelName')" prop="projectLevelName">
                    <el-input v-model="addLevelForm.projectLevelName" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="addProjectLevelDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitLevelPro" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>


        <!-- 新增/编辑 分类条目 -->
        <el-dialog :title="$t('addmodifycategoryentry')" v-if="addClfDialog" :visible.sync="addClfDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addClf" :rules="rules" label-width="100px">
                <el-form-item :label="$t('mainProjectName')" prop="name">
                    <el-input v-model="addClf.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addClfDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitClf" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>
        <!-- 新增/编辑主项目 -->
        <el-dialog :title="$t('modifythemainproject')" v-if="addFlgmainProjectDialog" :visible.sync="addFlgmainProjectDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addMainForm" :rules="rules" label-width="100px">
                <!-- <el-form-item label="主项目编号" prop="code"> -->
                <el-form-item :label="$t('mainProjectNo')">
                    <el-input v-model="addMainForm.code" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('mainProjectName')" prop="name">
                    <el-input v-model="addMainForm.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('projectclassification')">
                    <el-select v-model="addMainForm.categoryId" :placeholder="$t('defaultText.pleaseChoose')" clearable >
                        <el-option v-for="item in baseClfList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addFlgmainProjectDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitManPro" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>
        <!-- 新增/编辑项目阶段 -->
        <el-dialog :title="$t('modifyingtheprojectphase')" v-if="addFlgPanthProjectDialog" :visible.sync="addFlgPanthProjectDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addPanthForm" :rules="rules" label-width="120px">
                <el-form-item :label="$t('projectStageName')" prop="name">
                    <el-input v-model="addPanthForm.projectStageName" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addFlgPanthProjectDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitPanthPro" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>

        <el-dialog :title="$t('modificationcostitem')" v-if="addBaseItemDialog" :visible.sync="addBaseItemDialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addForm" :rules="rules" label-width="100px">
                <el-form-item :label="$t('nameofcostitem')" prop="name">
                    <el-input v-model="addForm.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
                <el-form-item :label="$t('yu-jing')" prop="alarmType">
                    <el-radio v-model="addForm.alarmType" :label="0">{{ $t('wu-yu-jing') }}</el-radio>
                    <el-radio v-model="addForm.alarmType" :label="1">{{ $t('hourscostwarning') }}</el-radio>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addBaseItemDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitInsertBaseItem" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>

        <el-dialog :title="$t('modifyingKeyNodesn')" v-if="addBasekeyNodesialog" :visible.sync="addBasekeyNodesialog" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <el-form ref="form2" :model="addFormkeyNodes" :rules="rules" label-width="120px">
                <el-form-item :label="$t('keyNodeNames')" prop="name">
                    <el-input v-model.trim="addFormkeyNodes.name" :placeholder="$t('peaseenterthe')" clearable></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addBasekeyNodesialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="submitkeyNodes" :loading="addLoading">{{ $t('btn.submit') }}</el-button>
            </div>
        </el-dialog>

        <!-- 按部门选择人员 -->
        <el-dialog :title="$t('selectingParticipants')"  v-if="chooseParticipVisible" :visible.sync="chooseParticipVisible" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <!-- <el-input style="width:100%" v-model="filterName" placeholder="请输入姓名搜索" @change="findUserInTree"></el-input> -->
            <div class="tree" style="height:400px">
                <el-scrollbar style="height:100%">
                    <el-input
                    :placeholder="$t('keywordfiltering')"
                    v-model="filterText">
                    </el-input>
                <el-tree :data="deptMembData" show-checkbox :props="defaultProps" node-key="id"
                    ref="chooseMembTree" @check-change="onTreeItemChange" :default-checked-keys="addForm.userId"
                    highlight-current  :filter-node-method="filterNode"></el-tree>
                </el-scrollbar>
            </div>
            <div>{{ $t('btn.choose') }}&nbsp;{{chosenMembCount}}&nbsp;{{ $t('other.people') }}</div>
            <div slot="footer" class="dialog-footer">
                <el-button  @click="chooseParticipVisible = false" >{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="chooseParticip()" >{{ $t('btn.determine') }}</el-button>
            </div>
        </el-dialog>

        <!-- 按部门选择相关领导，弃用 -->
        <!-- <el-dialog title="选择相关领导"  v-if="chooseLeaderVisible" :visible.sync="chooseLeaderVisible" :close-on-click-modal="false" customClass="customWidth" width="500px">
            <div class="tree" style="height:400px">
                <el-scrollbar style="height:100%">
                <el-tree :data="deptMembData" show-checkbox :props="defaultProps" node-key="id"
                    ref="chooseLeaderTree" @check-change="onLeaderTreeItemChange" :default-checked-keys="addForm.notifyUserIds"
                    highlight-current ></el-tree>
                </el-scrollbar>
            </div>
            <div>已选中&nbsp;{{chosenMembCount}}&nbsp;人</div>
            <div slot="footer" class="dialog-footer">
                <el-button  @click="chooseLeaderVisible = false" >取消</el-button>
                <el-button type="primary" @click="chooseLeader()" >确定</el-button>
            </div>
        </el-dialog> -->

        <!-- 项目专业人员的设置 -->
        <el-dialog :title="$t('setupprojectprofessionals')"  v-if="editPpMembDialog" :visible.sync="editPpMembDialog" :close-on-click-modal="false" customClass="customWidth" width="600px">
            <el-table :data="curProfessionRow.membList" height="400">
                <el-table-column prop="name" :label="$t('professionals')">
                    <template slot-scope="scope">
                        <el-select v-model="scope.row.membId"  filterable :placeholder="$t('professionaladdsparticipant')" style="width:100%;" >
                            <el-option v-for="item in participator" :key="item.id" :label="item.name" :value="item.id">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column prop="percentage" width="120" :label="$t('zhan-bi')">
                    <template slot-scope="scope">
                        <el-input type="number" v-model="scope.row.percentage"></el-input>
                    </template>
                </el-table-column>
                <el-table-column  width="80">
                    <template slot-scope="scope">
                        <el-button icon="el-icon-delete" size="mini" style="margin-left:10px;" @click.stop.native="deleteMembItem(scope.$index)"></el-button>
                    </template>
                    <template slot="header" >
                        <el-link @click="addMembItem">{{ $t('addTian') }}</el-link>
                    </template>
                </el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button  @click="editPpMembDialog = false" >{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="addPpMemb" >{{ $t('btn.determine') }}</el-button>
            </div>
        </el-dialog>
        <!-- 批量修改自定义维度 -->
        <el-dialog :title="checkoradd ? $t('changes') : $t('pi-liang-tian-jia')" :visible.sync="checkedWuduDialog" v-if="checkedWuduDialog" width="40%">
            <el-form model="" label-width="20%">
                <el-form-item :label="$t('setup')  + user.timeType.customDegreeName">
                    <el-select v-model="checkedWuduArr" value-key="id" :placeholder="$t('defaultText.pleaseChoose')  + user.timeType.customDegreeName" multiple style="width: 100%">
                        <el-option v-for="item in ause" :key="item.id" :label="item.name" :value="item"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="checkedWuduDialog = false">{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="batchSetWudulistBtn3" v-if="checkoradd">{{ $t('btn.determine') }}</el-button>
                <el-button type="primary" @click="batchSetWudulistBtn4" v-if="!checkoradd">{{ $t('btn.determine') }}</el-button>
            </div>
        </el-dialog>
        <!-- 批量添加参与人 -->
        <el-dialog :title="isAddGroupPerson ? $t('groupparticipantsinbatches') : $t('projectparticipantsinbatches')" v-if="addGroupPersonDialog" :visible.sync="addGroupPersonDialog" width="40%">
            <el-form label-width="20%">
                <el-form-item :label="$t('screening.selectPeople')">
                    <el-tooltip placement="top" effect="light">
                        <div slot="content" style="width:450px">{{addGroupPersonData.personNames}}</div>
                        <el-input  @focus="addGroupPersonP" v-model="addGroupPersonData.personNames"></el-input>
                    </el-tooltip>
                </el-form-item>
                <el-form-item :label="$t('xuan-ze-fen-zu')" v-if="isAddGroupPerson">
                    <el-select v-model="addGroupPersonData.group" multiple :placeholder="$t('selectagroup')" style="width:100%">
                        <el-option v-for="item in addGroupList" 
                        :key="item.groupIds"
                        :label="item.name"
                        :value="item.groupIds"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button  @click="addGroupPersonDialog = false" >{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="addGroupPersonSure()" v-if="isAddGroupPerson">{{ $t('btn.determine') }}</el-button>
                <el-button type="primary" @click="addProPersonSure()" v-else>{{ $t('btn.determine') }}</el-button>
            </div>

            <el-dialog append-to-body :title="$t('screening.selectPeople')" v-if="addGroupPersonPdialog" :visible.sync="addGroupPersonPdialog" width="40%">
                <div class="tree" style="height:300px">
                    <el-scrollbar style="height:100%">
                        <el-input
                        :placeholder="$t('keywordfiltering')"
                        v-model="filterText2">
                        </el-input>
                    <el-tree :data="deptMembData" show-checkbox :props="defaultProps" node-key="id"
                        ref="chooseMembTree2" @check-change="addPersonCheck"
                        highlight-current  :filter-node-method="filterNode" :default-checked-keys="addGroupPersonData.person"></el-tree>
                    </el-scrollbar>
                </div>
                <div>{{ $t('btn.choose') }}&nbsp;{{chosenMembCount}}&nbsp;{{ $t('other.people') }}</div>
                <div slot="footer" class="dialog-footer">
                    <el-button  @click="addGroupPersonPdialog = false" >{{ $t('btn.cancel') }}</el-button>
                    <el-button type="primary" @click="addPersonSure()" >{{ $t('btn.determine') }}</el-button>
                </div>
            </el-dialog>
        </el-dialog>
        <!-- 批量设置项目经理 -->
        <el-dialog :title="$t('projectmanagersinbatches')" v-if="batchInchargerDialog" :visible.sync="batchInchargerDialog" width="30%">
            <el-form model="" label-width="120px">
                <el-form-item :label="$t('setupprojectmanager')">
                    <el-select v-model="paramInchargerId" :placeholder="$t('defaultText.pleaseChoose')" style="width: 80%" filterable clearable>
                        <el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
                            <span style="float: left">{{item.name}}</span>
                            <span style="float: right; color: #8492a6;" v-if="user.companyId == 936">{{ item.jobNumber }}</span>
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button  @click="batchInchargerDialog = false" >{{ $t('btn.cancel') }}</el-button>
                <el-button type="primary" @click="batchInchargerSure()">{{ $t('btn.determine') }}</el-button>
            </div>
        </el-dialog>

        <el-dialog :title="$t('importproject')" v-if="importProjectBeforeDialog" :visible.sync="importProjectBeforeDialog" width="30%">
            <el-checkbox v-model="paramData1" style="margin-left:10px">{{ $t('dui-yi-you-xiang-mu-jin-hang-xin-xi-geng-xin') }}</el-checkbox>
            <div slot="footer" class="dialog-footer" style="text-algin:center;">
                <el-upload ref="upload" action="#" :limit="1" :http-request="importProject" :show-file-list="false">
                    <el-button type="primary">{{ $t('importproject') }}</el-button>
                </el-upload>
            </div>
        </el-dialog>

        <el-dialog append-to-body :title="$t('projectimportresult')" v-if="showImportResult" :visible.sync="showImportResult" width="40%">
                <div >
                    {{importResultMsg}}
                </div>
            </el-dialog>
    </section>
</template>
<style scoped>
.input-with-select .el-input-group__prepend {
    background-color: #fff;
  }
.line {
    padding:10px;
}
.line span{
    font-size:15px;
}
.line span:nth-child(even){
    float:right;
}
.kans {
    width: 230px;
    overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
a {
  text-decoration: none;
}
 
.router-link-active {
  text-decoration: none;
}
</style>
<script>
    import util from "../../common/js/util";
    import projectgantt from "./project_gantt.vue"
    export default {
        components:{projectgantt},
        data() {
            return {
                addFlgmainProjectDialog: false,
                addFlgPanthProjectDialog: false,
                addProjectLevelDialog: false,
                mainProjectList: [],
                mainProjectDialog: false,
                projectLevelDialog: false,
                showImportResult: false,
                importResultMsg:null,
                isganttshow: false,
                deleteAlertMsg: null,
                chosenLeaders:[],
                chooseLeaderVisible:false,
                projectProfessionItem:null,
                curProfessionRow:null,
                editPpMembDialog:false,
                professionList:[],
                projectProfessionList:[],
                activeName:"baseCostPanel",
                chosenMembCount:0,
                chosenMembList:[],//选中的人员
                allMembData:[],

                deptMembData: [
                    {
                        id: 0,
                        label: this.$t('lable.unassigned'),
                    }
                ],
                option: [],
                depData: {
                    id: -1,
                    label: this.$t('lable.allStaff'),
                },
                defaultProps: {
                    children: 'children',
                    label: 'label'
                },

                filterName:null,
                chooseParticipVisible: false,
                projectBaseCostData:[],
                addBaseItemDialog:false,
                showBaseConfig:false,
                customerList:[],
                roleArray:[this.$t('role.ordinaryEmployees'),this.$t('role.superAdministrator'), this.$t('role.systemAdministrator'), this.$t('role.companyTop'),this.$t('role.financialAdministrator'), this.$t('role.projectManager')],
                status:"1",
                statusTxt:["-",this.$t('ongoing'),this.$t('state.completed'),this.$t('state.undone'),this.$t('paused')],
                importanceList:[{id:1,label:this.$t('zheng-chang')},{id:2,label:this.$t('jin-ji')},{id:3,label:this.$t('zhong-yao')},{id:4,label:this.$t('zhong-yao-qie-jin-ji')}],
                importanceListLable:[this.$t('zheng-chang'), this.$t('jin-ji'), this.$t('zhong-yao'), this.$t('zhong-yao-qie-jin-ji'), this.$t('di-feng-xian'), this.$t('zhong-feng-xian'), this.$t('gao-feng-xian')],
                searchField:'1',
                keyword:null,
                user: JSON.parse(sessionStorage.getItem("user")),
                permissions: JSON.parse(sessionStorage.getItem("permissions")),
                userDetailVisible: false,
                userDetail:{},
                date: new Date(),
                users: [],
                participator:[],
                tableHeight: 0,
                listLoading: false,
                total: 0,
                page: 1,
                size: localStorage.getItem("projectPageSize")==null?20:parseInt(localStorage.getItem("projectPageSize")),
                list: [],
                subProjectVisible: false,
                subProjectList: [],//子项目列表
                currentProject:{},
                addSubProject: false,
                addFormVisible: false,
                addLoading: false,
                addUp: 0, // 合计
                title: "",
                addForm: {
                    name: '',
                    userId: [],
                    level:1,
                    id: '',
                    code: '',
                    projectDesc: '',
                    alarmType: 0
                },
                temaddForm: {},
                rules: {
                    name: [{ required: true, message: this.$t('pleaseentername'), trigger: "blur" }],
                    code: [{ required: true, message: this.$t('qing-shu-ru-bian-hao'), trigger: "blur" }],
                    projectStageName: [{ required: true, message: this.$t('pleaseentername'), trigger: "blur" }],
                    projectLevelName: [{ required: true, message: this.$t('pleaseentername'), trigger: "blur" }],
                },
                ause: [],
                auseList: [],
                yonghuUser: [],
                filterText: '',
                filterText2: '',
                showClfDialog: false,
                addClfDialog:false,
                addClf:{name:'',id:''},
                addMainForm:{
                    name:'',
                    id:'',
                    code: '',
                    categoryId: ''
                },
                addPanthForm: {
                    id: '',
                    projectStageName: ''
                },
                addLevelForm: {
                    id: '',
                    projectStageName: ''
                },
                statusClf:null,
                permissionsObj: {},

                checkedProjectArr: [],
                checkedWuduDialog: false,
                checkedWuduArr: [],
                checkoradd: true,

                addGroupPersonBtnLoading: false,
                addGroupPersonDialog: false,
                addGroupList: [],
                addGroupPersonData: {
                    group: [],
                    person: null,
                    personNames: ''
                },
                addGroupPersonPdialog: false,
                showColumnWidth: '300',
                deleteVif: null,
                isAddGroupPerson: true,
                projectMainId: '',
                supplierList: '',
                sortProp: '',
                sortOrder: null,
                currentCell: null, // 当前单击的是哪一个单元格
                phaseList: [],
                phaseProjectId: '', // 阶段项目id
                phaseProjectValie: null, // 阶段项目值
                listHeader: [], // 列表表头
                rowid: '',
                phaseProjectDialog: false, // 项目阶段
                levelList: [],  // 项目级别
                departmentList: [],
                deptId: [],
                contractAmountOld: 0,
                contractAmountReasonShow: false,
                centerNameDegree: '',

                batchInchargerDialog: false,
                paramInchargerId: '',

                inchagerId: '',

                keyNodesIsShow: false,
                keyNodesList: [],
                projectKeyNodesData: [],
                addBasekeyNodesialog: false,
                addFormkeyNodes: {
                    name: ''
                },
                participationId: '',

                importProjectBeforeDialog: false,
                paramData1: false
            };
        },
        // 过滤器
        filters: {
            numberToCurrency(value) {
                if (!value) return '0.00'
                // 将数值截取，保留两位小数
                value = value.toFixed(2)
                // 获取整数部分
                const intPart = Math.trunc(value)
                // 整数部分处理，增加,
                const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
                // 预定义小数部分
                let floatPart = '.00'
                // 将数值截取为小数部分和整数部分
                const valueArray = value.toString().split('.')
                if (valueArray.length === 2) { // 有小数部分
                floatPart = valueArray[1].toString() // 取得小数部分
                return intPartFormat + '.' + floatPart
                }
                return intPartFormat + floatPart
            },
            mobans(value, valueList) {
                for(var i in valueList) {
                    if(valueList[i].providerCateGoryName == value) {
                        return valueList[i].providerInfoName
                    }
                }
            },
        },
        watch: {
            filterText(val) {
                this.$refs.chooseMembTree.filter(val);
            },
            filterText2(val) {
                this.$refs.chooseMembTree2.filter(val);
            }
        },
        updated () {
            // console.log('执行upload生命周期')
            this.$nextTick(()=>{
                this.$refs.projectlistOfWudulist.doLayout();
            })
        },
        methods: {
            addNewkeyNodes(row) {
                this.addBasekeyNodesialog = true
                if(row) {
                    this.addFormkeyNodes = row
                } else {
                    this.addFormkeyNodes = {
                        name: ''
                    }
                }
            },
            // 获取关键节点
            getkeyNodes() {
                this.http.post('/project-key-nodes-setting/list', {},
                res => {
                    if (res.code == "ok") {
                        // this.keyNodesIsShow = true
                        this.keyNodesList = res.data
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            hoverCall(row) {
                this.rowid=row.id
            },
            handCall() {
                this.rowid = ''
            },
            // 获取阶段
            obtainPhase(item) {
                this.http.post('/project-stage/list', {},
                res => {
                    if (res.code == "ok") {
                        // this.phaseList = res.data
                        this.$set(this, 'phaseList', res.data)
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            // 获取级别
            getProjectLevel(){
                this.http.post('/project-level/list', {},
                res => {
                    if (res.code == "ok") {
                        this.levelList = res.data
                        // this.$set(this, 'levelList', res.data)
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            addProjectLevel(row){
                this.addProjectLevelDialog = true
                if(!row) {
                    this.addLevelForm = {
                        projectLevelName: '',
                        id: ''
                        // companyId:''
                    }
                } else {
                    this.addLevelForm = {
                        id: row.id,
                        projectLevelName: row.projectLevelName
                        // companyId: row.companyId
                    }
                }
            },
            deleteProjectLevel(row) {
                this.$confirm($t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletingprojectlevels'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-level/delete',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getProjectLevel();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            submitLevelPro(){
                this.http.post('/project-level/addOrMod',this.addLevelForm,
                    res => {
                        if (res.code == "ok") {
                            this.addProjectLevelDialog = false;
                            this.getProjectLevel()
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
            },


            // 表格点击
            tableCellClassName({row, column, rowIndex, columnIndex}) {
                row.index=rowIndex;
                column.index=columnIndex;
            },
            clickCell(row,column) {
                // console.log('can can need',row,column)
                this.currentCell = row.index + ',' + column.index;
                this.phaseProjectValie = row.currentStageId  ? row.currentStageId : ''
                if(this.permissions.projectManagement || this.user.id==row.inchargerId || this.user.id==row.creatorId) {
                    this.phaseProjectId = row.id
                    setTimeout(() => {
                        // 获得焦点
                        this.$refs[row.index + ',' + column.index].focus();
                    })
                }
            },
            selectChange() {
                let currentStageName = ''
                for(var i in this.phaseList) {
                    if(this.phaseList[i].id == this.phaseProjectValie) {
                        currentStageName = this.phaseList[i].projectStageName
                    }
                }
                this.http.post('/project/changeCurrentStage', {
                    projectId: this.phaseProjectId,
                    currentStageId: this.phaseProjectValie,
                    currentStageName: currentStageName
                },
                res => {
                    if (res.code == "ok") {
                        this.getList()
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            hideSelect() {
                var that = this
                setTimeout(() => {
                    that.currentCell = null
                }, 500)
            },
            // 点击主项目事件
            projectManagementChange() {
                let categoryId = ''
                for(var i in this.mainProjectList) {
                    if(this.mainProjectList[i].id == this.addForm.projectMainId) {
                        categoryId = this.mainProjectList[i].categoryId
                    }
                }
                categoryId == '' ?  '' : this.addForm.category = categoryId
                // console.log(this.addForm)
            },
            tableSort({column, prop, order}){
                if(prop == 'inchargerName' || prop == 'customerName' || prop == 'projectCode' || prop == 'categoryName' || prop == 'projectName' || prop == 'status' || prop == 'currentStage' || prop == 'departmentName' || prop == 'associateDegreeNames'){
                    this.sortOrder = order
                    this.sortProp = prop
                    this.getList()
                }
            },
            //获取项目列表
            getSupplierList() {
                this.http.post('/provider-info/list', {
                    pageIndex: 1,
                    // pageSize: 999,
                    pageSize: -1,
                    keyword: ''
                },
                res => {
                    if (res.code == "ok") {
                        this.supplierList = res.data.records;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            addManPro(row) {
                this.addFlgmainProjectDialog = true
                if(!row) {
                    this.addMainForm = {
                        name: '',
                        id: '',
                        code: '',
                        categoryId: ''
                    }
                } else {
                    this.addMainForm = {
                        id: row.id,
                        code: row.code,
                        name: row.name,
                        categoryId: row.categoryId,
                    }
                }
            },
            addPanthPro(row) {
                this.addFlgPanthProjectDialog = true
                if(!row) {
                    this.addPanthForm = {
                        projectStageName: '',
                        id: '',
                        companyId:''
                    }
                } else {
                    this.addPanthForm = {
                        id: row.id,
                        projectStageName: row.projectStageName,
                        companyId: row.companyId
                    }
                }
            },
            // 获取主项目
            getMainProject() {
                this.http.post('/project-main/list',{},res => {
                    if(res.code == 'ok'){
                        this.mainProjectList = res.data
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },
            // 批量修改自定义维度
            checkedWudulist(e){
                // console.log(e);
                this.checkedProjectArr = e
            },
            batchSetWudulistBtn1(){
                this.$refs.projectlistOfWudulist.clearSelection()
                this.checkedWuduArr = [],
                this.addGroupPersonData = {
                            group: null,
                            person: null,
                            personNames: ''
                        }
            },
            batchSetWudulistBtn2(e){
                if(this.checkedProjectArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseSelectSnItem'))
                    return
                }
                this.checkoradd = e
                this.checkedWuduDialog = true
            },
            batchSetWudulistBtn3(){
                if(this.checkedWuduArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseChoose') + this.user.timeType.customDegreeName)
                    return
                }
                let projectIds = []
                for(let i=0; i<this.checkedProjectArr.length; i++){
                    projectIds.push(this.checkedProjectArr[i].id)
                }
                let degreeIds = []
                let degreeNames = []
                for(let s=0; s<this.checkedWuduArr.length; s++){
                    degreeIds.push(this.checkedWuduArr[s].id)
                    degreeNames.push(this.checkedWuduArr[s].name)
                }
                this.http.post('/project/saveBatchAccoDegrees',{
                    ids: JSON.stringify(projectIds),
                    associateDegrees: degreeIds.toString(),
                    associateDegreeNames: degreeNames.toString()
                },res => {
                    if(res.code == 'ok'){
                        this.checkedWuduDialog = false
                        this.batchSetWudulistBtn1()
                        this.$message({
                            message: this.$t('setupthesuccess'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },
            batchSetWudulistBtn4(){
                if(this.checkedWuduArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseChoose') + this.user.timeType.customDegreeName)
                    return
                }
                let projectIds = []
                for(let i=0; i<this.checkedProjectArr.length; i++){
                    projectIds.push(this.checkedProjectArr[i].id)
                }
                let degreeIds = []
                let degreeNames = []
                for(let s=0; s<this.checkedWuduArr.length; s++){
                    degreeIds.push(this.checkedWuduArr[s].id)
                    degreeNames.push(this.checkedWuduArr[s].name)
                }
                this.http.post('/project/addBatchAccoDegrees',{
                    ids: JSON.stringify(projectIds),
                    associateDegrees: degreeIds.toString(),
                    associateDegreeNames: degreeNames.toString()
                },res => {
                    if(res.code == 'ok'){
                        this.checkedWuduDialog = false
                        this.batchSetWudulistBtn1()
                        this.$message({
                            message: this.$t('addsuccessful'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },

            isSelectable(row,index){
                if(row.creatorId == this.user.id || row.inchargerId == this.user.id || this.permissions.projectManagement){
                    return true
                }else{
                    return false
                }
            },
            test(row){
                // console.log(row);
            },
            // 批量添加分组参与人员
            addGroupPerson(){
                let proArr = []
                if(this.checkedProjectArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseSelectSnItem'))
                    return
                }
                this.addGroupPersonBtnLoading = true
                for(let i=0;i<this.checkedProjectArr.length;i++){
                    proArr.push(this.checkedProjectArr[i].id)
                }
                this.http.post('/project/getProjectsGroups',{
                    projectIdArray: JSON.stringify(proArr)
                },res => {
                    if(res.code == 'ok'){
                        // console.log('分组',res.data);
                        this.addGroupList = res.data
                        this.addGroupPersonBtnLoading = false
                        this.addGroupPersonDialog = true
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
                
            },
            addGroupPersonP(){
                this.filterText2 = ''
                this.addGroupPersonPdialog = true
            },
            addPersonCheck(){
                var chosenList = this.$refs.chooseMembTree2.getCheckedNodes();
                var list = chosenList.filter(item=>item.isUser == 1);
                this.chosenMembCount = list.length;
                // console.log(list);
            },
            addPersonSure(){
                this.addGroupPersonPdialog = false
                let chosenList = this.$refs.chooseMembTree2.getCheckedNodes();
                let list = chosenList.filter(item=>item.isUser == 1);
                let listIDs = []
                let listNames = ''
                for(let i=0;i<list.length;i++){
                    listIDs.push(list[i].id)
                    listNames += list[i].label + ','
                }
                this.addGroupPersonData.person = listIDs
                this.addGroupPersonData.personNames = listNames
            },
            addGroupPersonSure(){
                if(this.addGroupPersonData.group.length == 0 || this.addGroupPersonData.person == null){
                    this.$message({
                        message: this.$t('pleaseselectpersonnelasd'),
                        type: 'warning'
                    })
                    return
                }
                let groupList = []
                for(let i=0;i<this.addGroupPersonData.group.length;i++){
                    groupList = [...groupList,...this.addGroupPersonData.group[i]]
                }
                this.http.post('/project/batchAddMembToGroup',{
                    membIdArray: JSON.stringify(this.addGroupPersonData.person),
                    groupIds: JSON.stringify(groupList)
                },res => {
                    if(res.code == 'ok'){
                        this.addGroupPersonDialog = false,
                        
                        this.batchSetWudulistBtn1()
                        this.$message({
                            message: this.$t('addsuccessful'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },
            batchDelete(){
                if(this.checkedProjectArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseSelectSnItem'))
                    return
                }
                let proArr = []
                for(let i=0;i<this.checkedProjectArr.length;i++){
                    proArr.push(this.checkedProjectArr[i].id)
                    // proArr += this.checkedProjectArr[i].id + ','
                }
                // proArr = proArr.substring(0,proArr.length - 1)
                this.http.post('/project/batchDeleteProject',{
                    projectIdArray: JSON.stringify(proArr)
                },res => {
                    if(res.code == 'ok'){
                        this.$message({
                            message: this.$t('message.successfullyDeleted'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },

            // 批量设置项目经理
            batchIncharger(){
                if(this.checkedProjectArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseSelectSnItem'))
                    return
                }
                this.batchInchargerDialog = true
                this.paramInchargerId = ''
            },
            batchInchargerSure(){
                if(!this.paramInchargerId){
                    this.$message({
                        message: this.$t('pleaseselecttheprojectmanager'),
                        type: 'warning'
                    })
                    return
                }
                let proArr = ''
                for(let i=0;i<this.checkedProjectArr.length;i++){
                    // proArr.push(this.checkedProjectArr[i].id)
                    proArr += this.checkedProjectArr[i].id + ','
                }
                proArr = proArr.substring(0,proArr.length - 1)
                this.http.post('/project/batchExchangeIncharger',{
                    inchargerId: this.paramInchargerId,
                    projectIds: proArr
                },res => {
                    if(res.code == 'ok'){
                        this.batchInchargerDialog = false
                        this.$message({
                            message: this.$t('setupthesuccess'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },
            // 批量添加项目参与人
            addProPreson(){
                if(this.checkedProjectArr.length == 0){
                    this.$message(this.$t('defaultText.pleaseSelectSnItem'))
                    return
                }
                this.addGroupPersonDialog = true
                this.isAddGroupPerson = false
            },
            addProPersonSure(){
                if(this.addGroupPersonData.person == null){
                    this.$message({
                        message: this.$t('pleaseselectpersonnel'),
                        type: 'warning'
                    })
                    return
                }
                let proArr = []
                for(let i=0;i<this.checkedProjectArr.length;i++){
                    proArr.push(this.checkedProjectArr[i].id)
                    // proArr += this.checkedProjectArr[i].id + ','
                }
                // proArr = proArr.substring(0,proArr.length - 1)
                this.http.post('/project/batchSetParticipation',{
                    userIds: JSON.stringify(this.addGroupPersonData.person),
                    projectIdArray: JSON.stringify(proArr)
                },res => {
                    if(res.code == 'ok'){
                        this.addGroupPersonDialog = false,
                        
                        this.batchSetWudulistBtn1()
                        this.$message({
                            message: this.$t('addsuccessful'),
                            type: 'success'
                        })
                        this.getList()
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },


            filterNode(value, data) {
                if (!value) return true;
                return data.label.indexOf(value) !== -1;
            },
            //重启项目
            restartPro(row) {
                this.http.post('/project/start',{id: row.id},
                    res => {
                        if (res.code == "ok") {
                            this.$message({
                            message: this.$t('restartthesuccess'),
                            type: "success"
                            });
                            row.status = 1;
                        } else {
                            this.$message({
                            message: res.msg,
                            type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },
            //撤销项目
            cancelPro(row) {
                this.http.post('/project/cancel',{id: row.id},
                    res => {
                        if (res.code == "ok") {
                            this.$message({
                            message: this.$t('Revocationofsuccess'),
                            type: "success"
                            });
                            row.status = 3;
                        } else {
                            this.$message({
                            message: res.msg,
                            type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },
            // 暂停项目
            suspendPro(row) {
                this.http.post('/project/suspend',{id: row.id},
                    res => {
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('suspensionofsuccess'),
                                type: "success"
                            });
                            row.status = 4;
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },
            //完成项目
            finishPro(row) {
                this.http.post('/project/finish',{id: row.id},
                    res => {
                        if (res.code == "ok") {
                            this.$message({
                            message: this.$t('projectcompletion'),
                            type: "success"
                            });
                            row.status = 2;
                        } else {
                            this.$message({
                            message: res.msg,
                            type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },
            exportProjectData() {
                //导出项目
                this.http.post('/project/exportData',{},
                res => {
                    if (res.code == "ok") {
                        var filePath = res.data;
                        const a = document.createElement('a'); // 创建a标签
                        a.setAttribute('download', this.$t('projectexport') + '.xls');// download属性
                        a.setAttribute('href', filePath);// href链接
                        a.click(); //自执行点击事件
                        a.remove();
                    } 
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            exportProjectGroup() {
                //导出项目分组
                this.http.post('/project/exportGroupData',{},
                res => {
                    if (res.code == "ok") {
                        var filePath = res.data;
                        const a = document.createElement('a'); // 创建a标签
                        a.setAttribute('download', this.$t('projecttaskgroupexport') + '.xls');// download属性
                        a.setAttribute('href', filePath);// href链接
                        a.click(); //自执行点击事件
                        a.remove();
                    } 
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            userssHu() {
                this.http.post('/time-type/getCompanyTimeSetting',{ 
                    companyId: this.user.companyId
                },
                res => {
                    if (res.code == "ok") {
                        this.yonghuUser = res.data
                        // console.log(this.yonghuUser)
                    } 
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            yanjiuzx() {
                this.http.post('/report-extra-degree/getAll ',{},
                res => {
                    if (res.code == "ok") {
                        // console.log(res, '过来的数据')
                        this.ause = res.data
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            selectPublic() {
                if (this.addForm.isPublic == 1) {
                    this.participator = this.users;
                } else {
                    this.participator = [];
                }
            },
            addPpMemb() {
                //检查合计比例是否到达100%
                let p = 0;
                let hasNoMemb = false;

                this.curProfessionRow.membList.forEach(m=>{
                    p += parseInt(m.percentage);
                    //检查人员是否选择
                    if (m.membId == null) {
                        hasNoMemb = true;
                    }
                });
                if (hasNoMemb) {
                    this.$message({
                            message: this.$t('professionalscannotbeempty'),
                            type: "error"
                        });
                    return;
                }
                //检查人员不能重复
                let hasDuplicate = false;
                this.curProfessionRow.membList.forEach(m=>{
                    if (this.curProfessionRow.membList.filter(innerM=>innerM.membId == m.membId).length>1) {
                        hasDuplicate = true;
                    }
                });
                if (hasDuplicate) {
                    this.$message({
                            message: this.$t('professionalscannotrepeat'),
                            type: "error"
                        });
                    return;
                }
                if (p != 100) {
                    this.$message({
                            message: this.$t('totalproportionmust'),
                            type: "error"
                        });
                    return;
                }
                

                this.editPpMembDialog = false;
                this.curProfessionRow.membList.forEach(m=>{
                    m.membName = this.participator.filter(p=>p.id == m.membId)[0].name;
                });
                this.projectProfessionItem.membList = JSON.parse(JSON.stringify(this.curProfessionRow.membList));
            },
            //删除专业人员
            deleteMembItem(index) {
                this.curProfessionRow.membList.splice(index,1);
            },
            //添加专业人员
            addMembItem() {
                if (this.curProfessionRow.membList == null) {
                    this.curProfessionRow.membList = [{membId:null, percentage:100}];
                } else {
                    let p = 0;
                    this.curProfessionRow.membList.forEach(m=>{
                        p += parseInt(m.percentage);
                    });
                    this.curProfessionRow.membList.push({membId:null, percentage:100-p});
                }
                this.$forceUpdate();
            },
            showEditPpMembs(row) {
                this.projectProfessionItem = row;
                this.curProfessionRow = JSON.parse(JSON.stringify(row));
                if (this.curProfessionRow.membList == null || this.curProfessionRow.membList.length == 0) {
                    this.curProfessionRow.membList = [{membId:null, percentage:100}];
                } 
                this.editPpMembDialog = true;
            },
            getProjectNotifyUserList(projectId) {
                this.http.post("/project-notify-user/get", {projectId: projectId},
                    res => {
                        if (res.code == "ok") {
                            var chosenLeaderIds = [];
                            var chosenLeaderNames = '';
                            var leaderList = res.data;
                            this.chosenLeaders = leaderList;
                            for(var j in leaderList) {
                                chosenLeaderIds.push(leaderList[j].userId)
                                chosenLeaderNames += leaderList[j].userName+',';
                            }
                            if (chosenLeaderNames.length > 0) {
                                chosenLeaderNames = chosenLeaderNames.substring(0, chosenLeaderNames.length -1);
                            }
                            this.addForm.notifyUserIds = chosenLeaderIds;
                            this.addForm.notifyUserNames = chosenLeaderNames;
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },
            getProjectProfessions(projectId) {
                this.http.post("/project-profession/get", {projectId: projectId},
                    res => {
                        if (res.code == "ok") {
                            this.projectProfessionList = res.data;
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
            },

            checkProjectProfession() {
                //检查合计比例是否到达100%
                let p = 0;
                let hasNoMemb = false;
                let hasNoProfession = false;
                let hasNoMembList = false;
                this.projectProfessionList.forEach(m=>{
                    p += parseInt(m.percentage);
                    //检查人员是否选择
                    if (m.inchargerId == null) {
                        hasNoMemb = true;
                    }
                    if (m.professionId == null) {
                        hasNoProfession = true;
                    }
                    if (m.membList == null) {
                        hasNoMembList = true;
                    }
                });
                
                if (hasNoProfession) {
                    this.$message({
                            message: this.$t('majorcannotbeempty'),
                            type: "error"
                        });
                    return false;
                }
                if (hasNoMembList) {
                    this.$message({
                            message: this.$t('personnelcannotbeleftblank'),
                            type: "error"
                        });
                    return false;
                }
                if (hasNoMemb) {
                    this.$message({
                            message: this.$t('leadercannotbeblank'),
                            type: "error"
                        });
                    return false;
                }
                //检查专业不能重复
                let hasDuplicate = false;
                this.projectProfessionList.forEach(m=>{
                    if (this.projectProfessionList.filter(innerM=>innerM.professionId == m.professionId).length>1) {
                        hasDuplicate = true;
                    }
                });
                if (hasDuplicate) {
                    this.$message({
                            message: this.$t('shouldnotberepeated'),
                            type: "error"
                        });
                    return false;
                }
                if (this.projectProfessionList.length > 0 && p != 100) {
                    this.$message({
                            message: this.$t('numberomajorsmust'),
                            type: "error"
                        });
                    return false;
                }
                return true;
            },
            //保存项目专业
            saveProjectProfessions(projectId) {
                var list = this.projectProfessionList.filter(p=>p.professionId != null);
                list.forEach(p=>p.inchargerName = this.participator.filter(m=>m.id == p.inchargerId)[0].name);
                list.forEach(p=>p.professionName = this.professionList.filter(m=>m.id == p.professionId)[0].name);
                this.http.post("/project-profession/modify", {projectId: projectId, json: JSON.stringify(list)},
                res => {
                    if (res.code == "ok") {
                        
                    return false;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            //删除项目专业
            deleteItem(index) {
                this.projectProfessionList.splice(index,1);
            },
            //添加项目专业
            addItem() {
                let p = 0;
                this.projectProfessionList.forEach(m=>{
                    p += parseInt(m.percentage);
                });
                this.projectProfessionList.push( { professionId:null, inchargerId:null,membIds:[], percentage: 100-p});
            },
            getProfessionList() {
                this.http.post("/profession/getAll", {},
                res => {
                    if (res.code == "ok") {
                        var list = res.data;
                        this.professionList = list;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            restrictNumber(targetId) {
                let inpu = document.getElementById(targetId);
                inpu.value = inpu.value.replace(/[^\d.]/g, "");  //仅保留数字和"."
                inpu.value = inpu.value.replace(/\.{2,}/g, "."); //两个连续的"."仅保留第一个"."
                inpu.value = inpu.value.replace(".", "$#*").replace(/\./g,'').replace('$#*','.');//去除其他"."
                inpu.value = inpu.value.replace(/^(\d+)\.(\d\d).*$/, '$1.$2');;//限制只能输入两个小数
                if (inpu.value.indexOf(".") < 0 && inpu.value != "") { //首位是0的话去掉
                    inpu.value = parseFloat(inpu.value);
                }
            },
            showChooseLeaderTree() {
                this.chosenMembCount = this.chosenLeaders.length;
                this.chooseLeaderVisible = true;
            },
            onLeaderTreeItemChange() {
                var chosenList = this.$refs.chooseLeaderTree.getCheckedNodes();
                var list = chosenList.filter(item=>item.isUser == 1);
                this.chosenMembCount = list.length;
            },

            showChooseMembTree() {
                this.chosenMembCount = this.participator.length;
                this.chooseParticipVisible = true;
                this.filterText = ''
            },
            onTreeItemChange() {
                var chosenList = this.$refs.chooseMembTree.getCheckedNodes();
                var list = chosenList.filter(item=>item.isUser == 1);
                this.chosenMembCount = list.length;
            },
            findUserInTree() {
                if (this.filterName == '') {
                    this.deptMembData = this.allMembData;
                } else {
                    var list = this.findRecursively(this.filterName, this.allMembData);
                    this.deptMembData = list;
                }
            },

            findRecursively(username, list) {
                var filterList = [];
                for (var i=0;i<list.length; i++) {
                    if (list[i].isUser == 1) {
                        if (list[i].label.indexOf(username) >= 0) {
                            //匹配上了
                            filterList.push(list[i]);
                        }
                    } else if (list[i].children != null && list[i].children.length > 0) {
                        var subList = this.findRecursively(username, list[i].children);
                        if (subList.length > 0) {
                            subList.forEach(s=>filterList.push(s));
                        }
                    }
                }
                return filterList;
            },

            //确定选择参与人
            chooseParticip() {
                this.chooseParticipVisible = false;
                var chosenList = this.$refs.chooseMembTree.getCheckedNodes();
                this.chosenMembList = chosenList.filter(item=>item.isUser == 1);
                this.addForm.userNames = '';
                this.addForm.userId = [];
                this.participator = [];
                for (var i=0;i<this.chosenMembList.length; i++) {
                    this.addForm.userId.push(this.chosenMembList[i].id);
                    this.addForm.userNames += this.chosenMembList[i].label+',';
                    var item = {id:this.chosenMembList[i].id, name:this.chosenMembList[i].label};
                    this.participator.push(item);
                }
                if (this.addForm.userNames.length > 0) {
                    this.addForm.userNames = this.addForm.userNames.substring(0, this.addForm.userNames.length-1);
                }
            },

            //选中相关领导
            // chooseLeader() {
            //     this.chooseLeaderVisible = false;
            //     var chosenList = this.$refs.chooseLeaderTree.getCheckedNodes();
            //     var chosenMembList = chosenList.filter(item=>item.isUser == 1);
            //     this.addForm.notifyUserNames = '';
            //     this.addForm.notifyUserIds = [];
            //     this.chosenLeaders = [];
            //     for (var i=0;i<chosenMembList.length; i++) {
            //         this.addForm.notifyUserIds.push(chosenMembList[i].id);
            //         this.addForm.notifyUserNames += chosenMembList[i].label+',';
            //         var item = {userId:chosenMembList[i].id, userName:chosenMembList[i].label};
            //         this.chosenLeaders.push(item);
            //     }
            //     if (this.addForm.notifyUserNames.length > 0) {
            //         this.addForm.notifyUserNames = this.addForm.notifyUserNames.substring(0, this.addForm.notifyUserNames.length-1);
            //     }
            // },

            // 获取部门列表
            getDepartment() {
                this.http.post("/department/listAllMemb", {},
                res => {
                    if (res.code == "ok") {
                        var list = res.data;
                        //设置员工到部门下面
                        this.setUserToDept(list);
                        this.deptMembData = list;
                        //用于筛选过滤
                        this.allMembData = JSON.parse(JSON.stringify(this.deptMembData));
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            
            setUserToDept(list) {
                for (var i in list) {
                    if (list[i].children != null) {
                        this.setUserToDept(list[i].children);
                    }
                    
                    if (list[i].userList != null) {
                        if (list[i].children == null) {
                            list[i].children = [];
                        }
                        list[i].userList.forEach(element => {
                            var obj = {id: element.id, label:element.name, parentId:element.departmentId, isUser:1};
                            list[i].children.push(obj);
                        });
                    }
                }
            },
            // 获取分类条目
            getClfConfigList() {
                this.http.get('/project-category/list',
                    res => {
                        if (res.code == "ok") {
                           this.baseClfList = res.data;
                        //    console.log("获取分类条目",res.data);
                           this.$forceUpdate();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                
            },
            // 新增/编辑 分类条目
            addNewClf(row) {
                this.addClfDialog = true;
                if (row == null) {
                    this.addClf = {}
                } else {
                    this.addClf = row;
                }
            },
            // 提交
            submitClf() {
                this.http.post('/project-category/addOrMod',this.addClf,
                    res => {
                        if (res.code == "ok") {
                            this.addClfDialog = false;
                            this.baseClfList = res.data;
                            // this.$forceUpdate();
                            // console.log(res.data);
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
            },
            // 提交
            submitManPro() {
                this.http.post('/project-main/addOrMod',this.addMainForm,
                    res => {
                        if (res.code == "ok") {
                            this.addFlgmainProjectDialog = false;
                            this.getMainProject()
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
            },
            // 提交项目阶段
            submitPanthPro() {
                this.http.post('/project-stage/addOrMod',this.addPanthForm,
                    res => {
                        if (res.code == "ok") {
                            this.addFlgPanthProjectDialog = false;
                            this.obtainPhase()
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
            },
            // 删除
            deleteClf(row) {
                this.$confirm(this.$t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletingCategoryEntry'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-category/delete',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getClfConfigList();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            // 删除主项目
            deleteManPro(row) {
                this.$confirm(this.$t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletethemainproject'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-main/delete',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getMainProject();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            // 删除项目阶段
            deletePanthPro(row) {
                this.$confirm(this.$t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletingprojectphases'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-stage/delete ',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.obtainPhase();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            // 分类筛选
            searchClfList(){
                this.page = 1;
                this.getList();
            },
            manageSelect(){
                this.page = 1
                this.getList()
            },
            

            getProjectBaseConfigList() {
                this.http.post('/project-basecost-setting/list',{},
                    res => {
                        if (res.code == "ok") {
                           this.baseCostItemList = res.data;
                           this.$forceUpdate();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                
            },
            deletekeyNodes(row) {
                this.$confirm(this.$t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletingKeyNode'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-key-nodes-setting/delete',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getkeyNodes();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            deleteBaseItem(row) {
                this.$confirm(this.$t('operationmaycausedatalossAreyousuredeletethedata'),this.$t('deletethecostbaselineitem'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/project-basecost-setting/delete',{ 
                        id: row.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getProjectBaseConfigList();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            submitInsertBaseItem() {
                this.http.post('/project-basecost-setting/addOrMod',this.addForm,
                    res => {
                        if (res.code == "ok") {
                            this.addBaseItemDialog = false;
                            this.baseCostItemList = res.data;
                            this.$forceUpdate();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
            },
            submitkeyNodes() {
                // console.log(this.addForm, '提交的参数')
                // return
                this.http.post('/project-key-nodes-setting/addOrMod',this.addFormkeyNodes,
                res => {
                    if (res.code == "ok") {
                        this.addBasekeyNodesialog = false;
                        this.keyNodesList = res.data;
                        this.$forceUpdate();
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            showBaseCostItemDialog() {
                this.showBaseConfig = true;
            },
            addNewBaseItem(row) {
                this.addBaseItemDialog = true;
                if (row == null) {
                    this.addForm = {alarmType: 0}
                } else {
                    this.addForm = row;
                }
            },
            //获取客户列表
            getCustomerList() {
                this.http.post('/customer-info/getAll', {
                },
                res => {
                    if (res.code == "ok") {
                        this.customerList = res.data;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            importProjectBefore(){
                this.paramData1 = true
                this.importProjectBeforeDialog = true
            },
            importProject(item) {
                //首先判断文件类型
                let str = item.file.name.split(".");
                let format = str[str.length - 1];
                if (format != "xls" && format != "xlsx") {
                    this.$message({
                        message: this.$t('other.PleaseselecttheXLSorXLSXfile'),
                        type: "error"
                    });
                } else {
                    this.listLoading = true;
                    let formData = new FormData();
                    formData.append("file", item.file);
                    formData.append("userId", this.user.id);
                    formData.append('key',this.paramData1 ? 1 : 0)
                    this.http.uploadFile('/project/importData', formData,
                    res => {
                        this.$refs.upload.clearFiles();
                        this.listLoading = false;
                        if (res.code == "ok") {
                            // this.$message({
                            //     message: res.data,
                            //     type: "success"
                            // },5000);
                            //弹窗显示
                            this.showImportResult = true;
                            this.importProjectBeforeDialog = false
                            this.importResultMsg = res.data;

                            this.getList();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.$refs.upload.clearFiles();
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                    });
                }
            },
            number(){
        // 　　　  this.addForm.budget = this.addForm.budget.replace(/[^\.\d]/g,'');
        //         this.addForm.budget = this.addForm.budget.replace('.','');
            },
            deleteSubPro(subProject) {
                this.$confirm(this.$t('makesuretodeletethesubproject') + subProject.name + this.$t('ma'),this.$t('deletesubproject'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post('/sub-project/deleteProject',{ 
                        id: subProject.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.subProject(this.currentProject);
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            searchList() {
                this.page = 1;
                this.getList();
            },
            addNewSubProject(subProject) {
                if (subProject == null) {
                    this.temaddForm = {projectId: this.currentProject.id, level:1}
                } else {
                    this.temaddForm = JSON.parse(JSON.stringify(subProject));
                }
                this.addSubProject = true;
            },
            //显示子项目
            subProject(item) {
                this.subProjectVisible = true;
                this.currentProject = item;
                this.http.post('/sub-project/list', {
                    projectId: item.id
                },
                res => {
                    if (res.code == "ok") {
                        this.subProjectList = res.data;
                    } else {
                        this.$message({
                        message: res.msg,
                        type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            //显示用户详情
            showUser(userId) {
                this.userDetailVisible = true;
                this.http.post(this.port.manage.userDetail, {
                    userId: userId
                },
                res => {
                    if (res.code == "ok") {
                        this.userDetail = res.data;
                    } else {
                        this.$message({
                        message: res.msg,
                        type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            //选择参与人
            changeParticipator() {
                //检查是否在参与人中，如果没有需要加入到参与人中
                // console.log('addform',this.addForm.userId,this.users);
                this.participator = [];
                this.addForm.userId.forEach(u=>{
                    var list = this.users.filter(au=>au.id == u);
                    if (list.length > 0) {
                        var findUser = list[0];    
                        this.participator.push(findUser);
                    } else {
                        console.log('未找到用户: '+u);
                    }
                    
                })
            },
            getUsers() {




                // this.http.post(this.port.manage.list, {
                //     departmentId: -1,
                //     pageIndex: 1,
                //     // pageSize: 99999
                //     pageSize: -1
                // },
                this.http.post('/user/getSimpleActiveUserList', {},
                res => {
                    if (res.code == "ok") {
                        this.users = res.data;
                    } else {
                        this.$message({
                        message: res.msg,
                        type: "error"
                        });
                    }
                },
                error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },

            //分页
            handleCurrentChange(val) {
                this.page = val;
                this.getList();
            },

            handleSizeChange(val) {
                this.size = val;
                localStorage.projectPageSize = this.size;
                this.getList();
            },

            participationSelect(){
                this.page = 1
                this.getList()
            },

            //获取项目列表
            getList() {
                this.listLoading = true;
                let parameter = {
                    pageIndex: this.page,
                    pageSize: this.size,
                    keyword:this.keyword,
                    searchField: this.searchField,
                    status: this.status,
                    category: this.statusClf,
                    projectMainId: this.projectMainId,
                    inchagerId: this.inchagerId,
                    participation: this.participationId
                }
                if(this.sortOrder){
                    if(this.sortProp == 'inchargerName'){
                        parameter.sortProp = "incharger_id"
                    }else if(this.sortProp == 'customerName'){
                        parameter.sortProp = "customer_id"
                    }else if(this.sortProp == 'projectCode'){
                        parameter.sortProp = 'project_code'
                    }else if(this.sortProp == 'categoryName'){
                        parameter.sortProp = 'category'
                    }else if(this.sortProp == 'projectName'){
                        parameter.sortProp = 'project_name'
                    }else if(this.sortProp == 'status'){
                        parameter.sortProp = 'status'
                    }else if(this.sortProp == 'currentStage'){
                        parameter.sortProp = 'current_stage_name'
                    }else if(this.sortProp == 'departmentName'){
                        parameter.sortProp = 'dept_id'
                    }else if(this.sortProp == 'associateDegreeNames'){
                        parameter.sortProp = 'associate_degrees'
                    }

                    if(this.sortOrder == 'descending'){
                        parameter.sortOrder = 0
                    }else if(this.sortOrder == 'ascending'){
                        parameter.sortOrder = 1
                    }
                }
                if(this.deptId.length > 0) {
                    parameter.deptId = this.deptId[this.deptId.length - 1]
                }  else {
                    parameter.deptId = ''
                }
                this.http.post(this.port.project.listPage, parameter,
                res => {
                    this.listLoading = false;
                    if (res.code == "ok") {
                        var list = res.data.records;
                        for(var i in list) {
                            var participator = list[i].participator , str = "";
                            for(var j in participator) {
                                if(j == participator.length-1) {
                                    str += participator[j].name
                                } else {
                                    str += participator[j].name + ','
                                }
                            }
                            list[i].userNames = str;
                        }
                        this.centerNameDegree = res.data.degrees
                        this.showColumnWidth = this.showColumn(list)
                        this.list = list;
                        this.total = res.data.total;
                        // this.$nextTick(()=>{
                        //     this.$refs.projectlistOfWudulist.doLayout();
                        // })
                        this.listHeader = res.data.nameList
                    } else {
                        this.$message({
                        message: res.msg,
                        type: "error"
                        });
                    }
                },
                error => {
                    this.listLoading = false;
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            showColumn(list){
                if(!this.permissions.projectManagement){
                    let creat = false
                    let incha = false
                    for(let i in list){
                        if(this.user.id == list[i].creatorId){
                            creat = true
                        }
                        if(this.user.id == list[i].inchargerId){
                            incha = true
                        }
                    }
                    if(creat){
                        return '300'
                    }else {
                        if(incha){
                            return '210'
                        }else {
                            return '0'
                        }
                    }
                }else {
                    return '300'
                }
            },

            // 合同金额发生改变，需弹出修改原因的输入框
            contractAmountChange(value){
                
                if(this.contractAmountOld != value){
                    this.contractAmountReasonShow = true
                }else{
                    this.contractAmountReasonShow = false
                    this.addForm.changeContractReason = ''
                }
            },

            //显示新增界面
            handleAdd(i, item) {
                // console.log('handleadd',i,item);
                this.contractAmountReasonShow = false
                if(i == -1) {
                    this.title = this.$t('newproject');
                    this.addForm = {
                        name: '',
                        isPublic:0,
                        userId: [],
                        userNames:'',
                        code:'',
                        inchargerId:null,
                        level: this.user.timeType.projectLevelState == 1 ? this.levelList[0].id : 1,
                        customerId:null,
                        notifyUserNames:'',
                        chosenLeaders:[],
                        category:null,
                        creatorId: this.user.id,
                        projectMainId: '',
                        outputValue: '',
                        // deptId: []
                    }

                    if(this.user.timeType.projectWithDept) {
                        this.$set(this.addForm, 'deptId', [])
                    }

                    if(this.user.companyId == '936') {
                        this.$set(this.addForm, 'contractCode', '')
                        this.$set(this.addForm, 'warrantyStartDate', '')
                        this.$set(this.addForm, 'warrantyEndDate', '')
                        this.$set(this.addForm, 'projectCategorySub', '')
                        this.$set(this.addForm, 'region', '')
                        this.$set(this.addForm, 'bu', '')
                    }
                    if(this.user.companyId == '428') {
                        this.$set(this.addForm, 'projectCategorySub', '')
                    }
                    this.projectBaseCostData = [];
                    this.auseList = [];
                    for (var m=0;m<this.baseCostItemList.length; m++) {
                        this.projectBaseCostData.push({baseId: this.baseCostItemList[m].id, baseName:this.baseCostItemList[m].name, baseAmount:0});
                    }
                    // 关键节点
                    if(this.user.companyId == '936') {
                        this.projectKeyNodesData = []
                        for (var m=0;m<this.keyNodesList.length; m++) {
                            this.projectKeyNodesData.push({nodesId: this.keyNodesList[m].id, nodesName:this.keyNodesList[m].name, planCompleteDate: null, actualCompleteDate: null, states: '0'});
                        }
                        // console.log(this.projectKeyNodesData, '节点值')
                    }
                } else {
                    this.title = this.$t('modifytheproject');
                    var list = item.participator;
                    if (item.isPublic == 1) {
                        list = this.users;
                    }
                    var arr = [];
                    var names = '';
                    for(var j in list) {
                        arr.push(list[j].id)
                        names += list[j].name+',';
                    }
                    if (names.length > 0) {
                        names = names.substring(0, names.length -1);
                    }
                    var listList = JSON.parse(JSON.stringify(item)),
                    arrList = [],
                    array = [];
                    if (listList.deptCascade != "0" && listList.deptCascade != null) {
                    if (listList.deptCascade.indexOf(",") > -1) {
                        arrList = listList.deptCascade.split(",");
                    } else {
                        arrList = [].concat(listList.deptCascade);
                    }
                    }

                    for (var i in arrList) {
                        array.push(parseInt(arrList[i]));
                    }
                    // console.log(array, '转换', listList)
                    this.addForm = {
                        id: item.id,
                        name: item.projectName,
                        isPublic: item.isPublic,
                        userId: arr,
                        userNames:names,
                        code:item.projectCode,
                        inchargerId: item.inchargerId,
                        level: item.level,
                        planStartDate: item.planStartDate,
                        planEndDate: item.planEndDate,
                        budget: item.budget,
                        baseMan: item.baseMan,
                        contractAmount: item.contractAmount,
                        baseFee: item.baseFee,
                        baseRisk1: item.baseRisk1,
                        baseRisk2: item.baseRisk2,
                        baseOutsourcing: item.baseOutsourcing,
                        customerId:item.customerId==0?null:item.customerId,
                        category:item.category,
                        projectDesc: item.projectDesc,
                        projectMainId: item.projectMainId,
                        creatorId: item.creatorId,
                        outputValue: item.outputValue,
                        // deptId: array.reverse(),
                        changeContractReason: ''
                    }
                    this.contractAmountOld = item.contractAmount ? item.contractAmount : 0
                    // console.log(this.addForm, '数据')
                    if(this.user.timeType.projectWithDept) {
                        this.$set(this.addForm, 'deptId', array.reverse())
                    }
                    // 判断公司id是否等于936
                    if(this.user.companyId == '936') {
                        if(item.projectSeparate) {
                            this.$set(this.addForm, 'contractCode', item.projectSeparate.contractCode)
                            this.$set(this.addForm, 'warrantyStartDate', item.projectSeparate.warrantyStartDate)
                            this.$set(this.addForm, 'warrantyEndDate', item.projectSeparate.warrantyEndDate)
                            this.$set(this.addForm, 'projectCategorySub', item.projectSeparate.projectCategorySub)
                            this.$set(this.addForm, 'region', item.projectSeparate.region)
                            this.$set(this.addForm, 'bu', item.projectSeparate.bu)
                        } else {
                            this.$set(this.addForm, 'contractCode', '')
                            this.$set(this.addForm, 'warrantyStartDate', '')
                            this.$set(this.addForm, 'warrantyEndDate', '')
                            this.$set(this.addForm, 'projectCategorySub', '')
                            this.$set(this.addForm, 'region', '')
                            this.$set(this.addForm, 'bu', '')
                        }
                    }

                    if(this.user.companyId == '428') {
                        if(item.projectSeparate) {
                            this.$set(this.addForm, 'projectCategorySub', item.projectSeparate.projectCategorySub)
                        } else {
                            this.$set(this.addForm, 'projectCategorySub', '')
                        }
                    }

                    // 判断是否有供应商
                    if(this.user.company.packageProvider) {
                        // this.addForm.supplierId = item.providerIds.split(',')
                        if(item.providerIds) {
                            let arr = [] 
                            let zhhi = item.providerIds.split(',')
                            for(let i in zhhi) {
                                arr.push(+zhhi[i] + 0)
                            }
                            this.$set(this.addForm, 'supplierId', arr)
                            // console.log( this.addForm.supplierId)
                        } else {
                            this.$set(this.addForm, 'supplierId', [])
                        }
                       
                    }
                    // 判断是否有供应商结尾


                    this.deleteVif = item.creatorId
                    // console.log("handleadd",this.deleteVif,this.addForm)
                    if(item.associateDegrees != null && item.associateDegrees != 'null' && item.associateDegrees != '') {
                        var spli = item.associateDegrees.split(',')
                        var sl  = []
                        for(var i in spli) {
                            var num = +spli[i] + 0
                            sl.push(num)
                        }
                        this.auseList = sl
                        // console.log(this.auseList)
                    } else {
                        this.auseList = []
                    }
                    // var spli = item.associateDegrees.split(',')
                    // var sl  = []
                    // for(var i in spli) {
                    //     var num = +spli[i] + 0
                    //     sl.push(num)
                    // }
                    // this.auseList = sl
                    // console.log(this.auseList)
                    this.changeParticipator();
                    this.getProjectBaseData(item.id);
                    this.getProjectKeyNodeData(item.id)
                    if (this.user.company.packageEngineering == 1) {
                        this.getProjectProfessions(item.id);
                        
                    }
                    //获取项目的相关领导
                    // this.getProjectNotifyUserList(item.id);
                    this.getProjectAutorList(item.id);
                }
                this.addFormVisible = true;
                if (this.user.company.packageEngineering == 1) {
                    if (this.professionList.length == 0) {
                        this.getProfessionList();
                    }
                }

            },
            //获取项目审核人
            getProjectAutorList(projectId) {
                this.http.post('/project-auditor/getList',{projectId: projectId},
                        res => {
                            if (res.code == "ok") {
                               this.addForm.auditUserIds = res.data.map(function(item) {
                                   return item.auditorId;
                               });
                            } else {
                                this.$message({
                                    message: res.msg,
                                    type: "error"
                                });
                            }
                        },
                        error => {
                            this.listLoading = false;
                            this.$message({
                                message: error,
                                type: "error"
                            });
                            }
                        );
            },

            getProjectBaseData(projectId) {
                this.http.post('/project-basecost/get',{projectId: projectId},
                        res => {
                            if (res.code == "ok") {
                               this.projectBaseCostData = res.data;
                            } else {
                                this.$message({
                                    message: res.msg,
                                    type: "error"
                                });
                            }
                        },
                        error => {
                            this.listLoading = false;
                            this.$message({
                                message: error,
                                type: "error"
                            });
                            }
                        );
            },
            getProjectKeyNodeData(projectId) {
                this.http.post('/project-key-nodes/get',{projectId: projectId},
                res => {
                    if (res.code == "ok") {
                       this.projectKeyNodesData = res.data;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                },
                error => {
                    this.listLoading = false;
                    this.$message({
                        message: error,
                        type: "error"
                    });
                    }
                );
            },
            //提交子项目创建修改请求
            submitInsertSubProject () {
                this.$refs.form2.validate(valid => {
                    if (valid) {
                        this.http.post('/sub-project/saveOrUpdate',this.temaddForm,
                        res => {
                            if (res.code == "ok") {
                                this.$message({
                                    message: this.$t('operationissuccessful'),
                                    type: "success"
                                });
                                this.subProject(this.currentProject);
                                this.addSubProject = false;
                            } else {
                                this.$message({
                                    message: res.msg,
                                    type: "error"
                                });
                            }
                        },
                        error => {
                            this.listLoading = false;
                            this.$message({
                                message: error,
                                type: "error"
                            });
                            }
                        );
                        }
                });
            },
            // 项目基线合计
            addUpfun() {
                var total = 0;
                for (var i=0;i<this.projectBaseCostData.length; i++) {
                    total += parseFloat(this.projectBaseCostData[i].baseAmount);
                }
                this.addForm.budget = total;
                // var a = '0'
                // var q = '0'
                // var w = '0'
                // var e = '0'
                // var r = '0'
                // //  this.addForm.baseMan === undefined || this.addForm.baseMan === NaN ? this.addForm.baseMa = '0' : this.addForm.baseMan
                // if (this.addForm.baseMan == undefined || this.addForm.baseMan == NaN) {
                //     a = 0
                // } else {
                //     a = this.addForm.baseMan
                // }
                // if (this.addForm.baseFee !== undefined) q = this.addForm.baseFee
                // if (this.addForm.baseOutsourcing !== undefined) w = this.addForm.baseOutsourcing
                // if (this.addForm.baseRisk1 !== undefined) e = this.addForm.baseRisk1
                // if (this.addForm.baseRisk2 !== undefined) r = this.addForm.baseRisk2
                // this.addForm.budget = +a + +q + +w + +e + +r
            },
            submitInsert() {
                this.$refs.form1.validate(valid => {
                    if (valid) {
                        if (this.user.company.packageEngineering == 1) {
                            if (!this.checkProjectProfession()) {//检查不通过，直接返回
                                return;
                            }
                        }
                        this.addLoading = true;
                        let formData = new FormData();
                        formData.append("name", this.addForm.name);
                        if(this.addForm.projectDesc != null) {
                            formData.append("projectDesc", this.addForm.projectDesc);
                        }
                        if(this.addForm.id != null) {
                            formData.append("id", this.addForm.id);
                        }
                        if(this.addForm.isPublic != null) {
                            formData.append("isPublic", this.addForm.isPublic);
                        }
                        if(this.addForm.userId.length != 0 && this.addForm.isPublic == 0) {
                            for(var j in this.addForm.userId) {
                                formData.append("userId", this.addForm.userId[j]);
                            }
                        }
                        if(this.addForm.inchargerId != null) {
                            formData.append("inchargerId", this.addForm.inchargerId);
                        }
                        if(this.addForm.code != null) {
                            formData.append("code", this.addForm.code);
                        }
                        if(this.addForm.planStartDate != null) {
                            formData.append("planStartDate", this.addForm.planStartDate);
                        }
                        if(this.addForm.planEndDate != null) {
                            formData.append("planEndDate", this.addForm.planEndDate);
                        }
                        if(this.addForm.level != null) {
                            formData.append("level", this.addForm.level);
                        }
                        if(this.addForm.contractAmount != null) {
                            formData.append("contractAmount", this.addForm.contractAmount);
                        }
                        if(this.contractAmountReasonShow){
                            formData.append("changeContractReason", this.addForm.changeContractReason);
                        }
                        if (this.projectBaseCostData != null) {
                            formData.append("projectBaseCostData", JSON.stringify(this.projectBaseCostData));
                            //计算总预算成本
                            if (this.addForm.budget == null) {
                                this.addForm.budget = 0;
                            }
                            formData.append("budget", this.addForm.budget);
                        }
                        if (this.addForm.customerId == null) {
                            formData.append("customerId", 0);
                        } else {
                            formData.append("customerId", this.addForm.customerId);
                        }
                        if (this.addForm.contractAmount) {
                            formData.append("contractAmount", this.addForm.contractAmount);
                        } else {
                            formData.append("contractAmount", 0);
                        }
                        if (this.chosenLeaders != null && this.chosenLeaders.length > 0) {
                            formData.append("chosenLeaders", JSON.stringify(this.chosenLeaders));
                        }
                        if (this.user.timeType.outputValueStatus == 1){
                            formData.append("outputValue",this.addForm.outputValue ? this.addForm.outputValue : 0)
                        }
                        var listId = []
                        var listName = []
                        for(var i in this.auseList) {
                            for(var j in this.ause) {
                                if(this.auseList[i] == this.ause[j].id) {
                                    listId.push(this.ause[j].id);
                                    listName.push(this.ause[j].name);
                                    break;
                                }
                            }
                        }
                        listId.toString()
                        listName.toString()
                        formData.append("associateDegrees", listId)
                        formData.append("associateDegreeNames", listName)
                        //日报审核人
                        formData.append("auditUserIds", JSON.stringify(this.addForm.auditUserIds));

                        if(this.addForm.category != null) {
                            formData.append("category", this.addForm.category);
                        }
                        if(this.user.timeType.mainProjectState == '1' && this.addForm.projectMainId) {
                            formData.append("projectMainId", this.addForm.projectMainId);
                        }

                        // 提交供应商
                        // 线判断是否有供应商
                        if(this.user.company.packageProvider) {
                            let suppStrName = []
                            for(let is in this.addForm.supplierId) {
                                for(let js in this.supplierList) {
                                    if(this.addForm.supplierId[is] == this.supplierList[js].id) {
                                        suppStrName.push(this.supplierList[js].providerName)
                                    }
                                }
                            }
                            formData.append("providerNames", suppStrName.toString());
                            formData.append("providerIds", this.addForm.supplierId.toString());
                        }

                        // 判断公司id是否等于 936
                        if(this.user.companyId == '936') {
                             formData.append("contractCode", this.addForm.contractCode ? this.addForm.contractCode : '');
                             formData.append("warrantyStartDate", this.addForm.warrantyStartDate ? this.addForm.warrantyStartDate : '');
                             formData.append("warrantyEndDate", this.addForm.warrantyEndDate ? this.addForm.warrantyEndDate : '');
                             formData.append("projectCategorySub", this.addForm.projectCategorySub ? this.addForm.projectCategorySub : '');
                             formData.append("region", this.addForm.region ? this.addForm.region : '');
                             formData.append("bu", this.addForm.bu ? this.addForm.bu : '');
                            //  关键节点
                            formData.append("projectKeyNodesData", JSON.stringify(this.projectKeyNodesData));
                        }
                        if(this.user.companyId == '428') {
                             formData.append("projectCategorySub", this.addForm.projectCategorySub ? this.addForm.projectCategorySub : '');
                        }
                        if(this.user.timeType.projectWithDept) {
                            if(this.addForm.deptId != null && this.addForm.deptId != '') {
                                formData.append("deptId", this.addForm.deptId[this.addForm.deptId.length - 1])
                            }
                        }
                        // formData.append("associateDegreeNames", listName)
                        // console.log("addform",this.addForm);
                        // return
                        this.http.uploadFile(this.port.project.add,formData,
                        res => {
                            this.addLoading = false;
                            if (res.code == "ok") {
                                this.$message({
                                    message: (this.addForm.id!=null?this.$t('xiu-gai'):this.$t('create'))+this.$t('other.successful'),
                                    type: "success"
                                });
                                this.addFormVisible = false;
                                this.getList();
                                if (this.user.company.packageEngineering == 1) {
                                    this.saveProjectProfessions(res.data);
                                }
                            } else {
                                this.$message({
                                    message: res.msg,
                                    type: "error"
                                });
                            }
                        },
                        error => {
                            this.addLoading = false;
                            this.$message({
                                message: error,
                                type: "error"
                            });
                        });
                        }
                });
            },
            cascaderChange(e) {
                // console.log(e)
                // console.log(this.addForm)
                // if(e.length )
                // console.log(e)
            },
            // 删除
            deletePro(i, item) {
                this.$confirm(this.$t('makesuretodeletetheitem')+"[" + item.name + "]"+this.$t('ma'),this.$t('deletetheproject'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post(this.port.project.delete,{ 
                        id: item.id 
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getList();
                            this.addFormVisible = false
                        } else if (res.code == 'reconfirm') {
                            this.deleteAlertMsg = res.msg;
                            this.forceDeletePro(item.id);
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },
            // 模板下载
            downloadmb(){
                this.http.post('/project/getTemplate',{
                    companyId: this.user.companyId
                },res => {
                    if(res.code == 'ok'){
                        var filePath = res.data;
                        const a = document.createElement('a'); // 创建a标签
                        var fileName = filePath.split('/')[2];
                        a.setAttribute('download', fileName);// download属性
                        a.setAttribute('href', filePath);// href链接
                        a.click(); //自执行点击事件
                        a.remove();
                    }else{
                        this.$message({
                            message: res.msg,
                            type: 'error'
                        })
                    }
                },err => {
                    this.$message({
                        message: err,
                        type: 'error'
                    })
                })
            },
            //强制删除项目
            forceDeletePro(deleteProId) {
                this.$confirm(this.deleteAlertMsg,this.$t('deletetheproject'), {
                    confirmButtonText: this.$t('btn.determine'),
                    cancelButtonText: this.$t('btn.cancel'),
                    type: "warning"
                })
                .then(() => {
                    this.listLoading = true;
                    this.http.post(this.port.project.delete,{ 
                        id: deleteProId ,force:1
                    },
                    res => {
                        this.listLoading = false;
                        if (res.code == "ok") {
                            this.$message({
                                message: this.$t('message.successfullyDeleted'),
                                type: "success"
                            });
                            this.getList();
                            this.addFormVisible = false;
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            });
                        }
                    },
                    error => {
                        this.listLoading = false;
                        this.$message({
                            message: error,
                            type: "error"
                        });
                        }
                    );
                })
                .catch(() => {});
            },

            detail(i) {
                this.$router.push("/list/" + this.list[i].id + "/" + this.list[i].projectName);
            },
            // 获取部门
            getDepartmentList() {
                this.http.post( this.port.manage.depList, {},
                    res => {
                    if (res.code == "ok") {
                        let dptlist = JSON.parse(JSON.stringify(res.data));
                        this.departmentList = this.changeArr(dptlist);
                    } else {
                        this.$message({
                            message: res.msg,
                            type: "error"
                        });
                    }
                    },error => {
                    this.$message({
                        message: error,
                        type: "error"
                    });
                });
            },
            changeArr(arr) {
                for (var i = 0; i < arr.length; i++) {
                    if(arr[i].id != -1 && arr[i].id != 0) {
                        if (arr[i].children != null && arr[i].children.length>0) {
                            arr[i].children = this.changeArr(arr[i].children);
                        }
                        arr[i].id && (arr[i].value = arr[i].id);
                        delete arr[i].id;
                    }
                }
                for(var i in arr) {
                    if(arr[i].id == -1 || arr[i].id == 0) {
                        arr.splice(i,1)
                    }    
                }
                return arr;
            },
        },
        created() {
            let height = window.innerHeight;
            this.tableHeight = height - 225;
            const that = this;
            window.onresize = function temp() {
                that.tableHeight = window.innerHeight - 195;
            };
        },
        mounted() {
            this.userssHu()
            this.getDepartment();
            this.getList();
            this.getUsers();
            this.getCustomerList();
            this.getProjectBaseConfigList();
            this.getClfConfigList()
            this.yanjiuzx()

            // 判断是否有供应商字段
            if(this.user.company.packageProvider == 1){
                this.getSupplierList()
                // this.getPhase()
            }
            if(this.user.company.packageProject == 1) {
                this.obtainPhase()
            }
            // this.getSupplierList()

            if(this.user.timeType.mainProjectState == 1){
                this.getMainProject()
            }
            if(this.user.timeType.projectLevelState == 1){
                this.getProjectLevel()
            }

            // 判断释放为专业版
            if(this.user.company.packageProject == 1) {
                this.importanceList = [{id:1,label:this.$t('zheng-chang')},{id:5,label:this.$t('di-feng-xian')},{id:6,label:this.$t('zhong-feng-xian')},{id:7,label:this.$t('gao-feng-xian')},{id:2,label:this.$t('jin-ji')},{id:3,label:this.$t('zhong-yao')},{id:4,label:this.$t('zhong-yao-qie-jin-ji')}]
            } else {
                this.importanceList = [{id:1,label:this.$t('zheng-chang')},{id:2,label:this.$t('jin-ji')},{id:3,label:this.$t('zhong-yao')},{id:4,label:this.$t('zhong-yao-qie-jin-ji')}]
            }

            // 获取部门
            if(this.user.timeType.projectWithDept) {
                this.getDepartmentList()
            }

            if(this.user.companyId == '936') {
                this.getkeyNodes()
            }
        }
    };
</script>

<style lang="scss" scoped>
.rg_span{
    display: inline-block;
}
.rg_span span {
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
}
.el-dialog__title {
    display: inline-table;
    margin-top: 20px;
}
.addss {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.keyNodes {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 30px;
}
.keyNodes .keyNodesTime {
    width: 190px;
    display: flex;
    justify-content: center;
}
.keyNodes .keyNodesName {
    width: 260px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

// 111

</style>
<style>
.managePopperClass{
    width: 190px;
}
.el-dropdown-link {
    color: #409EFF;
}
.customdropdown{
    margin-left: 10px;
}
.customdropdown .el-dropdown__caret-button{
    height: 27px;
}
.customdropdown .el-button--mini:nth-child(1){
    height: 27px;
}
.customdropdown_menu{
    padding: 0;
}
.customdropdown_menu_btn{
    border-color: transparent;
}
.ganttdialog .el-dialog__body{
    height: 550px;
}
.toolbar_formitem_n1{
    margin-right: 0 !important;
}
</style>