工单节点信息

whycwx

2021-11-05 883d033ecf47bb476e16be5c5cc7698a44c359f6

工单节点信息

 src/pages/alarmWork/workInfo.vue

@@ -56,14 +56,7 @@
                        <div class="change_box" v-if="value==2">
                            <el-form ref="form2" :model="form2" label-width="120px">
                                <el-form-item label="要求完成时间：">
                                    <el-col :span="4">
                                        <el-date-picker type="date" placeholder="选择日期" v-model="form2.date1" style="width: 100%;"></el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="1" style="text-align: center;">-</el-col>
                                    <el-col :span="2">
                                        <el-time-picker placeholder="选择时间" v-model="form2.date2" style="width: 100%;"></el-time-picker>
                                    </el-col>
                                    <!-- <el-date-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
                                    <el-date-picker v-model="form2.date2" type="datetime" placeholder="选择日期时间" > </el-date-picker>
                                </el-form-item>
                                <el-form-item label="转派意见：">
                                    <el-input type="textarea" v-model="form2.desc" style="width: 40%;"></el-input>
@@ -78,14 +71,7 @@
                        <div class="change_box" v-if="value==3">
                            <el-form ref="form3" :model="form3" label-width="120px">
                                <el-form-item label="要求完成时间：">
                                    <el-col :span="4">
                                        <el-date-picker type="date" placeholder="选择日期" v-model="form3.date1" style="width: 100%;"></el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="1" style="text-align: center;">-</el-col>
                                    <el-col :span="2">
                                        <el-time-picker placeholder="选择时间" v-model="form3.date2" style="width: 100%;"></el-time-picker>
                                    </el-col>
                                    <!-- <el-date-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
                                    <el-date-picker v-model="form3.date2" type="datetime" placeholder="选择日期时间" > </el-date-picker>
                                </el-form-item>
                                <el-form-item label="分派处理人：">
                                    <el-input v-model="form3.user" placeholder="请输入" style="width: 40%;"></el-input>
@@ -102,14 +88,7 @@
                        <div class="change_box" v-if="value==4">
                            <el-form ref="form4" :model="form4" label-width="120px">
                                <el-form-item label="要求完成时间：">
                                    <el-col :span="4">
                                        <el-date-picker type="date" placeholder="选择日期" v-model="form4.date1" style="width: 100%;"></el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="1" style="text-align: center;">-</el-col>
                                    <el-col :span="2">
                                        <el-time-picker placeholder="选择时间" v-model="form4.date2" style="width: 100%;"></el-time-picker>
                                    </el-col>
                                    <!-- <el-date-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
                                    <el-date-picker v-model="form4.date2" type="datetime" placeholder="选择日期时间" > </el-date-picker>
                                </el-form-item>
                                <el-form-item label="移交处理组：">
                                    <el-input v-model="form4.user" placeholder="请选择" style="width: 40%;"></el-input>
@@ -146,7 +125,157 @@
                        </div>
                    </div>
                </el-tab-pane>
                <el-tab-pane label="流程信息">流程信息</el-tab-pane>
                <el-tab-pane label="流程信息">
                    <p class="title_p">流程信息</p>
                    <el-row :gutter="20">
                        <el-col :span="6">
                            <p>工单派发</p>
                        </el-col>
                        <el-col :span="10">
                            <p>处理人：系统自动派</p>
                        </el-col>
                        <el-col :span="8">
                            <p>处理时间：2021/9/7 12:35:11</p>
                        </el-col>
                    </el-row>
                    <div class="details_box">
                        <el-row :gutter="20">
                            <el-col :span="6">
                                <p>T1处理 处理人：李某某</p>
                            </el-col>
                            <el-col :span="6">
                                <p>处理角色：区域一管理员</p>
                            </el-col>
                            <el-col :span="4">
                                <p>处理动作：移交</p>
                            </el-col>
                            <el-col :span="8">
                                <p>处理时间：2021/9/7 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>移交处理角色：区域二管理员 </p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>移交意见：此告警不属于本区域，请区域二处理。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>分派处理人：张某某、程某某 </p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>分派意见：请配合处理。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>回复移交：无法处理，请移交到T2处理</p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>附件：test.txt </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>处理结果：处理意见通过。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>移交处理角色：蓄电池维护班组2</p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                    </div>
                    <div class="details_box">
                        <el-row :gutter="20">
                            <el-col :span="6">
                                <p>T1处理 处理人：李某某</p>
                            </el-col>
                            <el-col :span="6">
                                <p>处理角色：区域一管理员</p>
                            </el-col>
                            <el-col :span="4">
                                <p>处理动作：移交</p>
                            </el-col>
                            <el-col :span="8">
                                <p>处理时间：2021/9/7 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>移交处理角色：区域二管理员 </p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>移交意见：此告警不属于本区域，请区域二处理。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>分派处理人：张某某、程某某 </p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>分派意见：请配合处理。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>回复移交：无法处理，请移交到T2处理</p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>附件：test.txt </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="20">
                                <p>处理结果：处理意见通过。 </p>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col :span="16">
                                <p>移交处理角色：蓄电池维护班组2</p>
                            </el-col>
                            <el-col :span="8">
                                <p>要求完成时间：2021/9/8 14:41:59</p>
                            </el-col>
                        </el-row>
                    </div>

                </el-tab-pane>
                <el-tab-pane label="流程图">流程图</el-tab-pane>
            </el-tabs>
            
@@ -195,6 +324,7 @@
            form6:{
                desc:"",
            },
            detailsData:[],
        }
    },
    mounted(){
@@ -256,4 +386,10 @@
    border-top: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
}
.details_box{
    border-bottom: 2px #ccc solid;
    border-top: 2px #ccc solid;
    padding: 5px;
    margin-bottom: 20px;
}
</style>