Skip to content

S
SuperMan
Commit 2e738180 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent fe329500
Hide whitespace changes
Inline Side-by-side
Showing with 1313 additions and 1251 deletions
src/components/administrative/myShareDocuments.vue
View file @ 2e738180
<template> <template>
<div class="flexOne"> <div class="flexOne">
<div class="myDocumentsNav"> <div class="myDocumentsNav">
<div class="fr" v-if='!isChildFiles'> <div class="fr" v-if='!isChildFiles'>
<el-input class='w200' :placeholder="$t('pub.pleaseImport')" v-model="msg.ShareName" prefix-icon="el-icon-search"></el-input> <el-input class='w200' :placeholder="$t('pub.pleaseImport')" v-model="msg.ShareName"
<input type="button" class="hollowFixedBtn" @click='getList()' :value="$t('pub.searchBtn')" /> prefix-icon="el-icon-search"></el-input>
</div> <input type="button" class="hollowFixedBtn" @click='getList()' :value="$t('pub.searchBtn')" />
</div> </div>
<div class="myDocumentsLink"> </div>
<span @click="resGetList">{{$t('objFill.v101.administrative.wodefenx')}}</span> <div class="myDocumentsLink">
<span v-for="(item,index) in NavList" @click="getNavTree(item,index)">{{item.name}}</span> <span @click="resGetList">{{$t('objFill.v101.administrative.wodefenx')}}</span>
</div> <span v-for="(item,index) in NavList" @click="getNavTree(item,index)">{{item.name}}</span>
</div>
<table class="singeRowTable myDocumentsTable" border="0" cellspacing="0" cellpadding="0"> <table class="singeRowTable myDocumentsTable" border="0" cellspacing="0" cellpadding="0">
<tbody v-if="isChildFiles"> <tbody v-if="isChildFiles">
<tr> <tr>
<th width="400">{{$t('objFill.v101.chat.wenjianming')}}</th> <th width="400">{{$t('objFill.v101.chat.wenjianming')}}</th>
<th width="200">{{$t('objFill.v101.chat.daxiao')}}</th> <th width="200">{{$t('objFill.v101.chat.daxiao')}}</th>
<th width="200">{{$t('objFill.v101.chat.xiugairiqi')}}</th> <th width="200">{{$t('objFill.v101.chat.xiugairiqi')}}</th>
</tr> </tr>
<tr v-for="(item,index) in nextList"> <tr v-for="(item,index) in nextList">
<td v-if="item.DataType==0"> <td v-if="item.DataType==0">
<div @click="getNextLevelTree(item)" style="cursor: pointer; display: inline-block;"> <div @click="getNextLevelTree(item)" style="cursor: pointer; display: inline-block;">
<div :class="['fileIcon', item.icons]"></div> <div :class="['fileIcon', item.icons]"></div>
{{item.FolderName}} {{item.FolderName}}
</div> </div>
</td> </td>
<td v-if="item.DataType==2"> <td v-if="item.DataType==2">
<div @click="analyzeItemInside(item)" style="cursor: pointer; display: inline-block;"> <div @click="analyzeItemInside(item)" style="cursor: pointer; display: inline-block;">
<div :class="['fileIcon', item.icons]"></div> <div :class="['fileIcon', item.icons]"></div>
{{item.FolderName}} {{item.FolderName}}
</div> </div>
</td> </td>
<td>{{item.FileSize| FileSizeFormat(item.FileSize)}}</td> <td>{{item.FileSize| FileSizeFormat(item.FileSize)}}</td>
<td>{{item.UpdateTime}}</td> <td>{{item.UpdateTime}}</td>
</tr> </tr>
</tbody> </tbody>
<tbody v-if="!isChildFiles"> <tbody v-if="!isChildFiles">
<tr> <tr>
<th width="300">{{$t('objFill.v101.chat.wenjianming')}}</th> <th width="300">{{$t('objFill.v101.chat.wenjianming')}}</th>
<th width="100">{{$t('objFill.v101.administrative.wenjiands')}}</th> <th width="100">{{$t('objFill.v101.administrative.wenjiands')}}</th>
<th width="400">{{$t('salesModule.Recipient')}}</th> <th width="400">{{$t('salesModule.Recipient')}}</th>
<th width="100">{{$t('objFill.v101.administrative.fenxiangzt')}}</th> <th width="100">{{$t('objFill.v101.administrative.fenxiangzt')}}</th>
<th width="200">{{$t('objFill.v101.administrative.fenxiangleix')}}</th> <th width="200">{{$t('objFill.v101.administrative.fenxiangleix')}}</th>
<th width="200">{{$t('objFill.v101.administrative.fenxiangrqi')}}</th> <th width="200">{{$t('objFill.v101.administrative.fenxiangrqi')}}</th>
<th width="200">{{$t('system.table_operation')}}</th> <th width="200">{{$t('system.table_operation')}}</th>
</tr> </tr>
<tr v-for="(item,index) in list" @mouseover="enterTr(index)" @mouseleave="leaveTr"> <tr v-for="(item,index) in list" @mouseover="enterTr(index)" @mouseleave="leaveTr" :key="index">
<td v-if="item.shareFileType==1"> <td v-if="item.shareFileType==1">
<div @click="getNextLevel(item)" style="cursor: pointer; display: inline-block;"> <div @click="getNextLevel(item)" style="cursor: pointer; display: inline-block;">
<div :class="['fileIcon', item.icons]"></div> <div :class="['fileIcon', item.icons]"></div>
{{item.fileName}} {{item.fileName}}
</div> </div>
</td> </td>
<td v-if="item.shareFileType==2"> <td v-if="item.shareFileType==2">
<div @click="analyzeItem(item)" style="cursor: pointer; display: inline-block;"> <div @click="analyzeItem(item)" style="cursor: pointer; display: inline-block;">
<div :class="['fileIcon', item.icons]"></div> <div :class="['fileIcon', item.icons]"></div>
{{item.fileName}} {{item.fileName}}
</div> </div>
</td> </td>
<td>{{item.fileSize| FileSizeFormat(item.fileSize)}}</td> <td>{{item.fileSize| FileSizeFormat(item.fileSize)}}</td>
<td> <td>
<div v-if='item.shareType==1'>{{item|reciveFormat(item)}}</div>
<div v-if='item.shareType==2'>
{{item|reciveFormat(item)}}
</div>
<div v-if='item.shareType==3&&item.recive.length<=3' >
<span v-for="i in item.recive" style="margin-right: 10px;">
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto" src="../../assets/img/litheader.png" alt="">
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else :src="i.userPhoto" alt="" :onerror="defaultImg">
{{i.userName}}
</span>
</div>
<div v-if='item.shareType==3&&item.recive.length>3' >
<span v-if='!item.isOpen' v-for="i in filterArr(item.recive,3)" style="margin:5px 10px 5px 0; display: inline-block;" >
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto" src="../../assets/img/litheader.png" alt="">
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else :src="i.userPhoto" alt="" :onerror="defaultImg">
{{i.userName}}
</span>
<span v-if='item.isOpen' v-for="i in item.recive" style="margin:5px 10px 5px 0; display: inline-block;" >
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto" src="../../assets/img/litheader.png" alt="">
<img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else :src="i.userPhoto" alt="" :onerror="defaultImg">
{{i.userName}}
</span>
<span v-if='!item.isOpen' style="color: #2AAEF2; cursor: pointer;" @click="item.isOpen=true">{{$t('objFill.v101.administrative.deng')}}{{item.recive.length}}{{$t('hotel.hotel_people')}}</span>
<span v-if='item.isOpen' style="color: #2AAEF2; cursor: pointer;" @click="item.isOpen=!true">{{$t('fnc.shouqi')}}</span>
</div>
</td>
<td>{{item.shareStatus=='1'?$t('pub.normalSel'):$t('pub.cancelBtn')}}</td>
<td>{{item.shareType| shareTypeFormat(item.shareType)}}</td>
<td>{{item.createTime}}</td>
<td>
<el-button-group>
<el-tooltip class="item" effect="dark" :content="$t('objFill.xz')" placement="top-start">
<el-button type="primary" icon="el-icon-download" @click='downloadOne(item)'></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('objFill.v101.administrative.xiugaifenx')" placement="top-start">
<el-button type="primary" icon="el-icon-share" @click='updateShareOneDialog(item)'></el-button>
</el-tooltip>
<el-tooltip v-if="item.shareStatus=='1'" class="item" effect="dark" :content="$t('objFill.v101.administrative.quxiaofenx')" placement="top-start">
<el-button type="warning" icon='iconfont icon-quxiao1' @click='changeShareType(item)'></el-button>
</el-tooltip>
<el-tooltip v-if="item.shareStatus=='2'" class="item" effect="dark" :content="$t('objFill.v101.administrative.huifufenx')" placement="top-start">
<el-button type="primary" icon='iconfont icon-huifu' @click='changeShareType(item)'></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click='deleteShareFile(item)' ></el-button>
</el-tooltip>
</el-button-group>
</td>
</tr>
</tbody>
</table>
<el-dialog custom-class='w400' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="closeChangeMachie"> <div v-if='item.shareType==1'>{{item|reciveFormat(item)}}</div>
<el-form :model="addFileMsg" :rules="rules" ref="addFileMsg" label-width="80px"> <div v-if='item.shareType==2'>
<el-form-item :label="$t('objFill.v101.administrative.wenjianmc')" prop="FolderName"> {{item|reciveFormat(item)}}
<el-input type="text" maxLength='50' v-model='addFileMsg.FolderName'></el-input> </div>
</el-form-item> <div v-if='item.shareType==3&&item.recive.length<=3'>
</el-form> <span v-for="i in item.recive" style="margin-right: 10px;">
<div slot="footer" class="dialog-footer"> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto"
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible = false,addFileMsg.FolderName=''" /> src="../../assets/img/litheader.png" alt="">
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="submitForm('addFileMsg')" /> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else
</div> :src="i.userPhoto" alt="" :onerror="defaultImg">
</el-dialog> {{i.userName}}
</span>
</div>
<div v-if='item.shareType==3&&item.recive.length>3'>
<el-dialog custom-class='w400' :title="dialogTitle1" :visible.sync="outerVisible1" center> <span v-if='!item.isOpen' v-for="i in filterArr(item.recive,3)"
<el-form :model="updateFileMsg" :rules="rules1" ref="updateFileMsg" label-width="80px"> style="margin:5px 10px 5px 0; display: inline-block;">
<el-form-item :label="$t('admin.mane')" prop="FileName"> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto"
<el-input type="text" maxLength='50' v-model='updateFileMsg.FileName'></el-input> src="../../assets/img/litheader.png" alt="">
</el-form-item> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else
</el-form> :src="i.userPhoto" alt="" :onerror="defaultImg">
<div slot="footer" class="dialog-footer"> {{i.userName}}
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible1 = false" /> </span>
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveUpdateFile" />
</div>
</el-dialog>
<el-dialog custom-class='w400' :title="dialogTitle2" :visible.sync="outerVisible2" center> <span v-if='item.isOpen' v-for="i in item.recive" style="margin:5px 10px 5px 0; display: inline-block;">
<el-tree :data="fileTreeList" :props="defaultProps" :check-strictly='true' @check-change="handleNodeChange" node-key="Id" show-checkbox accordion ref="tree"> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-if="!i.userPhoto"
</el-tree> src="../../assets/img/litheader.png" alt="">
<div slot="footer" class="dialog-footer"> <img style="vertical-align: sub; width: 14px; height: 14px; border-radius: 7px;" v-else
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible2=false" /> :src="i.userPhoto" alt="" :onerror="defaultImg">
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveMoveFiles" /> {{i.userName}}
</div> </span>
</el-dialog> <span v-if='!item.isOpen' style="color: #2AAEF2; cursor: pointer;"
@click="item.isOpen=true">{{$t('objFill.v101.administrative.deng')}}{{item.recive.length}}{{$t('hotel.hotel_people')}}</span>
<span v-if='item.isOpen' style="color: #2AAEF2; cursor: pointer;"
@click="item.isOpen=!true">{{$t('fnc.shouqi')}}</span>
</div>
</td>
<td>{{item.shareStatus=='1'?$t('pub.normalSel'):$t('pub.cancelBtn')}}</td>
<td>{{item.shareType| shareTypeFormat(item.shareType)}}</td>
<td>{{item.createTime}}</td>
<td>
<el-button-group>
<el-tooltip class="item" effect="dark" :content="$t('objFill.xz')" placement="top-start">
<el-button type="primary" icon="el-icon-download" @click='downloadOne(item)'></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('objFill.v101.administrative.xiugaifenx')"
placement="top-start">
<el-button type="primary" icon="el-icon-share" @click='updateShareOneDialog(item)'></el-button>
</el-tooltip>
<el-tooltip v-if="item.shareStatus=='1'" class="item" effect="dark"
:content="$t('objFill.v101.administrative.quxiaofenx')" placement="top-start">
<el-button type="warning" icon='iconfont icon-quxiao1' @click='changeShareType(item)'></el-button>
</el-tooltip>
<el-tooltip v-if="item.shareStatus=='2'" class="item" effect="dark"
:content="$t('objFill.v101.administrative.huifufenx')" placement="top-start">
<el-button type="primary" icon='iconfont icon-huifu' @click='changeShareType(item)'></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click='deleteShareFile(item)'></el-button>
</el-tooltip>
</el-button-group>
</td>
</tr>
</tbody>
</table>
<el-dialog custom-class='w800 shareDocumentDialog' :title="dialogTitle3" :visible.sync="outerVisible3" center> <el-dialog custom-class='w400' :title="dialogTitle" :visible.sync="outerVisible" center
<div class="documentDialogNav"> :before-close="closeChangeMachie">
<div @click="shareGroup"> <el-form :model="addFileMsg" :rules="rules" ref="addFileMsg" label-width="80px">
<i class="iconfont icon-user11"></i>{{$t('objFill.v101.administrative.jituan')}} <el-form-item :label="$t('objFill.v101.administrative.wenjianmc')" prop="FolderName">
<div v-if='shareMsg.shareType==4' class="checkIcon"></div> <el-input type="text" maxLength='50' v-model='addFileMsg.FolderName'></el-input>
</div> </el-form-item>
<div @click="shareDeparment"> </el-form>
<i class="iconfont icon-user11"></i>{{$t('admin.admin_Department')}} <div slot="footer" class="dialog-footer">
<div v-if='shareMsg.shareType==1' class="checkIcon"></div> <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')"
</div> @click="outerVisible = false,addFileMsg.FolderName=''" />
<div @click="shareRole"> <input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="submitForm('addFileMsg')" />
<i class="iconfont icon-user11"></i>{{$t('admin.admin_Post')}} </div>
<div v-if='shareMsg.shareType==2' class="checkIcon"></div> </el-dialog>
</div>
<div @click="shareMenber">
<i class="iconfont icon-user11"></i>{{$t('system.table_staffs')}}
<div v-if='shareMsg.shareType==3' class="checkIcon"></div>
</div>
</div>
<div v-show='shareMsg.shareType==1' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree
:data="departmentList"
ref="treeDepartmentList"
node-key="DepartmentId"
:check-strictly='true'
show-checkbox
:render-after-expand="false"
:props="defaultProps2"
@check-change="DepartmentListNodeChange"
>
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdDepartmentList">{{item.name}}
<i @click="deleteDepartment(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-show='shareMsg.shareType==2' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree
:data="roleList"
ref="treeRole"
node-key="DepartmentId"
:check-strictly='true'
show-checkbox
:render-after-expand="false"
:props="defaultProps1"
@check-change="roleListNodeChange"
>
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdRoleList">{{item.name}}
<i @click="deleteRole(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-show='shareMsg.shareType==3' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree
:data="menberList"
ref="treeMenber"
node-key="DepartmentId"
:check-strictly='true'
show-checkbox
:render-after-expand="false"
:props="defaultProps3"
@check-change="MenberListNodeChange"
>
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdMenberList">{{item.name}}
<i @click="deleteMenber(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-if="shareMsg.shareType==4" class="myDocumentShareDiv">
<div style="height:400px;padding:20px;font-size:15px;">
{{$t('objFill.v101.administrative.fenxdzgjt')}}
</div>
</div>
<div slot="footer" class="dialog-footer">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible3=false" />
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveShareDocument" />
</div>
</el-dialog>
<el-dialog custom-class='w800' :title="dialogTitle4" :visible.sync="outerVisible4" center>
<video :src="moviePath" controls="controls" style="width: 100%;">
your browser does not support the video tag
</video>
<div slot="footer" class="dialog-footer">
<input type="button" class="normalBtn" :value="$t('pub.closeSel')" @click="outerVisible4=false" />
</div>
</el-dialog >
<div v-if='audioIsShow' style="position: fixed; bottom: 100px; right: 20px; z-index: 999; border:1px solid #ccc; padding: 10px; background: #eee;">
<i class="el-icon-circle-close-outline" style="float: right; cursor: pointer;" @click="audioIsShow=false,audioPath=''"></i>
<p style="font-size: 12px; margin: 0 0 10px 0;">{{audioName}}</p>
<audio :src="audioPath" controls="controls">
Your browser does not support the audio tag.
</audio>
</div>
<div v-if='picIsShow' class="viewBigPicLayer">
<i class="el-icon-circle-close-outline clolseViewBigPicLayer" @click="picIsShow=false,picObj=[]"></i>
<el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click">
<el-carousel-item v-for="(item,index) in picObj" :key="index">
<div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div>
</el-carousel-item>
</el-carousel>
</div>
<el-dialog custom-class='w400' :title="$t('objFill.v101.administrative.yasuoxz')" :visible.sync="yzmVisible" center> <el-dialog custom-class='w400' :title="dialogTitle1" :visible.sync="outerVisible1" center>
<p> <el-form :model="updateFileMsg" :rules="rules1" ref="updateFileMsg" label-width="80px">
<span>{{$t('objFill.yanzhengma')}} : </span> <el-form-item :label="$t('admin.mane')" prop="FileName">
<el-input class='w150' type="text" :placeholder="$t('objFill.qingshuruyzm')" v-model="picLyanzhengma"></el-input> <el-input type="text" maxLength='50' v-model='updateFileMsg.FileName'></el-input>
<input type="button" @click="createCode" class="DocumentLoadVerification" v-model="checkCode"/> </el-form-item>
</p> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="yzmVisible=false" /> <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible1 = false" />
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="downloadTotal()" /> <input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveUpdateFile" />
</div> </div>
</el-dialog > </el-dialog>
<a target="_blank" style="display:none" id="blankLink"></a> <el-dialog custom-class='w400' :title="dialogTitle2" :visible.sync="outerVisible2" center>
</div> <el-tree :data="fileTreeList" :props="defaultProps" :check-strictly='true' @check-change="handleNodeChange"
node-key="Id" show-checkbox accordion ref="tree">
</el-tree>
<div slot="footer" class="dialog-footer">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible2=false" />
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveMoveFiles" />
</div>
</el-dialog>
<el-dialog custom-class='w800 shareDocumentDialog' :title="dialogTitle3" :visible.sync="outerVisible3" center>
<div class="documentDialogNav">
<div @click="shareGroup">
<i class="iconfont icon-user11"></i>{{$t('objFill.v101.administrative.jituan')}}
<div v-if='shareMsg.shareType==4' class="checkIcon"></div>
</div>
<div @click="shareDeparment">
<i class="iconfont icon-user11"></i>{{$t('admin.admin_Department')}}
<div v-if='shareMsg.shareType==1' class="checkIcon"></div>
</div>
<div @click="shareRole">
<i class="iconfont icon-user11"></i>{{$t('admin.admin_Post')}}
<div v-if='shareMsg.shareType==2' class="checkIcon"></div>
</div>
<div @click="shareMenber">
<i class="iconfont icon-user11"></i>{{$t('system.table_staffs')}}
<div v-if='shareMsg.shareType==3' class="checkIcon"></div>
</div>
</div>
<div v-show='shareMsg.shareType==1' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree :data="departmentList" ref="treeDepartmentList" node-key="DepartmentId" :check-strictly='true'
show-checkbox :render-after-expand="false" :props="defaultProps2" @check-change="DepartmentListNodeChange">
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdDepartmentList">{{item.name}}
<i @click="deleteDepartment(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-show='shareMsg.shareType==2' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree :data="roleList" ref="treeRole" node-key="DepartmentId" :check-strictly='true' show-checkbox
:render-after-expand="false" :props="defaultProps1" @check-change="roleListNodeChange">
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdRoleList">{{item.name}}
<i @click="deleteRole(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-show='shareMsg.shareType==3' class="myDocumentShareDiv">
<div class="myDocumentShareTree">
<el-tree :data="menberList" ref="treeMenber" node-key="DepartmentId" :check-strictly='true' show-checkbox
:render-after-expand="false" :props="defaultProps3" @check-change="MenberListNodeChange">
</el-tree>
</div>
<div class="myDocumentShareObject">
<ul>
<li v-for="item in ckdMenberList">{{item.name}}
<i @click="deleteMenber(item.id)" class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</div>
<div v-if="shareMsg.shareType==4" class="myDocumentShareDiv">
<div style="height:400px;padding:20px;font-size:15px;">
{{$t('objFill.v101.administrative.fenxdzgjt')}}
</div>
</div>
<div slot="footer" class="dialog-footer">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="outerVisible3=false" />
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="saveShareDocument" />
</div>
</el-dialog>
<el-dialog custom-class='w800' :title="dialogTitle4" :visible.sync="outerVisible4" center>
<video :src="moviePath" controls="controls" style="width: 100%;">
your browser does not support the video tag
</video>
<div slot="footer" class="dialog-footer">
<input type="button" class="normalBtn" :value="$t('pub.closeSel')" @click="outerVisible4=false" />
</div>
</el-dialog>
<div v-if='audioIsShow'
style="position: fixed; bottom: 100px; right: 20px; z-index: 999; border:1px solid #ccc; padding: 10px; background: #eee;">
<i class="el-icon-circle-close-outline" style="float: right; cursor: pointer;"
@click="audioIsShow=false,audioPath=''"></i>
<p style="font-size: 12px; margin: 0 0 10px 0;">{{audioName}}</p>
<audio :src="audioPath" controls="controls">
Your browser does not support the audio tag.
</audio>
</div>
<div v-if='picIsShow' class="viewBigPicLayer">
<i class="el-icon-circle-close-outline clolseViewBigPicLayer" @click="picIsShow=false,picObj=[]"></i>
<el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click">
<el-carousel-item v-for="(item,index) in picObj" :key="index">
<div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div>
</el-carousel-item>
</el-carousel>
</div>
<el-dialog custom-class='w400' :title="$t('objFill.v101.administrative.yasuoxz')" :visible.sync="yzmVisible" center>
<p>
<span>{{$t('objFill.yanzhengma')}} : </span>
<el-input class='w150' type="text" :placeholder="$t('objFill.qingshuruyzm')" v-model="picLyanzhengma">
</el-input>
<input type="button" @click="createCode" class="DocumentLoadVerification" v-model="checkCode" />
</p>
<div slot="footer" class="dialog-footer">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="yzmVisible=false" />
<input type="button" class="normalBtn" :value="$t('pub.sureBtn')" @click="downloadTotal()" />
</div>
</el-dialog>
<a target="_blank" style="display:none" id="blankLink"></a>
</div>
</template> </template>
<script> <script>
// let browserMD5File = require('browser-md5-file'); export default {
export default { data() {
data() { return {
return { code: '',
code:'', picLyanzhengma: '',
picLyanzhengma:'', checkCode: '',
checkCode:'', yzmVisible: false,
yzmVisible: false, initialIndex: 0,
picObj: [],
initialIndex:0, picIsShow: false,
picObj:[], audioIsShow: false,
picIsShow:false, outerVisible4: false,
audioIsShow:false, dialogTitle4: '',
outerVisible4: false, moviePath: '',
dialogTitle4: '', audioPath: '',
moviePath:'', picPath: '',
audioPath:'', audioName: '',
picPath:'', leftLoadCount: 0,
audioName:'', headers: {
leftLoadCount:0, 'Content-Type': 'application/octet-stream'
headers: { },
'Content-Type': 'application/octet-stream' defaultProps: {
}, children: 'ChildFolderList',
defaultProps: { label: 'FolderName',
children: 'ChildFolderList', },
label: 'FolderName', defaultProps1: {
}, children: 'ChildList',
defaultProps1: { label: 'DepartmentName',
children: 'ChildList', disabled: "Disabled"
label: 'DepartmentName', },
disabled: "Disabled" defaultProps2: {
}, children: 'ChildList',
defaultProps2: { label: 'DepartmentName',
children: 'ChildList', disabled: "Disabled"
label: 'DepartmentName', },
disabled: "Disabled" defaultProps3: {
}, children: 'ChildList',
defaultProps3: { label: 'DepartmentName',
children: 'ChildList', disabled: "Disabled"
label: 'DepartmentName', },
disabled: "Disabled" NavList: [],
}, isChildFiles: false,
NavList:[], defaultImg: 'this.src="' + require('../../assets/img/litheader.png') + '"',
isChildFiles:false, outerVisible: false,
defaultImg: 'this.src="' + require('../../assets/img/litheader.png') + '"', dialogTitle: '',
outerVisible: false, outerVisible1: false,
dialogTitle: '', dialogTitle1: '',
outerVisible1: false, outerVisible2: false,
dialogTitle1: '', dialogTitle2: '',
outerVisible2: false, outerVisible3: false,
dialogTitle2: '', dialogTitle3: '',
outerVisible3: false, isCkedAll: false,
dialogTitle3: '', //请求数据
isCkedAll: false, fileList: [], //文件夹
//请求数据 notFileList: [], //文件
fileList: [], //文件夹 saveMsg: [],
notFileList: [], //文件 msg: {
saveMsg: [], pageIndex: '1',
msg: { pageSize: '9999',
pageIndex: '1', ShareName: ''
pageSize:'9999', },
ShareName:'' nextMsg: {
}, ParentId: '0',
nextMsg:{ FolderName: '',
ParentId: '0', },
FolderName: '', addFileMsg: {
}, FolderName: '',
addFileMsg: { ParentId: '0',
FolderName: '', FolderId: '',
ParentId: '0', },
FolderId: '', updateFileMsg: {
}, FileId: '0',
updateFileMsg: { FileName: '0'
FileId: '0', },
FileName: '0' MoveMsg: {
}, FolderId: '0'
MoveMsg: { },
FolderId: '0' shareMsg: {
}, shareType: '1',
shareMsg: { fileIds: [],
shareType: '1', targetIds: '',
fileIds: [], folderIds: [],
targetIds: '', shareId: 0
folderIds: [], },
shareId:0 //返回数据
}, curIndex: -1,
//返回数据 list: [],
curIndex: -1, fileTreeList: [],
list: [], NavigationList: [],
fileTreeList: [], WjId: [],
NavigationList: [], WjjId: [],
WjId: [], arr: [],
WjjId: [], departmentList: [],
arr: [], ckdDepartmentList: [],
departmentList:[], ckdDepartmentListId: [],
ckdDepartmentList:[], roleList: [],
ckdDepartmentListId:[], ckdRoleList: [],
roleList:[], ckdRoleListId: [],
ckdRoleList:[], menberList: [],
ckdRoleListId:[], ckdMenberList: [],
menberList:[], ckdMenberListId: [],
ckdMenberList:[], nextList: [],
ckdMenberListId:[], crtData: {},
nextList:[], shareTypes: {
crtData:{},
rules: { //表单验证
FolderName: [{
required: true,
message: this.$t('objFill.v101.administrative.qingshurwjjmc') ,
trigger: 'blur'
}]
},
rules1: { //表单验证
FileName: [{
required: true,
message: this.$t('objFill.v101.administrative.qingsrwjmc') ,
trigger: 'blur'
}]
},
shareTypes:{
t1: this.$t('admin.admin_Department'), t1: this.$t('admin.admin_Department'),
t2: this.$t('admin.admin_Post'), t2: this.$t('admin.admin_Post'),
t3: this.$t('fnc.zdchengyuan'), t3: this.$t('fnc.zdchengyuan'),
},
rules: { //表单验证
FolderName: [{
required: true,
message: this.$t('objFill.v101.administrative.qingshurwjjmc'),
trigger: 'blur'
}]
},
rules1: { //表单验证
FileName: [{
required: true,
message: this.$t('objFill.v101.administrative.qingsrwjmc'),
trigger: 'blur'
}]
},
}
},
filters: {
FileSizeFormat(value) {
if (value == null || value == '0') {
return '-'
}
if (value != null) {
if (value / 1024 < 1) { //kb
return value + 'KB'
}
if (value / 1024 > 1 && value / (1024 * 1024) < 1) { //mb
return (value / 1024).toFixed(2) + 'M'
}
if (value / (1024 * 1024) > 1) { //G
return (value / (1024 * 1024)).toFixed(2) + 'G'
}
}
},
shareTypeFormat(value) {
console.log("shareTypes", this.shareTypes);
if (value == 1) {
return this.shareTypes.t1
}
if (value == 2) {
return this.shareTypes.t2
}
if (value == 3) {
return this.shareTypes.t3
}
},
reciveFormat(value) {
if (value.shareType == 1 || value.shareType == 2) {
if (value.recive != null) {
return value.recive.join(',')
} else {
return ''
}
}
}
},
methods: {
// 图片验证码
createCode() {
//先清空验证码的输入
this.code = "";
this.checkCode = "";
this.picLyanzhengma = "";
//验证码的长度
var codeLength = 4;
//随机数
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L',
'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
for (var i = 0; i < codeLength; i++) {
//取得随机数的索引（0~35）
var index = Math.floor(Math.random() * 36);
//根据索引取得随机数加到code上
this.code += random[index];
}
//把code值赋给验证码
this.checkCode = this.code;
},
analyzeItem(obj) {
let typeArr = [{
stringArr: 'GIF|JPG|JPEG|PNG|BMP',
type: 1
},
{
stringArr: 'MP3|OGG|AU|AIFF|VQF',
type: 2
},
{
stringArr: 'AVI|WMV|MPEG|MP4|MOV|MKV|FLV|F4V|M4V|RMVB|RM|3GP|DAT|TS|MTS|VOB',
type: 3
},
{
stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX',
type: 4
},
{
stringArr: 'PDF',
type: 5
},
]
let fileTypeNumber; // 判断文件预览类型; 1 图片，2音频，3视频，4，office，, 5 PDF , 6 txt default其他
let fileType = obj.FileUrl.substring(obj.FileUrl.lastIndexOf('.') + 1, obj.FileUrl.length).toUpperCase()
typeArr.forEach(x => {
if (x.stringArr.indexOf(fileType) != '-1') {
fileTypeNumber = x.type
}
})
switch (fileTypeNumber) {
case 1:
this.list.forEach(item => {
if (item.shareFileType == 2) {
if (item.fileName && item.fileName != '') {
let fileType = item.fileName.substring(item.fileName.lastIndexOf('.') + 1, item.fileName.length)
.toUpperCase()
if ('GIF|JPG|JPEG|PNG|BMP'.indexOf(fileType) != -1) {
this.picObj.push(item.FileUrl)
}
}
}
})
this.picObj.forEach((x, i) => {
if (x == obj.FileUrl) {
this.initialIndex = i
return false
}
})
this.picIsShow = true
//this.picPath=obj.FilePath
break;
case 2:
this.audioIsShow = true
this.audioName = obj.fileName
this.audioPath = obj.FileUrl
break;
case 3:
this.outerVisible4 = true
this.dialogTitle4 = obj.fileName
this.moviePath = obj.FileUrl
break;
case 4:
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + obj.FileUrl)
break;
case 5:
this.previewPDF(obj.FileUrl)
break;
default:
this.$message.warning(this.$t('objFill.v101.administrative.gaiwjbzcylqxzxgrj'))
break;
}
},
analyzeItemInside(obj) {
let typeArr = [{
stringArr: 'GIF|JPG|JPEG|PNG|BMP',
type: 1
},
{
stringArr: 'MP3|OGG|AU|AIFF|VQF',
type: 2
},
{
stringArr: 'AVI|WMV|MPEG|MP4|MOV|MKV|FLV|F4V|M4V|RMVB|RM|3GP|DAT|TS|MTS|VOB',
type: 3
},
{
stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX',
type: 4
},
{
stringArr: 'PDF',
type: 5
},
]
let fileTypeNumber; // 判断文件预览类型; 1 图片，2音频，3视频，4，office，, 5 PDF , 6 txt default其他
let fileType = obj.FilePath.substring(obj.FilePath.lastIndexOf('.') + 1, obj.FilePath.length).toUpperCase()
typeArr.forEach(x => {
if (x.stringArr.indexOf(fileType) != '-1') {
fileTypeNumber = x.type
}
})
switch (fileTypeNumber) {
case 1:
this.nextList.forEach(item => {
if (item.DataType == 2) {
let fileType = item.FolderName.substring(item.FolderName.lastIndexOf('.') + 1, item.FolderName
.length).toUpperCase()
if ('GIF|JPG|JPEG|PNG|BMP'.indexOf(fileType) != -1) {
this.picObj.push(item.FilePath)
}
}
})
this.picObj.forEach((x, i) => {
if (x == obj.FilePath) {
this.initialIndex = i
return false
}
})
this.picIsShow = true
//this.picPath=obj.FilePath
break;
case 2:
this.audioIsShow = true
this.audioName = obj.FolderName
this.audioPath = obj.FilePath
break;
case 3:
this.outerVisible4 = true
this.dialogTitle4 = obj.FolderName
this.moviePath = obj.FilePath
break;
case 4:
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + obj.FilePath)
break;
case 5:
this.previewPDF(obj.FilePath)
break
default:
this.$message.warning(this.$t('objFill.v101.administrative.gaiwjbzcylqxzxgrj'))
break;
}
},
filterArr(obj, length) {
return obj.slice(0, length)
},
changeShareType(obj) {
let _message = ''
let shareId = []
shareId.push(obj.shareId)
if (obj.shareStatus == 1) {
_message = this.$t('objFill.v101.administrative.shifouquxiaofenx')
} else {
_message = this.$t('objFill.v101.administrative.shifouhuiffx')
} }
} this.$confirm(_message, this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning'
}).then(() => {
obj.shareStatus = obj.shareStatus == 1 ? 2 : 1
this.apipost('user_cloud_update_file_share_status', {
shareId: shareId,
shareStatus: obj.shareStatus
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message.info(this.$t('objFill.v101.administrative.quxiaocaozuo'));
});
},
dowloadSingle() {
let objKey = [];
this.list.forEach(item => {
if (item.DataType == 2) {
for (let i = 0; i < this.notFileList.length; i++) {
if (this.notFileList[i] == item.Id) {
let reg = /^http(s)?:\/\/(.*?)\//
this.downloadFileRename(item.FilePath.replace(reg, ''), item.FolderName);
}
}
}
}, })
filters: { },
FileSizeFormat(value) { downloadOne(obj) {
if(value == null||value=='0') { if (obj.shareFileType == 1) {
return '-' this.yzmVisible = true
} this.createCode()
if(value != null) { this.fileList = []
if(value / 1024 < 1) { //kb this.notFileList = []
return value + 'KB' this.fileList.push(obj.FileId)
} }
if(value / 1024 > 1 && value / (1024 * 1024) < 1) { //mb if (obj.shareFileType == 2) {
return(value / 1024).toFixed(2) + 'M' let reg = /^http(s)?:\/\/(.*?)\//
}
if(value / (1024 * 1024) > 1) { //G
return(value / (1024 * 1024)).toFixed(2) + 'G'
}
}
},
shareTypeFormat(value){
if(value==1){
return this.shareTypes.t1
}
if(value==2){
return this.shareTypes.t2
}
if(value==3){
return this.shareTypes.t3
}
},
reciveFormat(value){
if(value.shareType==1||value.shareType==2){
if(value.recive!=null){
return value.recive.join(',')
}else{
return ''
}
}
}
},
methods: {
// 图片验证码
createCode(){
//先清空验证码的输入
this.code = "";
this.checkCode = "";
this.picLyanzhengma = "";
//验证码的长度
var codeLength = 4;
//随机数
var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
for(var i = 0; i < codeLength; i++) {
//取得随机数的索引（0~35）
var index = Math.floor(Math.random()*36);
//根据索引取得随机数加到code上
this.code += random[index];
}
//把code值赋给验证码
this.checkCode = this.code;
},
analyzeItem(obj){
let typeArr=[
{stringArr:'GIF|JPG|JPEG|PNG|BMP',type:1},
{stringArr:'MP3|OGG|AU|AIFF|VQF',type:2},
{stringArr:'AVI|WMV|MPEG|MP4|MOV|MKV|FLV|F4V|M4V|RMVB|RM|3GP|DAT|TS|MTS|VOB',type:3},
{stringArr:'DOCX|DOC|XLSX|XLS|PPT|PPTX',type:4},
{stringArr:'PDF',type:5},
]
let fileTypeNumber; // 判断文件预览类型; 1 图片，2音频，3视频，4，office，, 5 PDF , 6 txt default其他
let fileType=obj.FileUrl.substring(obj.FileUrl.lastIndexOf('.')+1,obj.FileUrl.length).toUpperCase()
typeArr.forEach(x=>{
if(x.stringArr.indexOf(fileType)!='-1')
{
fileTypeNumber=x.type
}
})
switch (fileTypeNumber){
case 1:
this.list.forEach(item=>{
if(item.shareFileType==2){
let fileType=item.fileName.substring(item.fileName.lastIndexOf('.')+1,item.fileName.length).toUpperCase()
if('GIF|JPG|JPEG|PNG|BMP'.indexOf(fileType)!=-1){
this.picObj.push(item.FileUrl)
}
}
})
this.picObj.forEach((x,i)=>{
if(x==obj.FileUrl){
this.initialIndex=i
return false
}
})
this.picIsShow=true
//this.picPath=obj.FilePath
break;
case 2:
this.audioIsShow=true
this.audioName=obj.fileName
this.audioPath=obj.FileUrl
break;
case 3:
this.outerVisible4=true
this.dialogTitle4=obj.fileName
this.moviePath=obj.FileUrl
break;
case 4:
window.open("https://view.officeapps.live.com/op/view.aspx?src="+obj.FileUrl)
break;
case 5:
this.previewPDF(obj.FileUrl)
break;
default:
this.$message.warning(this.$t('objFill.v101.administrative.gaiwjbzcylqxzxgrj'))
break;
}
},
analyzeItemInside(obj){
let typeArr=[
{stringArr:'GIF|JPG|JPEG|PNG|BMP',type:1},
{stringArr:'MP3|OGG|AU|AIFF|VQF',type:2},
{stringArr:'AVI|WMV|MPEG|MP4|MOV|MKV|FLV|F4V|M4V|RMVB|RM|3GP|DAT|TS|MTS|VOB',type:3},
{stringArr:'DOCX|DOC|XLSX|XLS|PPT|PPTX',type:4},
{stringArr:'PDF',type:5},
]
let fileTypeNumber; // 判断文件预览类型; 1 图片，2音频，3视频，4，office，, 5 PDF , 6 txt default其他
let fileType=obj.FilePath.substring(obj.FilePath.lastIndexOf('.')+1,obj.FilePath.length).toUpperCase()
typeArr.forEach(x=>{
if(x.stringArr.indexOf(fileType)!='-1')
{
fileTypeNumber=x.type
}
})
switch (fileTypeNumber){
case 1:
this.nextList.forEach(item=>{
if(item.DataType==2){
let fileType=item.FolderName.substring(item.FolderName.lastIndexOf('.')+1,item.FolderName.length).toUpperCase()
if('GIF|JPG|JPEG|PNG|BMP'.indexOf(fileType)!=-1){
this.picObj.push(item.FilePath)
}
}
})
this.picObj.forEach((x,i)=>{
if(x==obj.FilePath){
this.initialIndex=i
return false
}
})
this.picIsShow=true
//this.picPath=obj.FilePath
break;
case 2:
this.audioIsShow=true
this.audioName=obj.FolderName
this.audioPath=obj.FilePath
break;
case 3:
this.outerVisible4=true
this.dialogTitle4=obj.FolderName
this.moviePath=obj.FilePath
break;
case 4:
window.open("https://view.officeapps.live.com/op/view.aspx?src="+obj.FilePath)
break;
case 5:
this.previewPDF(obj.FilePath)
break
default:
this.$message.warning(this.$t('objFill.v101.administrative.gaiwjbzcylqxzxgrj'))
break;
}
},
filterArr(obj,length){
return obj.slice(0,length)
},
changeShareType(obj){
let _message=''
let shareId=[]
shareId.push(obj.shareId)
if(obj.shareStatus==1){
_message=this.$t('objFill.v101.administrative.shifouquxiaofenx')
}else{
_message=this.$t('objFill.v101.administrative.shifouhuiffx')
}
this.$confirm(_message, this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning'
}).then(() => {
obj.shareStatus=obj.shareStatus==1?2:1
this.apipost('user_cloud_update_file_share_status', {
shareId:shareId,
shareStatus: obj.shareStatus
}, res => {
if(res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message.info(this.$t('objFill.v101.administrative.quxiaocaozuo'));
});
},
dowloadSingle() {
let objKey = [];
this.list.forEach(item => {
if(item.DataType == 2) {
for(let i = 0; i < this.notFileList.length; i++) {
if(this.notFileList[i] == item.Id) {
let reg = /^http(s)?:\/\/(.*?)\//
this.downloadFileRename(item.FilePath.replace(reg,''),item.FolderName);
}
}
}
})
},
downloadOne(obj){
if(obj.shareFileType==1){
this.yzmVisible=true
this.createCode()
this.fileList=[]
this.notFileList=[]
this.fileList.push(obj.FileId)
}
if(obj.shareFileType==2){
let reg = /^http(s)?:\/\/(.*?)\//
let dom = document.querySelector("#blankLink") let dom = document.querySelector("#blankLink")
dom.href = obj.FileUrl dom.href = obj.FileUrl
dom.click() dom.click()
return return
this.downloadFileRename(obj.FileUrl.replace(reg,''),obj.fileName); this.downloadFileRename(obj.FileUrl.replace(reg, ''), obj.fileName);
} }
}, },
downloadTotal() { downloadTotal() {
if(this.picLyanzhengma.toLocaleUpperCase()==this.checkCode){ if (this.picLyanzhengma.toLocaleUpperCase() == this.checkCode) {
this.yzmVisible=false this.yzmVisible = false
this.$message.info(this.$t('objFill.v101.administrative.wenjianysqdd')) this.$message.info(this.$t('objFill.v101.administrative.wenjianysqdd'))
this.apipost('user_cloud_GetPackageFile', { this.apipost('user_cloud_GetPackageFile', {
FolderIdStr: this.fileList, FolderIdStr: this.fileList,
FileIdStr: this.notFileList FileIdStr: this.notFileList
}, res => { }, res => {
if(res.data.resultCode == 1) { if (res.data.resultCode == 1) {
const link = document.createElement('a'); const link = document.createElement('a');
let _loadUrl = this.domainManager().DomainUrl; let _loadUrl = this.domainManager().DomainUrl;
link.href = _loadUrl+res.data.data; link.href = _loadUrl + res.data.data;
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();
this.apipost('user_cloud_DelPackageFile',{Path:link.href},res=>{ this.apipost('user_cloud_DelPackageFile', {
},err=>{}) Path: link.href
}else{ }, res => {}, err => {})
this.$message.error(res.data.message) } else {
} this.$message.error(res.data.message)
}, err => {}) }
}else{ }, err => {})
this.$message.error(this.$t('objFill.v101.administrative.yanzhnegmcw')) } else {
} this.$message.error(this.$t('objFill.v101.administrative.yanzhnegmcw'))
}, }
enterTr(index) { },
this.curIndex = index enterTr(index) {
}, this.curIndex = index
leaveTr() { },
this.curIndex = -1; leaveTr() {
}, this.curIndex = -1;
checkedAll() { },
if(this.isCkedAll == true) { checkedAll() {
this.fileList = [] if (this.isCkedAll == true) {
this.notFileList = [] this.fileList = []
} else { this.notFileList = []
this.WjjId.forEach(item => { } else {
this.fileList.push(item) this.WjjId.forEach(item => {
}) this.fileList.push(item)
this.WjId.forEach(item => { })
this.notFileList.push(item) this.WjId.forEach(item => {
}) this.notFileList.push(item)
} })
}, }
ckeckedOne() { },
if(this.fileList.length + this.notFileList.length < this.allLength) { ckeckedOne() {
this.isCkedAll = false if (this.fileList.length + this.notFileList.length < this.allLength) {
} else { this.isCkedAll = false
this.isCkedAll = true } else {
} this.isCkedAll = true
}, }
openAddFilesDialog() { },
this.dialogTitle = this.$t('objFill.v101.administrative.xinjianwjj') openAddFilesDialog() {
this.outerVisible = true this.dialogTitle = this.$t('objFill.v101.administrative.xinjianwjj')
}, this.outerVisible = true
addFiles() { },
this.apipost('user_cloud_AddFolder', this.addFileMsg, res => { addFiles() {
if(res.data.resultCode == 1) { this.apipost('user_cloud_AddFolder', this.addFileMsg, res => {
this.$message.success(res.data.message); if (res.data.resultCode == 1) {
this.getList() this.$message.success(res.data.message);
this.outerVisible = false this.getList()
this.addFileMsg.FolderName = '' this.outerVisible = false
this.addFileMsg.FolderName = ''
} else {
this.$message.error(res.data.message)
}
}, err => {})
},
deleteFiles() {
this.$confirm(this.$t('objFill.v101.administrative.shancwjfxzwjjbs') + '?', this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning'
}).then(() => {
this.apipost('user_cloud_DelFolder', {
FolderIdStr: this.fileList,
FileIdStr: this.notFileList
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message.info(this.$t('objFill.quxiaoshanc'));
});
},
deleteShareFile(obj) {
this.$confirm(this.$t('objFill.v101.administrative.shifouscfx'), this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning'
}).then(() => {
this.apipost('user_cloud_delete_file_share', {
shareId: obj.shareId,
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message.info(this.$t('objFill.quxiaoshanc'));
});
},
moveFiles() {
this.getTreeList()
this.dialogTitle2 = this.$t('objFill.v101.administrative.yidongwenj')
this.outerVisible2 = true
},
handleNodeChange(data, checked) {
if (checked) {
this.arr.push(data.Id)
this.$refs.tree.setCheckedKeys([data.Id]);
this.MoveMsg.FolderId = data.Id;
} else {
if (this.arr.length == 1) {
this.arr = []
this.MoveMsg.FolderId = '0'
} else {
this.arr = this.arr.slice(this.arr.length - 1)
this.MoveMsg.FolderId = this.arr[this.arr.length - 1]
}
}
},
saveMoveFiles() {
this.MoveMsg.FolderIdStr = this.fileList
this.MoveMsg.FileIdStr = this.notFileList
this.apipost('user_cloud_BatchFolderMove', this.MoveMsg, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.outerVisible2 = false;
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
},
updateShareOneDialog(obj) {
// let resetArr=obj.TargetIds.split(',')
// this.outerVisible3 = true
// this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj')
// this.shareMsg.shareId = obj.shareId;
// if(obj.shareType==1){ //文件夹
// this.fileList=[]
// this.notFileList=[]
// this.fileList.push(obj.Id)
// }
// if(obj.shareType==2){ //文件
// this.fileList=[]
// this.notFileList=[]
// this.notFileList.push(obj.Id)
// }
// if(obj.shareType==1){ //部门
// this.shareMsg.shareType=1
// //let departMentArr=resetArr
// this.$refs.treeDepartmentList.setCheckedKeys(resetArr);
// }
// if(obj.shareType==2){ //岗位
// this.shareMsg.shareType=2
// this.$refs.treeRole.setCheckedKeys(resetArr);
// }
// if(obj.shareType==3){ //员工
// this.shareMsg.shareType=3
// this.$refs.treeMenber.setCheckedKeys(resetArr);
// }
this.getDepartment()
this.getRole()
this.getMenber()
this.crtData = obj
},
loadRightData() {
let obj = this.crtData
let resetArr = obj.TargetIds.split(',')
this.outerVisible3 = true
this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj')
this.shareMsg.shareId = obj.shareId;
if (obj.shareType == 1) { //文件夹
this.fileList = []
this.notFileList = []
this.fileList.push(obj.Id)
}
if (obj.shareType == 2) { //文件
this.fileList = []
this.notFileList = []
this.notFileList.push(obj.Id)
}
if (obj.shareType == 1) { //部门
this.shareMsg.shareType = 1
//let departMentArr=resetArr
let that = this
this.$nextTick(() => {
this.$refs.treeDepartmentList.setCheckedKeys(resetArr);
});
}
if (obj.shareType == 2) { //岗位
this.shareMsg.shareType = 2
let that = this
this.$nextTick(() => {
this.$refs.treeRole.setCheckedKeys(resetArr);
});
}
if (obj.shareType == 3) { //员工
this.shareMsg.shareType = 3
let that = this
this.$nextTick(() => {
that.$refs.treeMenber.setCheckedKeys(resetArr);
});
}
},
openShareDialog() {
this.outerVisible3 = true
this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj')
this.getDepartment()
this.getRole()
this.getMenber()
},
//按照集团分享
shareGroup() {
this.shareMsg.shareType = 4;
},
shareDeparment() {
this.shareMsg.shareType = 1
this.ckdRoleList = []
this.ckdRoleListId = []
this.ckdMenberList = []
this.ckdMenberListId = []
},
shareRole() {
this.shareMsg.shareType = 2
this.ckdDepartmentList = []
this.ckdDepartmentListId = []
this.ckdMenberList = []
this.ckdMenberListId = []
},
shareMenber() {
this.shareMsg.shareType = 3
this.ckdDepartmentList = []
this.ckdDepartmentListId = []
this.ckdRoleList = []
this.ckdRoleListId = []
},
getDepartment() { //部门
this.apipost('app_get_GetCompanyDepartmentListTree', {}, res => {
if (res.data.resultCode == 1) {
this.departmentList = res.data.data
return true
} else {
return false
}
this.loadRightData()
}, err => {})
},
DepartmentListNodeChange(data, checked) {
if (checked) {
this.ckdDepartmentList.push({
name: data.DepartmentName,
id: data.DepartmentId
})
this.ckdDepartmentListId.push(data.DepartmentId)
}
if (!checked) {
if (this.ckdDepartmentList.findIndex(item => item.id === data.DepartmentId) != -1) {
this.ckdDepartmentList.splice(this.ckdDepartmentList.findIndex(item => item.id === data.DepartmentId), 1)
}
if (this.ckdDepartmentListId.findIndex(item => item === data.DepartmentId) != -1) {
this.ckdDepartmentListId.splice(this.ckdDepartmentListId.findIndex(item => item === data.DepartmentId), 1)
}
}
},
deleteDepartment(id) {
this.ckdDepartmentList.splice(this.ckdDepartmentList.findIndex(item => item.id === id), 1)
this.ckdDepartmentListId.splice(this.ckdDepartmentListId.findIndex(item => item === id), 1) //删除相同id
this.$refs.treeDepartmentList.setCheckedKeys(this.ckdDepartmentListId);
},
getRole() { //岗位
this.apipost('WorkFlow_get_GetCompanyDepartMentPost', {}, res => {
if (res.data.resultCode == 1) {
this.roleList = res.data.data
return true
} else {
return false
}
this.loadRightData()
}, err => {})
},
roleListNodeChange(data, checked) {
if (data.Type == 2 && checked) {
this.ckdRoleList.push({
name: data.DepartmentName,
id: data.DepartmentId
})
this.ckdRoleListId.push(data.DepartmentId)
}
if (data.Type == 2 && !checked) {
if (this.ckdRoleList.findIndex(item => item.id === data.DepartmentId) != -1) {
this.ckdRoleList.splice(this.ckdRoleList.findIndex(item => item.id === data.DepartmentId), 1)
}
if (this.ckdRoleListId.findIndex(item => item === data.DepartmentId) != -1) {
this.ckdRoleListId.splice(this.ckdRoleListId.findIndex(item => item === data.DepartmentId), 1) //删除相同id
}
}
},
deleteRole(id) {
this.ckdRoleList.splice(this.ckdRoleList.findIndex(item => item.id === id), 1)
this.ckdRoleListId.splice(this.ckdRoleListId.findIndex(item => item === id), 1)
//删除相同id
this.$refs.treeRole.setCheckedKeys(this.ckdRoleListId);
},
} else { getMenber() { //员工
this.$message.error(res.data.message) let that = this
} this.apipost('WorkFlow_get_GetCompanyDepartMentEmployee', {}, res => {
}, err => {}) if (res.data.resultCode == 1) {
}, this.menberList = res.data.data
deleteFiles() { }
this.$confirm(this.$t('objFill.v101.administrative.shancwjfxzwjjbs')+'?', this.$t('tips.tips'), { this.loadRightData()
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'), }, err => {})
type: 'warning' },
}).then(() => { MenberListNodeChange(data, checked) {
this.apipost('user_cloud_DelFolder', { if (data.Type == 2 && checked) {
FolderIdStr: this.fileList, this.ckdMenberList.push({
FileIdStr: this.notFileList name: data.DepartmentName,
}, res => { id: data.DepartmentId
if(res.data.resultCode == 1) { })
this.$message.success(res.data.message); this.ckdMenberListId.push(data.DepartmentId)
this.getList() }
} else { if (data.Type == 2 && !checked) {
this.$message.error(res.data.message) if (this.ckdMenberList.findIndex(item => item.id === data.DepartmentId) != -1) {
} this.ckdMenberList.splice(this.ckdMenberList.findIndex(item => item.id === data.DepartmentId), 1)
}, err => {}) }
}).catch(() => { if (this.ckdMenberListId.findIndex(item => item === data.DepartmentId) != -1) {
this.$message.info(this.$t('objFill.quxiaoshanc')); this.ckdMenberListId.splice(this.ckdMenberListId.findIndex(item => item === data.DepartmentId), 1) //删除相同id
}); }
}, }
deleteShareFile(obj) { },
this.$confirm(this.$t('objFill.v101.administrative.shifouscfx'), this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'), deleteMenber(id) {
cancelButtonText: this.$t('pub.cancelBtn'), this.ckdMenberList.splice(this.ckdMenberList.findIndex(item => item.id === id), 1)
type: 'warning' this.ckdMenberListId.splice(this.ckdMenberListId.findIndex(item => item === id), 1) //删除相同id
}).then(() => { this.$refs.treeMenber.setCheckedKeys(this.ckdMenberListId);
this.apipost('user_cloud_delete_file_share', { },
shareId: obj.shareId, saveShareDocument() {
}, res => { let targetIds = []
if(res.data.resultCode == 1) { if (this.shareMsg.shareType == 1) {
this.$message.success(res.data.message); targetIds = this.ckdDepartmentListId
this.getList() } else if (this.shareMsg.shareType == 2) {
} else { targetIds = this.ckdRoleListId
this.$message.error(res.data.message) } else {
} targetIds = this.ckdMenberListId
}, err => {}) }
}).catch(() => { this.shareMsg.targetIds = targetIds.join(",")
this.$message.info(this.$t('objFill.quxiaoshanc')); if (this.shareMsg.shareType == 4) {
}); let userInfo = this.getLocalStorage();
}, this.shareMsg.targetIds = userInfo.RB_Group_id;
moveFiles() { }
this.getTreeList()
this.dialogTitle2 = this.$t('objFill.v101.administrative.yidongwenj') //this.shareMsg.fileIds=this.notFileList
this.outerVisible2 = true //this.shareMsg.folderIds=this.fileList
}, this.apipost('user_cloud_update_file_share_target', this.shareMsg, res => {
handleNodeChange(data, checked) { if (res.data.resultCode == 1) {
if(checked) { this.outerVisible3 = false
this.arr.push(data.Id) this.$message.success(res.data.message)
this.$refs.tree.setCheckedKeys([data.Id]); this.getList()
this.MoveMsg.FolderId = data.Id; } else {
} else { this.$message.error(res.data.message)
if(this.arr.length == 1) { }
this.arr = [] }, err => {})
this.MoveMsg.FolderId = '0' },
} else {
this.arr = this.arr.slice(this.arr.length - 1) updateFiles(obj) {
this.MoveMsg.FolderId = this.arr[this.arr.length - 1] this.outerVisible = true;
} this.dialogTitle = this.$t('objFill.v101.administrative.xiugaiwjj')
} this.addFileMsg.FolderName = obj.FolderName;
}, this.addFileMsg.FolderId = obj.FolderId;
saveMoveFiles() { },
this.MoveMsg.FolderIdStr = this.fileList updateOneFile(obj) {
this.MoveMsg.FileIdStr = this.notFileList this.outerVisible1 = true;
this.apipost('user_cloud_BatchFolderMove', this.MoveMsg, res => { this.dialogTitle1 = this.$t('objFill.v101.administrative.xiugaiwj')
if(res.data.resultCode == 1) { let index = obj.FolderName.lastIndexOf('.')
this.$message.success(res.data.message); this.updateFileMsg.FileName = obj.FolderName.substring(0, index)
this.outerVisible2 = false; this.updateFileMsg.FileId = obj.Id
this.getList() },
} else { saveUpdateFile() {
this.$message.error(res.data.message) this.apipost('user_cloud_UpdateFile', this.updateFileMsg, res => {
} if (res.data.resultCode == 1) {
}, err => {}) this.$message.success(res.data.message);
}, this.outerVisible = false;
updateShareOneDialog(obj) { this.getList()
// let resetArr=obj.TargetIds.split(',') } else {
// this.outerVisible3 = true this.$message.error(res.data.message)
// this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj') }
// this.shareMsg.shareId = obj.shareId; }, err => {})
// if(obj.shareType==1){ //文件夹 },
// this.fileList=[] getList() {
// this.notFileList=[] this.apipost('user_cloud_mye_share', this.msg, res => {
// this.fileList.push(obj.Id) if (res.data.resultCode == 1) {
// } res.data.data.pageData.forEach(item => {
// if(obj.shareType==2){ //文件 if (item.shareFileType == 1) {
// this.fileList=[] item.icons = this.loadFileICON('')
// this.notFileList=[] }
// this.notFileList.push(obj.Id) if (item.shareFileType == 2) {
// } if (item.fileName && item.fileName != '') {
// if(obj.shareType==1){ //部门 let fileType = item.fileName.substring(item.fileName.lastIndexOf('.') + 1, item.fileName
// this.shareMsg.shareType=1 .length).toLowerCase()
// //let departMentArr=resetArr item.icons = this.loadFileICON(fileType)
// this.$refs.treeDepartmentList.setCheckedKeys(resetArr); }
// }
// if(obj.shareType==2){ //岗位 }
// this.shareMsg.shareType=2 })
// this.$refs.treeRole.setCheckedKeys(resetArr);
// } this.list = res.data.data.pageData.map(x => {
// if(obj.shareType==3){ //员工 x['isOpen'] = false
// this.shareMsg.shareType=3 return x
// this.$refs.treeMenber.setCheckedKeys(resetArr); })
// } this.NavigationList = res.data.data.Navigation
this.getDepartment() }
this.getRole() }, err => {})
this.getMenber() },
this.crtData=obj getNextLevel(obj) {
}, this.nextMsg.ParentId = obj.FileId
loadRightData(){ this.getNextLevelList()
let obj=this.crtData this.NavList.push({
let resetArr=obj.TargetIds.split(',') name: obj.fileName,
this.outerVisible3 = true id: obj.FileId
this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj') })
this.shareMsg.shareId = obj.shareId; this.isChildFiles = true
if(obj.shareType==1){ //文件夹 },
this.fileList=[] getNextLevelTree(obj) {
this.notFileList=[] this.nextMsg.ParentId = obj.Id
this.fileList.push(obj.Id) this.getNextLevelList()
} this.NavList.push({
if(obj.shareType==2){ //文件 name: obj.FolderName,
this.fileList=[] id: obj.Id
this.notFileList=[] })
this.notFileList.push(obj.Id) this.isChildFiles = true
} },
if(obj.shareType==1){ //部门 getNavTree(obj, index) {
this.shareMsg.shareType=1 this.nextMsg.ParentId = obj.id
//let departMentArr=resetArr this.getNextLevelList()
let that=this this.NavList = this.NavList.slice(0, index + 1)
this.$nextTick(() => { },
this.$refs.treeDepartmentList.setCheckedKeys(resetArr); resGetList() {
});
} this.isChildFiles = false;
if(obj.shareType==2){ //岗位 this.NavList = []
this.shareMsg.shareType=2 this.getlist()
let that=this },
this.$nextTick(() => { getNextLevelList() {
this.$refs.treeRole.setCheckedKeys(resetArr); this.apipost('user_cloud_GetFolderList', this.nextMsg, res => {
}); if (res.data.resultCode == 1) {
} this.nextList = res.data.data.data
if(obj.shareType==3){ //员工 this.nextList.forEach(item => {
this.shareMsg.shareType=3 if (item.DataType == 0) {
let that=this item.icons = this.loadFileICON('')
this.$nextTick(() => { }
that.$refs.treeMenber.setCheckedKeys(resetArr);
}); if (item.DataType == 2) {
let fileType = item.FolderName.substring(item.FolderName.lastIndexOf('.') + 1, item.FolderName
} .length).toLowerCase()
}, item.icons = this.loadFileICON(fileType)
openShareDialog() { }
this.outerVisible3 = true })
this.dialogTitle3 = this.$t('objFill.v101.administrative.fenxwjwjj') }
this.getDepartment() }, err => {})
this.getRole() },
this.getMenber() getTreeList() {
}, this.apipost('user_cloud_GetFolderTreeList', {}, res => {
//按照集团分享 if (res.data.resultCode == 1) {
shareGroup(){ this.fileTreeList = res.data.data
this.shareMsg.shareType=4; } else {}
}, }, err => {})
shareDeparment(){ },
this.shareMsg.shareType=1 submitForm(addMsg) { //提交创建、修改表单
this.ckdRoleList=[] this.$refs[addMsg].validate((valid) => {
this.ckdRoleListId=[] if (valid) {
this.ckdMenberList=[] this.addFiles()
this.ckdMenberListId=[] } else {
}, return false;
shareRole(){ }
this.shareMsg.shareType=2 });
this.ckdDepartmentList=[] },
this.ckdDepartmentListId=[] closeChangeMachie(done) { //弹出框关闭初始化弹框内表单
this.ckdMenberList=[] done();
this.ckdMenberListId=[] this.addFileMsg.FolderName = ''
}, },
shareMenber(){ },
this.shareMsg.shareType=3 mounted() {
this.ckdDepartmentList=[] let userInfo = this.getLocalStorage();
this.ckdDepartmentListId=[] this.getList()
this.ckdRoleList=[] },
this.ckdRoleListId=[] created() {
}, this.createCode()
getDepartment() { //部门 }
this.apipost('app_get_GetCompanyDepartmentListTree', {}, res => {
if(res.data.resultCode == 1) { }
this.departmentList = res.data.data
return true
}else{
return false
}
this.loadRightData()
}, err => {})
},
DepartmentListNodeChange(data,checked){
if(checked){
this.ckdDepartmentList.push({name:data.DepartmentName,id:data.DepartmentId})
this.ckdDepartmentListId.push(data.DepartmentId)
}
if(!checked){
if(this.ckdDepartmentList.findIndex(item => item.id === data.DepartmentId)!=-1){
this.ckdDepartmentList.splice(this.ckdDepartmentList.findIndex(item => item.id === data.DepartmentId), 1)
}
if(this.ckdDepartmentListId.findIndex(item => item === data.DepartmentId)!=-1){
this.ckdDepartmentListId.splice(this.ckdDepartmentListId.findIndex(item => item === data.DepartmentId), 1)
}
}
},
deleteDepartment(id){
this.ckdDepartmentList.splice(this.ckdDepartmentList.findIndex(item => item.id === id), 1)
this.ckdDepartmentListId.splice(this.ckdDepartmentListId.findIndex(item => item === id), 1) //删除相同id
this.$refs.treeDepartmentList.setCheckedKeys(this.ckdDepartmentListId);
},
getRole() { //岗位
this.apipost('WorkFlow_get_GetCompanyDepartMentPost', {}, res => {
if(res.data.resultCode == 1) {
this.roleList = res.data.data
return true
}else{
return false
}
this.loadRightData()
}, err => {})
},
roleListNodeChange(data,checked){
if(data.Type == 2 &&checked){
this.ckdRoleList.push({name:data.DepartmentName,id:data.DepartmentId})
this.ckdRoleListId.push(data.DepartmentId)
}
if(data.Type == 2 &&!checked){
if(this.ckdRoleList.findIndex(item => item.id === data.DepartmentId)!=-1){
this.ckdRoleList.splice(this.ckdRoleList.findIndex(item => item.id === data.DepartmentId), 1)
}
if(this.ckdRoleListId.findIndex(item => item === data.DepartmentId)!=-1){
this.ckdRoleListId.splice(this.ckdRoleListId.findIndex(item => item === data.DepartmentId), 1) //删除相同id
}
}
},
deleteRole(id){
this.ckdRoleList.splice(this.ckdRoleList.findIndex(item => item.id === id), 1)
this.ckdRoleListId.splice(this.ckdRoleListId.findIndex(item => item === id), 1)
//删除相同id
this.$refs.treeRole.setCheckedKeys(this.ckdRoleListId);
},
getMenber() { //员工
let that=this
this.apipost('WorkFlow_get_GetCompanyDepartMentEmployee', {}, res => {
if(res.data.resultCode == 1) {
this.menberList = res.data.data
}
this.loadRightData()
}, err => {})
},
MenberListNodeChange(data,checked){
if(data.Type == 2 &&checked){
this.ckdMenberList.push({name:data.DepartmentName,id:data.DepartmentId})
this.ckdMenberListId.push(data.DepartmentId)
}
if(data.Type == 2 &&!checked){
if(this.ckdMenberList.findIndex(item => item.id === data.DepartmentId)!=-1){
this.ckdMenberList.splice(this.ckdMenberList.findIndex(item => item.id === data.DepartmentId), 1)
}
if(this.ckdMenberListId.findIndex(item => item === data.DepartmentId)!=-1){
this.ckdMenberListId.splice(this.ckdMenberListId.findIndex(item => item === data.DepartmentId), 1) //删除相同id
}
}
},
deleteMenber(id){
this.ckdMenberList.splice(this.ckdMenberList.findIndex(item => item.id === id), 1)
this.ckdMenberListId.splice(this.ckdMenberListId.findIndex(item => item === id), 1) //删除相同id
this.$refs.treeMenber.setCheckedKeys(this.ckdMenberListId);
},
saveShareDocument(){
let targetIds = []
if(this.shareMsg.shareType==1){
targetIds=this.ckdDepartmentListId
}else if(this.shareMsg.shareType==2){
targetIds=this.ckdRoleListId
}else{
targetIds=this.ckdMenberListId
}
this.shareMsg.targetIds = targetIds.join(",")
if(this.shareMsg.shareType==4){
let userInfo = this.getLocalStorage();
this.shareMsg.targetIds = userInfo.RB_Group_id;
}
//this.shareMsg.fileIds=this.notFileList
//this.shareMsg.folderIds=this.fileList
this.apipost('user_cloud_update_file_share_target',this.shareMsg,res=>{
if(res.data.resultCode == 1) {
this.outerVisible3=false
this.$message.success(res.data.message)
this.getList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
updateFiles(obj) {
this.outerVisible = true;
this.dialogTitle = this.$t('objFill.v101.administrative.xiugaiwjj')
this.addFileMsg.FolderName = obj.FolderName;
this.addFileMsg.FolderId = obj.FolderId;
},
updateOneFile(obj) {
this.outerVisible1 = true;
this.dialogTitle1 = this.$t('objFill.v101.administrative.xiugaiwj')
let index = obj.FolderName.lastIndexOf('.')
this.updateFileMsg.FileName = obj.FolderName.substring(0, index)
this.updateFileMsg.FileId = obj.Id
},
saveUpdateFile() {
this.apipost('user_cloud_UpdateFile', this.updateFileMsg, res => {
if(res.data.resultCode == 1) {
this.$message.success(res.data.message);
this.outerVisible = false;
this.getList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
},
getList() {
this.apipost('user_cloud_mye_share', this.msg, res => {
if(res.data.resultCode == 1) {
res.data.data.pageData.forEach(item=>{
if(item.shareFileType==1){
item.icons=this.loadFileICON('')
}
if(item.shareFileType==2){
let fileType=item.fileName.substring(item.fileName.lastIndexOf('.')+1,item.fileName.length).toLowerCase()
item.icons=this.loadFileICON(fileType)
}
})
this.list = res.data.data.pageData.map(x=>{
x['isOpen']=false
return x
})
this.NavigationList = res.data.data.Navigation
}
}, err => {})
},
getNextLevel(obj) {
this.nextMsg.ParentId = obj.FileId
this.getNextLevelList()
this.NavList.push({name:obj.fileName,id:obj.FileId})
this.isChildFiles=true
},
getNextLevelTree(obj) {
this.nextMsg.ParentId = obj.Id
this.getNextLevelList()
this.NavList.push({name:obj.FolderName,id:obj.Id})
this.isChildFiles=true
},
getNavTree(obj,index){
this.nextMsg.ParentId = obj.id
this.getNextLevelList()
this.NavList=this.NavList.slice(0,index+1)
},
resGetList(){
this.isChildFiles=false;
this.NavList=[]
this.getlist()
},
getNextLevelList(){
this.apipost('user_cloud_GetFolderList', this.nextMsg, res => {
if(res.data.resultCode == 1) {
this.nextList = res.data.data.data
this.nextList.forEach(item=>{
if(item.DataType==0){
item.icons=this.loadFileICON('')
}
if(item.DataType==2){
let fileType=item.FolderName.substring(item.FolderName.lastIndexOf('.')+1,item.FolderName.length).toLowerCase()
item.icons=this.loadFileICON(fileType)
}
})
}
}, err => {})
},
getTreeList() {
this.apipost('user_cloud_GetFolderTreeList', {}, res => {
if(res.data.resultCode == 1) {
this.fileTreeList = res.data.data
} else {}
}, err => {})
},
submitForm(addMsg) { //提交创建、修改表单
this.$refs[addMsg].validate((valid) => {
if(valid) {
this.addFiles()
} else {
return false;
}
});
},
closeChangeMachie(done) { //弹出框关闭初始化弹框内表单
done();
this.addFileMsg.FolderName = ''
},
},
mounted() {
let userInfo=this.getLocalStorage();
this.getList()
},
created(){
this.createCode()
}
}
</script> </script>
<style> <style>
.myDocumentShareDiv{ .myDocumentShareDiv {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
} }
.myDocumentShareDiv::-webkit-scrollbar,.myDocumentShareTree::-webkit-scrollbar,.myDocumentShareObject::-webkit-scrollbar{
/*滚动条整体样式*/ .myDocumentShareDiv::-webkit-scrollbar,
width: 4px; .myDocumentShareTree::-webkit-scrollbar,
/*高宽分别对应横竖滚动条的尺寸*/ .myDocumentShareObject::-webkit-scrollbar {
height: 1px; /*滚动条整体样式*/
} width: 4px;
.myDocumentShareDiv::-webkit-scrollbar-thumb,.myDocumentShareTree::-webkit-scrollbar-thumb,.myDocumentShareObject::-webkit-scrollbar-thumb{ /*高宽分别对应横竖滚动条的尺寸*/
/*滚动条里面小方块*/ height: 1px;
border-radius: 4px; }
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; .myDocumentShareDiv::-webkit-scrollbar-thumb,
} .myDocumentShareTree::-webkit-scrollbar-thumb,
.myDocumentShareDiv::-webkit-scrollbar-track,.myDocumentShareTree::-webkit-scrollbar-track,.myDocumentShareObject::-webkit-scrollbar-track{ .myDocumentShareObject::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); /*滚动条里面小方块*/
border-radius: 4px; border-radius: 4px;
background: #EDEDED; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
} background: #c9c9c9;
.myDocumentShareTree{ }
float: left;
padding:10px; .myDocumentShareDiv::-webkit-scrollbar-track,
width: 400px; .myDocumentShareTree::-webkit-scrollbar-track,
max-height: 400px; .myDocumentShareObject::-webkit-scrollbar-track {
overflow: auto; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-right: 1px solid #f9f9f9; border-radius: 4px;
} background: #EDEDED;
.myDocumentShareObject{ }
padding: 10px;
width: 380px; .myDocumentShareTree {
max-height: 400px; float: left;
overflow: auto; padding: 10px;
float: left; width: 400px;
} max-height: 400px;
.myDocumentShareObject li{ overflow: auto;
height: 24px; border-right: 1px solid #f9f9f9;
line-height: 24px; }
width: 100%;
} .myDocumentShareObject {
.myDocumentShareObject li:hover{ padding: 10px;
background: #f9f9f9; width: 380px;
} max-height: 400px;
.myDocumentShareObject li i{ overflow: auto;
float: right; float: left;
cursor: pointer; }
margin: 5px 0;
} .myDocumentShareObject li {
.myDocumentsNav { height: 24px;
margin: 25px 0; line-height: 24px;
} width: 100%;
}
.myDocumentsTable td,
.myDocumentsTable th { .myDocumentShareObject li:hover {
text-align: left!important; background: #f9f9f9;
padding-left: 15px; }
}
.myDocumentShareObject li i {
.myDocumentsLink { float: right;
margin: 25px 0; cursor: pointer;
} margin: 5px 0;
}
.myDocumentsLink>span {
font-size: 12px; .myDocumentsNav {
cursor: pointer; margin: 25px 0;
color: #E95252; }
}
.myDocumentsTable td,
.myDocumentsLink>span:not(:last-of-type):hover { .myDocumentsTable th {
text-decoration: underline; text-align: left !important;
} padding-left: 15px;
}
.myDocumentsLink>span:not(:last-of-type):after {
content: '>'; .myDocumentsLink {
margin: 0 3px; margin: 25px 0;
color: #E95252; }
pointer-events: none;
} .myDocumentsLink>span {
font-size: 12px;
.myDocumentsLink>span:last-child { cursor: pointer;
color: #666; color: #E95252;
cursor: default; }
}
.myDocumentsLink>span:not(:last-of-type):hover {
.myDocumentUploadBtn { text-decoration: underline;
float: left; }
margin-right: 10px;
} .myDocumentsLink>span:not(:last-of-type):after {
content: '>';
.shareDocumentDialog .el-dialog__body { margin: 0 3px;
padding: 0!important; color: #E95252;
} pointer-events: none;
}
.documentDialogNav {
background: #E95252; .myDocumentsLink>span:last-child {
height: 45px; color: #666;
} cursor: default;
}
.documentDialogNav>div {
display: inline-block; .myDocumentUploadBtn {
color: #fff; float: left;
width: 90px; margin-right: 10px;
height: 26px; }
margin-left: 20px;
position: relative; .shareDocumentDialog .el-dialog__body {
border-radius: 13px; padding: 0 !important;
background: rgba(0, 0, 0, .2); }
text-align: center;
cursor: pointer; .documentDialogNav {
} background: #E95252;
height: 45px;
.documentDialogNav>div .checkIcon { }
width: 0;
height: 0; .documentDialogNav>div {
border-width: 0 5px 5px; display: inline-block;
position: absolute; color: #fff;
left: 40px; width: 90px;
top: 40px; height: 26px;
border-style: solid; margin-left: 20px;
border-color: transparent transparent #fff; position: relative;
/*透明 透明 灰*/ border-radius: 13px;
} background: rgba(0, 0, 0, .2);
.DocumentLoadVerification{ text-align: center;
width: 120px; height: 30px; cursor: pointer;
border-radius: 4px; }
letter-spacing: 5px;
border:none; background: #f56c6c; .documentDialogNav>div .checkIcon {
color: #eee; width: 0;
cursor: pointer; height: 0;
} border-width: 0 5px 5px;
position: absolute;
</style> left: 40px;
\ No newline at end of file top: 40px;
border-style: solid;
border-color: transparent transparent #fff;
/*透明 透明 灰*/
}
.DocumentLoadVerification {
width: 120px;
height: 30px;
border-radius: 4px;
letter-spacing: 5px;
border: none;
background: #f56c6c;
color: #eee;
cursor: pointer;
}
</style>
src/components/guestSign.vue
View file @ 2e738180
...@@ -214,7 +214,6 @@ ...@@ -214,7 +214,6 @@
saveGuestSurvey() { saveGuestSurvey() {
this.saveLoading = true; this.saveLoading = true;
var postMsg = []; var postMsg = [];
console.log("this.dataList2", JSON.parse(JSON.stringify(this.dataList)))
if (this.dataList && this.dataList.length > 0) { if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(item => { this.dataList.forEach(item => {
item.GuestId = this.qMsg.GuestId; item.GuestId = this.qMsg.GuestId;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment