项目计划预算加提示信息

src/views/program/project/form.vue

@@ -17,9 +17,8 @@
         </template>
         <HcTable :isIndex="false" :column="tableColumn" :datas="tableData" :row-style="tableRowStyle" hasChildren="hasChildren1" children="childrenList">
             <template #projectProcessValue="{row,index}">
-               
                 <template v-if="row.taskFinishedStatus === 1">
-                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="row?.projectProcessValue">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
                         <template #reference>
                             <span class="text-hover">{{row.projectProcessValue}}</span>
                         </template>
@@ -27,34 +26,212 @@
                 </template>
                 <span v-else>{{row.projectProcessValue}}</span>
             </template>
-            <template #planTaskType="{row,index}">
-                <el-select v-model="row.planTaskType" v-if="row.isEdit" clearable>
-                    <el-option v-for="item in taskTypeList" :label="item.dictName" :value="item.id" />
-                </el-select>
-                <span v-else>{{row?.planTaskTypeValue}}</span>
-            </template>
-            <template #planTaskDesc="{row,index}">
-                <el-input v-model="row.planTaskDesc" v-if="row.isEdit" clearable/>
-                <span v-else>{{row.planTaskDesc}}</span>
-            </template>
-            <template #planTarget="{row,index}">
-                <el-input v-model="row.planTarget" v-if="row.isEdit" clearable/>
-                <span v-else>{{row.planTarget}}</span>
-            </template>
+
+            <template #budgetTypeValue="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                       <template #reference>
+                           <span class="text-hover">{{row.budgetTypeValue}}</span>
+                       </template>
+                   </el-popover>
+               </template>
+               <span v-else>{{row.projectProcessValue}}</span>
+           </template>
+           <template #taskDetailValue="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                       <template #reference>
+                           <span class="text-hover">{{row.taskDetailValue}}</span>
+                       </template>
+                   </el-popover>
+               </template>
+               <span v-else>{{row.projectProcessValue}}</span>
+           </template>
+           <template #planTaskType="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <el-select v-model="row.planTaskType" v-if="row.isEdit" clearable>
+                            <el-option v-for="item in taskTypeList" :label="item.dictName" :value="item.id" />
+                        </el-select>
+                        <span v-else>{{row?.planTaskTypeValue}}</span>
+                    </el-popover>
+               </template>
+               <span v-else>
+                    <el-select v-model="row.planTaskType" v-if="row.isEdit" clearable>
+                            <el-option v-for="item in taskTypeList" :label="item.dictName" :value="item.id" />
+                        </el-select>
+                        <span v-else>{{row?.planTaskTypeValue}}</span>
+                </span>
+           </template>
+           <template #planTaskDesc="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template  #reference>
+                            <el-input v-model="row.planTaskDesc" v-if="row.isEdit" clearable/>
+                            <span v-else>{{row.planTaskDesc}}</span>
+                        </template>
+                   </el-popover>
+               </template>
+               <span v-else>
+                        <el-input v-model="row.planTaskDesc" v-if="row.isEdit" clearable/>
+                        <span v-else>{{row.planTaskDesc}}</span>
+                </span>
+           </template>
+           <template #planTarget="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                       <template #reference>
+                            <el-input v-model="row.planTarget" v-if="row.isEdit" clearable/>
+                            <span v-else>{{row.planTarget}}</span>
+                       </template>
+                   </el-popover>
+               </template>
+               <span v-else>
+                    <el-input v-model="row.planTarget" v-if="row.isEdit" clearable/>
+                    <span v-else>{{row.planTarget}}</span>  
+                </span>
+           </template>
             <template #key7="{row,index}">
-                <HcDatePicker :dates="[row.planStartTime,row.planEndTime]" @change="betweenTimeUpdate($event,row)" v-if="row.isEdit" clearable/>
-                <span v-else>
-                    <span >{{row.planStartTime?row.planStartTime:''}}</span>
-                    <span  v-if="row.planEndTime">~</span>
-                    <span >{{row.planEndTime?row.planEndTime:''}}</span>
+                <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                       <template #reference>
+                            <HcDatePicker :dates="[row.planStartTime,row.planEndTime]" @change="betweenTimeUpdate($event,row)" v-if="row.isEdit" clearable/>
+                            <span v-else>
+                                    <span >{{row.planStartTime?row.planStartTime:''}}</span>
+                                    <span  v-if="row.planEndTime">~</span>
+                                    <span >{{row.planEndTime?row.planEndTime:''}}</span>
+                             </span>
+                       </template>
+                   </el-popover>
+               </template>
+               <span v-else>
+                    <HcDatePicker :dates="[row.planStartTime,row.planEndTime]" @change="betweenTimeUpdate($event,row)" v-if="row.isEdit" clearable/>
+                    <span v-else>
+                            <span >{{row.planStartTime?row.planStartTime:''}}</span>
+                            <span  v-if="row.planEndTime">~</span>
+                            <span >{{row.planEndTime?row.planEndTime:''}}</span>
+                    </span>  
                 </span>
-             
-      
             </template>
-            <template #planDays="{row,index}">
+            <!-- <template #planDays="{row,index}">
                 <el-input v-model="row.planDays" v-if="row.isEdit" disabled clearable/>
                 <span v-else>{{row.planDays}}</span>
+            </template> -->
+            <template #planDays="{row,index}">
+               <template v-if="row.taskFinishedStatus === 1">
+                   <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                       <template #reference>
+                        <el-input v-model="row.planDays" v-if="row.isEdit" disabled clearable/>
+                         <span v-else>{{row.planDays}}</span>
+                       </template>
+                   </el-popover>
+               </template>
+               <span v-else>
+                        <el-input v-model="row.planDays" v-if="row.isEdit" disabled clearable/>
+                         <span v-else>{{row.planDays}}</span>   
+                </span>
+           </template>
+           <template #postTypeValue="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.postTypeValue}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.postTypeValue}}</span>
+            </template>
+            <template #staffCount="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.staffCount}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #budgetStaffCost="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.budgetStaffCost}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #budgetTravelExpense="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.budgetTravelExpense}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #outsourceUnitPrice="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.outsourceUnitPrice}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #outsourcePeopleCount="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.outsourcePeopleCount}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #outsourceCountMoney="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.outsourceCountMoney}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #otherBudgetMoney="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.otherBudgetMoney}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #budgetCountMoney="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.budgetCountMoney}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
+            </template>
+            <template #budgetRemark="{row,index}">
+                <template v-if="row.taskFinishedStatus === 1">
+                    <el-popover placement="top-start" title="" :width="200" :hide-after="0" :content="'成本增加! 该项计划完成时间超出当初测算工作时长 1天)'">
+                        <template #reference>
+                            <span class="text-hover">{{row.budgetRemark}}</span>
+                        </template>
+                    </el-popover>
+                </template>
+                <span v-else>{{row.staffCount}}</span>
             </template>
+            
             <template #action="{row,index}">
                 <el-button size="small" type="success" v-if="row.isEdit" @click="getWorkDays(row)">保存</el-button>
                 <el-button size="small" type="primary" v-else @click="row.isEdit = true" :disabled="row?.isShowEdit===0">编辑</el-button>