sasp-admin 0.2.57

package/src/views/fileLog/fileDownloadLog.vue

@@ -0,0 +1,437 @@
+<!--附件下载日志-->
+<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="doSearch()" onSubmit="return false;">
+                            <el-form-item label="下载人">
+                                <el-input  v-model="crud.searchForm.operator"  style="width: 120px" ></el-input>
+                            </el-form-item>
+                            <el-form-item label="附件来源" v-if="sourceFieldId">
+                                <el-input  v-model="crud.searchForm.sourceName"  style="width: 120px" ></el-input>
+                            </el-form-item>
+                            <el-form-item label="附件名称">
+                                <el-input  v-model="crud.searchForm.fileName"  style="width: 120px" ></el-input>
+                            </el-form-item>
+                            <el-form-item label="用途说明">
+                                <el-input  v-model="crud.searchForm.xzsm"  style="width: 200px" ></el-input>
+                            </el-form-item>
+                            <el-form-item  label="下载时间" >
+                                <el-date-picker   type="date" v-model="crud.searchForm.downLoadTimeS"
+                                                  range-separator="至"
+                                                  start-placeholder="开始日期"
+                                                  end-placeholder="结束日期"
+                                                  value-format="yyyy-MM-dd"
+                                                  style="width: 140px" >
+                                </el-date-picker> -
+                                <el-date-picker  type="date"  v-model="crud.searchForm.downLoadTimeZT"  value-format="yyyy-MM-dd"   style="width: 140px"  ></el-date-picker>
+                            </el-form-item>
+
+
+                    <!--换行显示-->
+                        <el-form-item>
+                            <el-button   type="primary" icon="el-icon-search" @click="doSearch()">查询</el-button>
+                            <el-button  icon="el-icon-close" @click="crud.resetSearch(callBack)">清空</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-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="index" label=" " align="center" width="60"></el-table-column>
+                        <el-table-column  label="附件来源" prop="sourceName" width="240"  align="center" v-if="sourceFieldId" show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column  label="附件名称" prop="fileName" width="250"  align="center" show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column  label="用途说明" prop="xzsm"   align="center"  show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column  label="下载人" prop="operator"  align="center" width="120" >
+                        </el-table-column>
+                        <el-table-column  label="下载人所属部门" prop="operatorOrgName"  align="center" width="240" show-overflow-tooltip>
+                        </el-table-column>
+                        <el-table-column  label="下载时间" prop="operatorTime"   align="center" width="180" >
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <!--底部分页-->
+        <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="sizeChange"
+                    @current-change="crud.currentPage(callBack)"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+
+    </el-container>
+</template>
+
+<script>
+
+
+    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() {
+            return {
+                releaseStatus:'1', //发布状态
+                releaseStatusDefault:'0',
+                conditionMap:{},
+                crud : new this.CrudUtil({
+                    vue: this,
+                    entityName:"fileUploadLog",
+                    url:this.api.fileUploadLog.url,
+                    searchForm: {
+                        order:"CREATE_TIME DESC"
+                    },
+                    noClearSearchColumns:["order"],
+                    initNoSearch:true
+                }),
+                formInline: {
+                    user: '',
+                    region: ''
+                },
+                formTypeCityOptions:[],
+                formTypeAreaOptions:[],
+                formTypeStreetOptions:[],
+                formData:{
+                    id:"","orgName":"",'userAccount':"",'userName':"",'operationTime':"",'operationName':"", 'operationTable':"",
+                    "sqlParameter":"","clientIp":"","areaNames":""
+                    }, //弹出框初始值
+
+                operteSqlDetail:false,
+                sqlRowsData:{},
+                operateOrgObj:{},
+            }
+        },
+
+        created(){
+            let vm = this;
+            this.initData();
+
+        },
+        watch: {
+
+        },
+        methods: {
+
+            //初始化数据加载
+            initData(){
+                let vm = this;
+                if(this.fkId){
+                    vm.crud.searchForm['fileFkId'] = this.fkId + this.fkIdSuffix;
+                    vm.crud['noClearSearchColumns'].push("fileFkId");
+                }
+                if(this.fileClassifyId){
+                    vm.crud.searchForm['fileClassifyId'] = this.fileClassifyId;
+                    vm.crud['noClearSearchColumns'].push("fileClassifyId");
+                }
+                vm.crud.search(vm.callBack); //出发查询条件
+            },
+
+            sizeChange(){
+                if(this.crud.searchForm.downLoadTimeZT){
+                    this.crud.searchForm.downLoadTimeZ = this.crud.searchForm.downLoadTimeZT +' 23:59:59';
+                }
+                this.crud.searchForm.page = 1;
+                this.$refs[this.crud.pageRef]["internalCurrentPage"] = 1;
+                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;
+                });
+
+            }
+
+        }
+    }
+
+</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>