查询用户组

whycwx

2021-11-10 3b26fd394efacb75b24b9575effbbcbbe63361aa

 src/pages/alarmWork/workInfo.vue

@@ -24,8 +24,24 @@
                        <!-- <p><span class="label_box">告警结束时间：{{ workInfo.planEndTime }}</span></p> -->
                        <p><span class="label_box">告警级别：</span><span class="color_red">{{ numList[workInfo.alarmLevel-1] }}级告警</span></p>
                        <!-- <p><span class="label_box">告警附件：</span><a href="#" download>某某文件.txt</a></p> -->
                         <!-- 处理分派回复 -->
                        <div class="change_box" v-if="tableData.length>0">
                                <el-table :data="tableData" stripe style="width: 100%">
                                <el-table-column type="selection" width="55"></el-table-column>
                                <el-table-column prop="dealUserId" label="分派处理人"></el-table-column>
                                <el-table-column prop="dealReason" label="处理回复内容" ></el-table-column>
                                <!-- <el-table-column prop="fj" label="附件"></el-table-column> -->
                                <el-table-column prop="createTime" label="日期"></el-table-column>
                                <el-table-column prop="option" label="操作">
                                    <template slot-scope="scope">
                                        <el-button size="mini" type="success">通过</el-button>
                                        <el-button size="mini" type="info">驳回</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    
                   
                    <div class="select_box">
                        <p>
                            <span class="label_box">处理动作:</span>
@@ -40,23 +56,14 @@
                        </p>
                    </div>
                    <div class="event_box">
                        <!-- 处理分派回复 -->
                        <!-- 转派 -->
                        <div class="change_box" v-if="value==1">
                            <el-button size="mini" type="success">通过</el-button>
                            <el-button size="mini" type="info">驳回</el-button>
                             <el-table :data="tableData" stripe style="width: 100%">
                                <el-table-column type="selection" width="55"></el-table-column>
                                <el-table-column prop="name" label="分派处理人"></el-table-column>
                                <el-table-column prop="data" label="处理回复内容" ></el-table-column>
                                <el-table-column prop="fj" label="附件"></el-table-column>
                                <el-table-column prop="date" label="日期"></el-table-column>
                            </el-table>
                        </div>
                        <!-- 转派T2处理 -->
                        <div class="change_box" v-if="value==2">
                            <el-form ref="form2" :model="form2" label-width="120px">
                                <el-form-item label="要求完成时间：">
                                    <el-date-picker v-model="form2.date2" type="datetime" placeholder="选择日期时间" > </el-date-picker>
                                </el-form-item>
                                <el-form-item label="转派处理人：">
                                    <el-input v-model="form2.user" placeholder="请选择" readonly=""  @click.native="getUserList()" style="width: 20%;"></el-input>
                                </el-form-item>
                                <el-form-item label="转派意见：">
                                    <el-input type="textarea" v-model="form2.desc" style="width: 40%;"></el-input>
@@ -74,7 +81,7 @@
                                    <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>
                                    <el-input v-model="form3.user" placeholder="请输入" readonly=""  @click.native="getUserList()" style="width: 40%;"></el-input>
                                </el-form-item>
                                <el-form-item label="转派意见：">
                                    <el-input type="textarea" v-model="form3.desc" style="width: 40%;"></el-input>
@@ -85,13 +92,13 @@
                            </el-form>
                        </div>
                        <!-- 移交 -->
                        <div class="change_box" v-if="value==4">
                        <div class="change_box" v-if="value==2">
                            <el-form ref="form4" :model="form4" label-width="120px">
                                <el-form-item label="要求完成时间：">
                                    <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>
                                    <el-input v-model="form4.user" placeholder="请选择" readonly=""  @click.native="getUserList()" style="width: 40%;"></el-input>
                                </el-form-item>
                                <el-form-item label="移交意见：">
                                    <el-input type="textarea" v-model="form4.desc" style="width: 40%;"></el-input>
@@ -279,16 +286,46 @@
                <el-tab-pane label="流程图">流程图</el-tab-pane>
            </el-tabs>
            
            <el-button size="mini" type="primary" @click="basicInfo">查询</el-button>
            <!-- <el-button size="mini" type="primary" @click="basicInfo">查询</el-button> -->
        </div>
        <!-- 用户列表 -->
        <el-dialog
        title="提示"
        :visible.sync="dialog"
        width="30%"
        center>
            <div>
                <el-tree
                :data="userList"
                show-checkbox
                @check="check"
                node-key="id"
                :default-expanded-keys="expandedList"
                :props="defaultProps">
                </el-tree>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="ok()">确 定</el-button>
                <el-button @click="cancel()">取 消</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script>
import { login,basicInfo } from './js/workInfo/workInfo'
import { login,basicInfo , userList} from './js/workInfo/workInfo'
import  {STATUS}  from './js/const'
export default {
    data(){
        return {
            dialog:false,
            expandedList:[],
            userCheckId:"",
            userCheckName:"",
            userList:[],
            defaultProps: {
                children: 'children',
                label: 'label'
            },
            value:"",
            workInfo:{
                status:0,
@@ -299,25 +336,22 @@
                taskDesc:"",
                alarmLevel:"",
                countdown:"",
                stationId:"",
            },
            numList:["一","二","三","四","五","六","七","八","九","十"],
            selectList:[
                {value:1,label:"处理分派回复"},
                {value:2,label:"转派T2处理"},
                {value:1,label:"转派"},
                {value:3,label:"分派"},
                {value:4,label:"移交"},
                {value:2,label:"移交"},
                {value:5,label:"回复"},
                {value:6,label:"处理并归档"},
            ],
            tableData:[
                {name:"张三",data:"已处理，故障已恢复",fj:"xxx.txt",date:"2021-10-08 15:51:43"},
                {name:"李四",data:"已处理，故障已恢复",fj:"xxx.txt",date:"2021-10-08 15:51:43"},
                {name:"王五",data:"已处理，故障已恢复",fj:"xxx.txt",date:"2021-10-08 15:51:43"}
            ],
            tableData:[],
            form2:{
                date1:"",
                date2:"",
                desc:""
                desc:"",
                user:"",
            },
            form3:{
                date1:"",
@@ -338,7 +372,8 @@
                desc:"",
            },
            detailsData:[],
            time: null
            time: null,

        }
    },
    mounted(){
@@ -351,24 +386,108 @@
            console.log(val)
            console.log("val:" + this.value)
        },
        // 获取用户列表
        getUserList:function(){
            let self = this;
            let params = {
                stationId:self.workInfo.stationId
            }
                userList(params).then((res)=>{
                    let resdata = res.data;
                        if(resdata.code == 1){
                            let dataList = [
                                    {
                                        id:self.workInfo.stationId,
                                        label:self.workInfo.stationName,
                                        children:[]
                                    }
                                ];
                                resdata.data.forEach(item => {
                                    let obj = {
                                        id:item.uid,
                                        label:item.uname
                                    }
                                    dataList[0].children.push(obj);
                                });
                                self.userList = dataList;
                                self.dialog = true;
                        }
                        console.log(resData)
                }).catch((err)=>{

                })
                
        },
        // 树已选数据
        check:function(obj,data){
            /*
            *obj=当前选中的数据
            *data{
            * checkedKeys:已选数据的ID
            * checkedNodes：已选数据详细信息
            * halfCheckedKeys：已选数据所属的组
            * halfCheckedNodes：已选数据所属组的详细信息   
            *}
            */ 
           let self = this;
                if(obj.id!=self.workInfo.stationId){
                    self.userCheckId = data.checkedKeys.join(",");
                }else{
                    self.userCheckId = data.checkedKeys.slice(1, data.checkedKeys.length).join(",");
                }
                let nameArr = [];
                data.checkedNodes.forEach((item,i) => {
                    if(obj.id!=self.workInfo.stationId){
                        nameArr.push(item.label);
                    }else{
                        if(i>0){
                            nameArr.push(item.label);
                        }
                    }
                    
                });
                self.userCheckName = nameArr.join(",");
            console.log(obj,data)
            console.log(self.userCheckId,self.userCheckName)
        },
        // 确定
        ok:function(){
            let self = this;
                self.form2.user = self.userCheckName;
                self.dialog = false;
        },
        // 取消
        cancel:function(){
            let self = this;
                self.userCheckName = "";
                self.form2.user = "";
                self.dialog = false;
        },
        // 查询工单基本信息
        basicInfo:function(){
            let self = this;

                // login();
                basicInfo({mainId:31}).then((res)=>{
                    let resdata = res.data.data;
                        self.workInfo.status = STATUS[resdata.status];
                        self.workInfo.title = resdata.title;//标题
                        self.workInfo.orderId = resdata.orderId;//工单编号
                        self.workInfo.createTime = resdata.createTime;//工单生成时间
                        self.workInfo.alarmTime = resdata.workflowAlarm.alarmTime;//告警开始时间
                        self.workInfo.alarmLevel = resdata.workflowAlarm.alarmLevel;//告警等级
                        self.workInfo.taskDesc = resdata.taskDesc;//告警描述
                        console.log(resdata)
                        // 倒计时
                        self.time = setInterval(function(){self.showTime()},1000);
                        // self.time;
                    if(res.data.code == 1){
                        let resdata = res.data.data;
                            self.workInfo.status = STATUS[resdata.status];
                            self.workInfo.title = resdata.title;//标题
                            self.workInfo.orderId = resdata.orderId;//工单编号
                            self.workInfo.createTime = resdata.createTime;//工单生成时间
                            self.workInfo.alarmTime = resdata.workflowAlarm.alarmTime;//告警开始时间
                            self.workInfo.alarmLevel = resdata.workflowAlarm.alarmLevel;//告警等级
                            self.workInfo.taskDesc = resdata.taskDesc;//告警描述
                            console.log(resdata)
                            // 倒计时
                            self.time = setInterval(function(){self.showTime()},1000);
                            // 分派人回复列表
                            self.tableData = resdata.linkList;
                            // 当前包机组ID、名称
                            self.workInfo.stationId = resdata.workflowAlarm.stationId;
                            self.workInfo.stationName = resdata.workflowAlarm.stationName;
                            // self.time;
                    }
                }).catch((err)=>{

                })