sasp-admin 0.2.57

package/src/views/station/orgStation.vue

@@ -0,0 +1,561 @@
+<!--附件下载日志-->
+<template>
+    <el-container  class="top_contain" >
+        <!--查询条件 -->
+        <el-header  style="height: auto">
+            <div class="search-form-parent el-card">
+                <el-form inline :model="crud.searchForm" size="small"
+                         class="demo-form-inline"  @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                            <el-form-item label="岗位名称">
+                                <el-input  v-model="crud.searchForm.stationName"  style="width: 120px" ></el-input>
+                            </el-form-item>
+                    <!--换行显示-->
+                        <el-form-item>
+                            <el-button   type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                            <el-button  icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                        </el-form-item>
+
+                </el-form>
+            </div>
+        </el-header>
+
+        <!--查询体 列表展示-->
+        <el-main  id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto;" size="small">
+                    <!--新增-->
+                    <el-button  type="primary" size="small" round icon="el-icon-circle-plus" @click="stationAdd()" >新增</el-button>
+                    <!--删除-->
+                    <el-button  type="danger" size="small" round icon="el-icon-delete"  @click="crud.remove()" >删除</el-button>
+                    <span style="color: red;margin-left: 30px">*优先级越小岗位排名越前</span>
+                </el-header>
+                <!--列表-->
+                <el-main style="height: 100%;" ref="tableMain" >
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"  style="width: 100%;">
+                        <el-table-column type="selection" width="40"
+                                         align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column  label="岗位名称" prop="stationName"  align="center"  show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column  label="优先级" prop="priority" width="250"  align="center" show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="240">
+                            <template slot-scope="scope" >
+                                <el-button size="small" type="primary" @click="stationEdit(scope.row)">
+                                    <i class="el-icon-edit"></i>修改
+                                </el-button>
+                            </template>
+                        </el-table-column>
+
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <!--新增或修改岗位-->
+        <!--添加脚本-->
+        <el-dialog :title="(crud.formData.id? '修改':'添加')+'岗位信息'" :visible.sync="crud.dialogVisible" height="300px"
+                   top="13vh" width="30%"  append-to-body>
+            <el-form :model="crud.formData" label-width="126px" :ref="crud.addFormRef" class="script_list_form">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="岗位名称：" prop="stationName" :rules="rules.stationName">
+                            <el-input v-model="crud.formData.stationName" ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="优先级：" prop="priority" :rules="plValidate('required','numberInt')">
+                            <el-input v-model="crud.formData.priority"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" size="small" icon="el-icon-success" @click="crud.formSubmit()" >保存</el-button>
+                <el-button @click="crud.dialogVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+
+        <!--底部分页-->
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+
+    </el-container>
+</template>
+
+<script>
+    import Sortable from 'sortablejs';
+    export default {
+        //接收传过来的数据
+        name:"logdb-ent",
+        show:true,
+        props:{
+            fkId:{type:String,default:''},
+            fkIdSuffix:{type:String,default:''},
+            fileClassifyId:{type:String,default:''},//来源的 listViewId||formId
+            sourceFieldId:{type:String,default:''}, //来源名称关联字段 6a8e7e6e7fba11ebad4f1d5eb98f648f
+        },
+        data() {
+            //岗位名称唯一校验
+            let stationNameValidate =(rule,value,callback) => {
+                if(!value){
+                    callback();
+                }
+                this.axios.post(this.api.sysStation.find,{stationNameEq:value}).then(res =>{
+                    if((res.data ||[]).length == 0  || (this.operate == 'update' && this.oldStationName == value)){
+                        callback();
+                    }else{
+                        return callback(new Error('该名称的岗位已经存在！'));
+                    }
+                });
+            };
+
+            return {
+                conditionMap:{},
+                crud : new this.CrudUtil({
+                    vue: this,
+                    entityName:"sysStation",
+                    url:this.api.sysStation.url,
+                    searchForm: {
+                        order:"PRIORITY"
+                    },
+                    initNoSearch:true,
+                    noClearSearchColumns:["order","stationAttach"],
+                    addDefaultData:{'priority':'1'},
+                    beforeSubmit:this.beforeSubmit
+                }),
+                formInline: {
+                    user: '',
+                    region: ''
+                },
+                formTypeCityOptions:[],
+                formTypeAreaOptions:[],
+                formTypeStreetOptions:[],
+                formData:{
+                    id:"","orgName":"",'userAccount':"",'userName':"",'operationTime':"",'operationName':"", 'operationTable':"",
+                    "sqlParameter":"","clientIp":"","areaNames":""
+                    }, //弹出框初始值
+
+                operteSqlDetail:false,
+                sqlRowsData:{},
+                operateOrgObj:{},
+                operateTitle:'',
+                isShowSaveBtn:{}, //是否显示保存按钮
+                oldStationName:'',//上一次的岗位名称
+                operate:'',//操作方式
+
+
+                //唯一标识验证
+                rules:{
+                    //岗位名称唯一校验
+                    stationName:[
+                        {required: true, message: '该输入项为必输项'},
+                        {validator:stationNameValidate,trigger:'blur'}
+                    ],
+                },
+                loginUser:{},
+            }
+        },
+
+        created(){
+            //获取当前登录用户
+            this.loginUser = this.USER_GLOBAL.getLoginUser() || {};
+            if(this.loginUser.userType == 'sup' || this.loginUser.userType == 'dev'){
+                //管理员
+                // this.crud.searchForm['created'] = this.loginUser.id;
+            }else { //普通用户
+                this.crud.searchForm['stationAttach'] = this.loginUser.mainOrgId || '';
+            }
+            this.crud.search();
+        },
+        watch: {
+
+        },
+        mounted(){
+            //拖动排序
+            //已配置字段可以拖动
+            //树定义表格可以上下拖动
+            const  vm = this;
+            if(this.$refs[this.crud.tableRef]){
+                const el = this.$refs[this.crud.tableRef].$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];
+                Sortable.create(el, {
+                    animation: 150,
+                    onEnd({ newIndex, oldIndex }) {
+                        const listTemp = [...vm.crud.dataStore.records];
+                        const oldValue = listTemp.splice(oldIndex, 1)[0];
+                        //重新更新当前页的所有userLayer
+                        listTemp.splice(newIndex, 0, oldValue);
+                        //对于切换的两个用户排序
+                        const userLayerArr = []; //用户id对应的排序
+                        listTemp.forEach((item,index)=>{
+                            //计算当前页
+                            vm.$set(item,'priority',(vm.crud.dataStore.pages -1)*vm.crud.pageSize + (index+1));
+                            userLayerArr.push({
+                                id:item.id,
+                                priority:item.priority
+                            })
+                        });
+                        //执行批量更新
+                        if(userLayerArr.length >0){
+                            vm.axios.post(vm.api.sysStation.batchUpdate,{updateObj:JSON.stringify(userLayerArr)}); //拖动排序
+                        }
+                        vm.crud.dataStore.records = [];  //先清空表格数据
+                        vm.$nextTick(() => {
+                            vm.crud.dataStore.records = listTemp;
+                        });
+                    }
+                });
+            }
+        },
+
+        methods: {
+
+            /**
+             * 显示保存按钮
+             */
+            showSaveBtn(row,index){
+                this.isShowSaveBtn[index] = true; //显示保存按钮
+            },
+
+            /**
+             * 岗位添加
+             */
+            stationAdd(){
+                this.operate = "add";
+                //修改最大的 crud.formData
+                //addDefaultData
+                //查询当前最大 优先级
+                //获取当前登录用户归属
+                let searchObj = {"order":"priority ASC"};
+                if(this.loginUser.userType != 'sup' && this.loginUser.userType != 'dev'){
+                    searchObj["stationAttach"] = this.loginUser.mainOrgId || '';
+                }
+                this.axios.post(this.api.sysStation.find,searchObj).then(res =>{
+                    let maxPriority = 1;
+                    if(res && res.data && res.data.length > 0){
+                        let priority = res.data[res.data.length - 1].priority;
+                        maxPriority += Number(priority);
+                    }
+                    this.crud.addDefaultData['priority'] = maxPriority+'';
+                    this.crud.add();
+                });
+            },
+
+            /**
+             * 岗位修改
+             */
+            stationEdit(row){
+                this.operate = "update";
+                this.oldStationName = row.stationName; //记录当前的岗位名称
+                this.crud.update(row);
+            },
+
+
+            // sizeChange(){
+            //     if(this.crud.searchForm.downLoadTimeZT){
+            //         this.crud.searchForm.downLoadTimeZ = this.crud.searchForm.downLoadTimeZT +' 23:59:59';
+            //     }
+            //     delete this.crud.searchForm['fileFkIdLk'];
+            //     if(this.sourceFieldId && this.fileClassifyId && this.crud.searchForm.sourceName){
+            //         //根据 当前
+            //         let queryParams = [{"controlType":"input","key":this.sourceFieldId,"operate":"like","value":this.crud.searchForm.sourceName}];
+            //         this.axios.post(this.api.plCommonmethod.findDataAndDetailsNew,{'listViewId':this.fileClassifyId,
+            //             'queryParams':JSON.stringify(queryParams),'currentPage':0,'rows':0}).then(res =>{
+            //             let dataIdArr = [];
+            //             ((res.data && res.data.datas) || []).forEach(item =>{
+            //                 Object.keys(item).forEach(key =>{
+            //                     if(key.indexOf('ID_') > -1){
+            //                         dataIdArr.push(item[key]+this.fkIdSuffix);
+            //                     }
+            //                 });
+            //             });
+            //             if(dataIdArr.length == 0){
+            //                 dataIdArr.push("&&&&&&&&&&&&&&");
+            //             }
+            //             this.crud.searchForm['fileFkIdLk'] = dataIdArr.join(",");
+            //             this.crud.sizeChange(this.callBack);
+            //         });
+            //     }else {
+            //         this.crud.sizeChange(this.callBack);
+            //     }
+            // },
+
+
+            // currentPage(){
+            //     if(this.crud.searchForm.downLoadTimeZT){
+            //         this.crud.searchForm.downLoadTimeZ = this.crud.searchForm.downLoadTimeZT +' 23:59:59';
+            //     }
+            //     delete this.crud.searchForm['fileFkIdLk'];
+            //     if(this.sourceFieldId && this.fileClassifyId && this.crud.searchForm.sourceName){
+            //         //根据 当前
+            //         let queryParams = [{"controlType":"input","key":this.sourceFieldId,"operate":"like","value":this.crud.searchForm.sourceName}];
+            //         this.axios.post(this.api.plCommonmethod.findDataAndDetailsNew,{'listViewId':this.fileClassifyId,
+            //             'queryParams':JSON.stringify(queryParams),'currentPage':0,'rows':0}).then(res =>{
+            //             let dataIdArr = [];
+            //             ((res.data && res.data.datas) || []).forEach(item =>{
+            //                 Object.keys(item).forEach(key =>{
+            //                     if(key.indexOf('ID_') > -1){
+            //                         dataIdArr.push(item[key]+this.fkIdSuffix);
+            //                     }
+            //                 });
+            //             });
+            //             if(dataIdArr.length == 0){
+            //                 dataIdArr.push("&&&&&&&&&&&&&&");
+            //             }
+            //             this.crud.searchForm['fileFkIdLk'] = dataIdArr.join(",");
+            //             this.crud.currentPage(this.callBack);
+            //         });
+            //     }else {
+            //         this.crud.currentPage(this.callBack);
+            //     }
+            // },
+
+            // /**
+            //  * 查询
+            //  */
+            // doSearch(){
+            //     if(this.crud.searchForm.downLoadTimeZT){
+            //         this.crud.searchForm.downLoadTimeZ = this.crud.searchForm.downLoadTimeZT +' 23:59:59';
+            //     }
+            //     delete this.crud.searchForm['fileFkIdLk'];
+            //     if(this.sourceFieldId && this.fileClassifyId && this.crud.searchForm.sourceName){
+            //         //根据 当前
+            //         let queryParams = [{"controlType":"input","key":this.sourceFieldId,"operate":"like","value":this.crud.searchForm.sourceName}];
+            //         this.axios.post(this.api.plCommonmethod.findDataAndDetailsNew,{'listViewId':this.fileClassifyId,
+            //             'queryParams':JSON.stringify(queryParams),'currentPage':0,'rows':0}).then(res =>{
+            //             let dataIdArr = [];
+            //             ((res.data && res.data.datas) || []).forEach(item =>{
+            //                 Object.keys(item).forEach(key =>{
+            //                     if(key.indexOf('ID_') > -1){
+            //                         dataIdArr.push(item[key]+this.fkIdSuffix);
+            //                     }
+            //                 });
+            //             });
+            //             if(dataIdArr.length == 0){
+            //                 dataIdArr.push("&&&&&&&&&&&&&&");
+            //             }
+            //             this.crud.searchForm['fileFkIdLk'] = dataIdArr.join(",");
+            //             this.crud.doSearch(this.callBack);
+            //         });
+            //     }else {
+            //         this.crud.doSearch(this.callBack);
+            //     }
+            // },
+
+            // /**
+            //  * 查询
+            //  * @param vmObj
+            //  * @param data
+            //  */
+            // callBack(vmObj,data){
+            //     let dataArr = data.records || [];
+            //     //分类 classifyId进行分类
+            //     let classifyIdObj = {};
+            //     let operatorIdSet = new Set(); // 已选择菜单数据
+            //     dataArr.forEach(data =>{
+            //         let fileFkId = (data.fileFkId || '').split("_")[0];
+            //         if(fileFkId && data.fileClassifyId){
+            //             if(!classifyIdObj[data.fileClassifyId]){
+            //                 classifyIdObj[data.fileClassifyId] = [];
+            //             }
+            //             classifyIdObj[data.fileClassifyId].push(fileFkId); //保存当前的 dataId
+            //         }
+            //         //解析操作人
+            //         if(data.operatorId){
+            //             operatorIdSet.add(data.operatorId);
+            //         }
+            //     });
+            //     let resultArr = [];
+            //     Object.keys(classifyIdObj).forEach(listViewId =>{
+            //         let dataIds = (classifyIdObj[listViewId] || []).join(",");
+            //         resultArr.push(
+            //             new Promise(resolve => { //项目
+            //                 this.axios.post(this.api.plCommonmethod.getByIdsAndListViewId, {
+            //                     "listViewId": listViewId,
+            //                     "dataIds": dataIds,
+            //                 }).then(res => {
+            //                     resolve((res.data && res.data.operateObj) || []);
+            //                 }).catch(error=>{
+            //                     resolve([]); //如果异常抛出空的对象
+            //                 });
+            //             })
+            //         )
+            //     });
+            //     // resultArr.push()
+            //     //查询所有用户所在组织
+            //     let operatorIdArr = Array.from(operatorIdSet);
+            //     resultArr.push(  new Promise(resolve => { //项目
+            //         this.axios.post(this.api.sysUser.findNoPage, {
+            //             "ids": operatorIdArr.join(","),
+            //             "unsup":"sup",
+            //             "parentOrg":"true",
+            //             "getOrgName":"true",
+            //             "empowerUser":'Y',
+            //             "orderSql":"TB.CREATE_TIME DESC,TB.USER_STATUS DESC"
+            //         }).then(res => {
+            //             resolve((res.data && res.data) || []);
+            //         }).catch(error=>{
+            //             resolve([]); //如果异常抛出空的对象
+            //         });
+            //     }));
+            //     Promise.all(resultArr).then(resArr =>{
+            //         let dataIdToName = {};
+            //         let operateOrgObj = {};
+            //         resArr.forEach((arr,index) =>{
+            //             if(index <= resultArr.length -2){
+            //                 (arr || []).forEach(item =>{
+            //                     if(this.sourceFieldId && item[this.sourceFieldId]){
+            //                         dataIdToName[item.ID] = item[this.sourceFieldId] || '';
+            //                     }
+            //                 })
+            //             }else { //所在部门信息
+            //                 (arr || []).forEach(row =>{
+            //                     let orgName = row["parentOrgName"]? row["parentOrgName"]+" -> "+row["orgName"]:row["orgName"];
+            //                     if(!operateOrgObj[row.id]){
+            //                         operateOrgObj[row.id] = orgName;
+            //                     }
+            //                 });
+            //             }
+            //         });
+            //         dataArr.forEach(data =>{
+            //             let fileFkId = (data.fileFkId || '').split("_")[0];
+            //             if(fileFkId && dataIdToName[fileFkId]){
+            //                 this.$set(data,'sourceName',dataIdToName[fileFkId]);
+            //             }
+            //             if(data.operatorId && operateOrgObj[data.operatorId]){
+            //                 this.$set(data,'operatorOrgName',operateOrgObj[data.operatorId]);//所在部门
+            //             }
+            //         });
+            //         this.crud.dataStore.records = dataArr;
+            //     });
+            //
+            // },
+            //
+            // callBack(data){
+            // },
+
+            /**
+             * 提交前执行
+             * @param formData
+             * @param vm
+             */
+            beforeSubmit(formData,vm){
+                if(this.loginUser.userType != 'sup' && this.loginUser.userType != 'dev'){ //普通用户
+                    formData['stationAttach'] = this.loginUser.mainOrgId || '';
+                }
+                return true;
+            },
+
+        }
+    }
+
+</script>
+
+<style scoped>
+    legend{
+        font-size: 14px;
+    }
+    .button_header{
+        position: absolute;
+        height: 60px!important;
+        text-align: center;
+        line-height: 60px;
+        bottom: 0;
+        border-top: 1px solid #f2f2f2;
+        background-color: white;
+        margin: auto;
+        width: 100%;
+        right: 0;
+        z-index: 99;
+    }
+    .control_box{
+        padding-right: 100px;
+        position: relative;
+    }
+    .control_box_zero{
+        padding-right: 0;
+        position: relative;
+    }
+    .operate_div{
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        width: 100px;
+    }
+    .operate_div i{
+        /*margin-right: 20px;*/
+        cursor: pointer;
+        width: 30px;
+        height: 30px;
+        padding-top: 15px;
+        padding-left: 15px;
+        float: left;
+    }
+    .top_contain{
+        height: 100%;
+        /*border-radius:8px;*/
+        overflow-y: hidden;
+
+
+    }
+    .top_contain::-webkit-scrollbar{
+        width: 0;
+    }
+</style>
+<style>
+    .black .el-form-item__label{
+        color: black;
+    }
+    .green .el-form-item__label{
+        color: #27B5C3;
+    }
+    .settingClass{
+        width: 100%;
+        height: 40px;
+        position: relative;
+    }
+    .settingClass span{
+        position: absolute;
+        top:0;left:0;
+        right: 0;bottom: 0;
+        margin: auto;line-height: 40px;
+    }
+    .receiveObjNameLeft{
+        float: left;
+        width: 90%;
+    }
+    .receiveObjNameRight{
+        position: absolute;
+        float: right;
+        width: 10%;
+        top: 5px;
+        margin-left: 4px;
+        button:5px;
+
+    }
+    .sqlStyle{
+        display: block;
+        color: #000000;
+
+    }
+
+    .dialogStyle{
+        font-size: 11px;
+
+    }
+
+</style>