PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/inspection/inspectionTaskDetail/inspectionTaskDetail.html

<div>

    <div class="ibox ">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="巡检任务" namespace="inspectionTaskDetail"></vc:i18n>
            </h5>
            <div class="ibox-tools">
             
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
            
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            任务编码：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.taskId}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            巡检计划：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.inspectionPlanName}}</label>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            开始/结束时间：
                        </label>
                        <label class=""> {{inspectionTaskDetailInfo.planInsTime}}</br>~{{inspectionTaskDetailInfo.planEndTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            实际巡检时间：
                        </label>
                        <label class=""> {{inspectionTaskDetailInfo.actInsTime ? inspectionTaskDetailInfo.actInsTime : '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划巡检人：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.originalPlanUserName ? inspectionTaskDetailInfo.originalPlanUserName : '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            当前巡检人：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.planUserName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            转移描述：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.transferDesc ? inspectionTaskDetailInfo.transferDesc : '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            巡检方式：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.signTypeName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            巡检状态：
                        </label>
                        <label class="">{{inspectionTaskDetailInfo.stateName}}</label>
                    </div>
                </div>
									
            </div>

        </div>
    </div>
    <div class="ibox ">

        <div class="ibox-content">
            <div class="margin-top-sm">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionTaskDetailInfo._currentTab == 'pointTaskDetail'}"
                            v-on:click="changeTab('pointTaskDetail')">
                            <vc:i18n name="巡检明细" namespace="inspectionTaskDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionTaskDetailInfo._currentTab == 'inspectionTaskMap'}"
                            v-on:click="changeTab('inspectionTaskMap')">
                            <vc:i18n name="巡检地图" namespace="inspectionTaskDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionTaskDetailInfo._currentTab == 'routePlan'}"
                            v-on:click="changeTab('routePlan')">
                            <vc:i18n name="巡检计划" namespace="inspectionTaskDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionTaskDetailInfo._currentTab == 'pointRoute'}"
                            v-on:click="changeTab('pointRoute')">
                            <vc:i18n name="巡检路线" namespace="inspectionTaskDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionTaskDetailInfo._currentTab == 'inspectionRoutePoint'}"
                            v-on:click="changeTab('inspectionRoutePoint')">
                            <vc:i18n name="巡检点" namespace="inspectionTaskDetail"></vc:i18n>
                        </a>
                    </li>
                </ul>
            </div>

          <div v-if="inspectionTaskDetailInfo._currentTab == 'pointTaskDetail'">
                <vc:create path="inspection/pointTaskDetail"></vc:create>
            </div>
              
            <div v-if="inspectionTaskDetailInfo._currentTab == 'inspectionTaskMap'">
                <vc:create path="inspection/inspectionTaskMap"></vc:create>
            </div>
            
            <div v-if="inspectionTaskDetailInfo._currentTab == 'routePlan'">
                <vc:create path="inspection/routePlan"></vc:create>
            </div>
           
            <div v-if="inspectionTaskDetailInfo._currentTab == 'pointRoute'">
                <vc:create path="inspection/pointRoute"></vc:create>
            </div>
          
            <div v-if="inspectionTaskDetailInfo._currentTab == 'inspectionRoutePoint'">
                <vc:create path="inspection/inspectionRoutePoint"></vc:create>
            </div> 
            

        </div>
    </div>


</div>