|
|
@@ -0,0 +1,598 @@
|
|
|
+<template>
|
|
|
+ <div class="aeincubationm">
|
|
|
+ <div v-if="comType" class="navTitle">
|
|
|
+ <div @click="comType = true" class="returnName">公司列表</div>
|
|
|
+ <div>></div>
|
|
|
+ <div style="color: rgb(15, 126, 255)">文件列表</div>
|
|
|
+ </div>
|
|
|
+ <div class="twoSelectInp" v-if="!comType">
|
|
|
+ <div class="selectTwo">
|
|
|
+ <div class="selectsBlock">
|
|
|
+ <el-input
|
|
|
+ v-model="fileNameSearch"
|
|
|
+ style="width: 200px"
|
|
|
+ @change="getCompany"
|
|
|
+ placeholder="请输入公司名称"
|
|
|
+ ></el-input>
|
|
|
+ <el-button type="primary" class="btn2" @click="getCompany"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="upFile">
|
|
|
+ <el-button type="primary" class="btn2" @click="dialogVisible = true"
|
|
|
+ >创建公司</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="twoSelectInp" v-else style="justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: nowrap;">
|
|
|
+ <div class="selectTwo" style="width: 100%;">
|
|
|
+ <div class="selectsBlock">
|
|
|
+ <el-input
|
|
|
+ v-model="fileNameS"
|
|
|
+ style="width: 200px"
|
|
|
+ @change="getCompanyFile"
|
|
|
+ placeholder="请输入文件名称"
|
|
|
+ ></el-input>
|
|
|
+ <el-button type="primary" class="btn2" @click="getCompanyFile">查询</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="upFile" style="min-width: 110px;">
|
|
|
+ <el-progress
|
|
|
+ v-if="progress.show"
|
|
|
+ style="width: 300px; margin-top: 10px"
|
|
|
+ :percentage="progress.value"
|
|
|
+ :format="ProgressFormat"
|
|
|
+ ></el-progress>
|
|
|
+ <beUpload
|
|
|
+ @getFile="getFile"
|
|
|
+ v-show="!progress.show"
|
|
|
+ :navName="'上传文件'"
|
|
|
+ :accept="accept"
|
|
|
+ :progress="progress"
|
|
|
+ ></beUpload>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="projectBlock" v-if="!comType">
|
|
|
+ <div class="student_table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ :height="tableHeight"
|
|
|
+ :fit="true"
|
|
|
+ v-loading="isLoading"
|
|
|
+ style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="comName"
|
|
|
+ label="公司名称"
|
|
|
+ align="center"
|
|
|
+ min-width="9%"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="time"
|
|
|
+ label="上传时间"
|
|
|
+ align="center"
|
|
|
+ min-width="9%"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="operation"
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ width="200"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <div class="operations">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="bt1"
|
|
|
+ size="mini"
|
|
|
+ @click="checkFileType(scope.row.id, scope.row.comName)"
|
|
|
+ >查看信息</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="bt1"
|
|
|
+ size="mini"
|
|
|
+ @click="del(scope.row.id,0)"
|
|
|
+ style="width: 85px"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="student_page">
|
|
|
+ <!-- 分页 -->
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @current-change="changePage"
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :page-size="Page.lim"
|
|
|
+ :total="Page.total"
|
|
|
+ class="paginations"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ <!-- 分页结束 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="projectBlock">
|
|
|
+ <div class="student_table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="fileData"
|
|
|
+ border
|
|
|
+ :height="tableHeight"
|
|
|
+ :fit="true"
|
|
|
+ v-loading="isLoading1"
|
|
|
+ style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="comFiles.fileName"
|
|
|
+ label="公司名称"
|
|
|
+ align="center"
|
|
|
+ min-width="9%"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="time"
|
|
|
+ label="上传时间"
|
|
|
+ align="center"
|
|
|
+ min-width="9%"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="comFiles.size"
|
|
|
+ label="文件大小"
|
|
|
+ align="center"
|
|
|
+ min-width="9%"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="operation"
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ width="200"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <div class="operations">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="bt1"
|
|
|
+ size="mini"
|
|
|
+ @click="checkFile(scope.row.comFiles.url)"
|
|
|
+ >查看文件</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="bt1"
|
|
|
+ size="mini"
|
|
|
+ @click="deleteFiles(scope.row.id,1)"
|
|
|
+ style="width: 85px"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="student_page">
|
|
|
+ <!-- 分页 -->
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @current-change="changePage1"
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :page-size="Page1.lim"
|
|
|
+ :total="Page1.total"
|
|
|
+ class="paginations"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ <!-- 分页结束 -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 创建公司 -->
|
|
|
+ <el-dialog
|
|
|
+ title="创建公司"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="600px"
|
|
|
+ class="addDialog"
|
|
|
+ >
|
|
|
+ <div class="cComCss">
|
|
|
+ <div>公司名称</div>
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="fileName"
|
|
|
+ style="width: 200px"
|
|
|
+ placeholder="请输入公司名称"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="createCom" class="AllDialogBtn"
|
|
|
+ >确认</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="dialogVisible = false" class="AllDialogBtn"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 展示文档开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="展示文件"
|
|
|
+ :visible.sync="showFile"
|
|
|
+ top="50px"
|
|
|
+ width="70vw"
|
|
|
+ :fullscreen="fullShow"
|
|
|
+ class="addDialog showDialog"
|
|
|
+ >
|
|
|
+ <template slot="title">
|
|
|
+ <div class="DialogBox">
|
|
|
+ <div class="DialogTitle">展示文件</div>
|
|
|
+ <span
|
|
|
+ v-if="Wordss['name'] != '视频'"
|
|
|
+ class="changeFull el-icon-zoom-in"
|
|
|
+ @click="fullShow = !fullShow"
|
|
|
+ ></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- <el-button type="primary" style="margin-bottom: 20px;" @click="fullShow=!fullShow">全屏查看</el-button> -->
|
|
|
+ <div class="showFileArea">
|
|
|
+ <video-player
|
|
|
+ class="video-player vjs-custom-skin"
|
|
|
+ :playsinline="true"
|
|
|
+ :options="videoDetail"
|
|
|
+ @play="onPlayerPlay($event)"
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ v-if="Wordss['name'] == '视频'"
|
|
|
+ ></video-player>
|
|
|
+ <vword
|
|
|
+ style="width: 100%; height: 100%; overflow: auto"
|
|
|
+ class="fullStyle"
|
|
|
+ v-if="
|
|
|
+ Wordss['type'] != 'pdf' &&
|
|
|
+ Wordss['name'] != '图片' &&
|
|
|
+ Wordss['name'] != '视频'
|
|
|
+ "
|
|
|
+ :pdfUrl="
|
|
|
+ 'https://view.officeapps.live.com/op/view.aspx?src=' + showFileUrl
|
|
|
+ "
|
|
|
+ ></vword>
|
|
|
+ <vpdf
|
|
|
+ style="width: 100%; height: 100%; overflow: auto"
|
|
|
+ class="fullStyle"
|
|
|
+ :pdfUrl="showFileUrl"
|
|
|
+ v-if="Wordss['type'] == 'pdf'"
|
|
|
+ ></vpdf>
|
|
|
+ <img
|
|
|
+ :src="showFileUrl"
|
|
|
+ alt="图片哦"
|
|
|
+ v-if="Wordss['name'] == '图片'"
|
|
|
+ style="width: auto; height: auto; max-width: 100%; max-height: 100%"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 展示文档结束 -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import beUpload from "@/components/tool/beUpload.vue";
|
|
|
+import vpdf from "@/components/vpdf.vue";
|
|
|
+import vword from "@/components/vword.vue";
|
|
|
+export default {
|
|
|
+ components: { beUpload, vpdf, vword },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ fileName: "",
|
|
|
+ fileNameSearch: "",
|
|
|
+ dialogVisible: false,
|
|
|
+ tableData: [],
|
|
|
+ // 分页数据
|
|
|
+ Page: {
|
|
|
+ nowPage: 1,
|
|
|
+ total: 0,
|
|
|
+ lim: 8,
|
|
|
+ },
|
|
|
+ Page1: {
|
|
|
+ nowPage: 1,
|
|
|
+ total: 0,
|
|
|
+ lim: 8,
|
|
|
+ },
|
|
|
+ tableHeight: "500px",
|
|
|
+ isLoading: false,
|
|
|
+ isLoading1: false,
|
|
|
+ comType: false,
|
|
|
+ fid: "",
|
|
|
+ fName: "",
|
|
|
+ fileNameS: "",
|
|
|
+ progress: {
|
|
|
+ value: 50,
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ accept: "*",
|
|
|
+ fileData: [],
|
|
|
+ showFile: false,
|
|
|
+ showFileUrl: "",
|
|
|
+ Wordss: { type: "", name: "" },
|
|
|
+ canonical: {
|
|
|
+ Image:
|
|
|
+ /^https?:\/\/(.+\/)+.+(\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i,
|
|
|
+ File: /^https?:\/\/(.+\/)+.+(\.(docx|xlsx|ppt|pdf))$/i,
|
|
|
+ video:
|
|
|
+ /^https?:\/\/(.+\/)+.+(\.(avi|wmv|mpg|mpeg|mov|rm|ram|mp4|swf|flv))$/i,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ tableRowClassName({ row, rowIndex }) {
|
|
|
+ if ((rowIndex + 1) % 2 === 0) {
|
|
|
+ return "even_row";
|
|
|
+ } else {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changePage(newPage) {
|
|
|
+ this.Page.nowPage = newPage;
|
|
|
+ this.getCompany();
|
|
|
+ },
|
|
|
+ changePage1(newPage) {
|
|
|
+ this.Page1.nowPage = newPage;
|
|
|
+ this.getCompanyFile();
|
|
|
+ },
|
|
|
+ createCom() {
|
|
|
+ let param = {
|
|
|
+ n: this.fileName,
|
|
|
+ uid: this.$store.state.userInfo.userid,
|
|
|
+ };
|
|
|
+ this.ajax.post(this.$store.state.api + "/insertAeimFiles", param).then(
|
|
|
+ (res) => {
|
|
|
+ this.$message.success("创建成功");
|
|
|
+ this.dialogVisible = false;
|
|
|
+ },
|
|
|
+ (err) => {
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getCompany() {
|
|
|
+ this.isLoading = true;
|
|
|
+ let param = {
|
|
|
+ n: this.fileNameSearch,
|
|
|
+ page: this.Page.nowPage,
|
|
|
+ lim: this.Page.lim,
|
|
|
+ };
|
|
|
+ this.ajax.post(this.$store.state.api + "/selectAeimFileList", param).then(
|
|
|
+ (res) => {
|
|
|
+ let data = res.data;
|
|
|
+ this.tableData = data[0];
|
|
|
+ this.Page.total = res.data[1][0]["total"];
|
|
|
+ this.progress.show = false;
|
|
|
+ this.isLoading = false;
|
|
|
+ },
|
|
|
+ (err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ checkFileType(id, n) {
|
|
|
+ this.fid = id;
|
|
|
+ this.fName = n;
|
|
|
+ this.getCompanyFile();
|
|
|
+ this.comType = true;
|
|
|
+ },
|
|
|
+ del(id,t) {
|
|
|
+ let param = {
|
|
|
+ id: id,
|
|
|
+ s: 1,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "/updateAeimFilesState", param)
|
|
|
+ .then(
|
|
|
+ (res) => {
|
|
|
+ this.$message.success("删除成功");
|
|
|
+ if(t == 0){
|
|
|
+ this.getCompany();
|
|
|
+ }else{
|
|
|
+ this.getCompanyFile();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ (err) => {
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ ProgressFormat(value) {
|
|
|
+ return value == 100 ? "100%" : `${value}%`;
|
|
|
+ },
|
|
|
+ getFile(val) {
|
|
|
+ let param = {
|
|
|
+ n: this.fName,
|
|
|
+ aid: this.fid,
|
|
|
+ file: JSON.stringify(val),
|
|
|
+ uid: this.$store.state.userInfo.userid,
|
|
|
+ };
|
|
|
+ this.ajax.post(this.$store.state.api + "/updateAeimFiles", param).then(
|
|
|
+ (res) => {
|
|
|
+ if (res.data == 1) {
|
|
|
+ this.$message.success("上传成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("上传失败");
|
|
|
+ }
|
|
|
+ this.getCompanyFile();
|
|
|
+ },
|
|
|
+ (err) => {
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getCompanyFile() {
|
|
|
+ this.isLoading1 = true;
|
|
|
+ let param = {
|
|
|
+ n: this.fileNameS,
|
|
|
+ pid: this.fid,
|
|
|
+ page: this.Page1.nowPage,
|
|
|
+ lim: this.Page1.lim,
|
|
|
+ };
|
|
|
+ this.ajax.post(this.$store.state.api + "/selectAeimAllFile", param).then(
|
|
|
+ (res) => {
|
|
|
+ let data = res.data;
|
|
|
+ for (var i = 0; i < data[0].length; i++) {
|
|
|
+ data[0][i].comFiles = JSON.parse(data[0][i].comFiles);
|
|
|
+ }
|
|
|
+ this.fileData = data[0];
|
|
|
+ this.Page1.total = res.data[1][0]["total"];
|
|
|
+ this.progress.show = false;
|
|
|
+ this.isLoading1 = false;
|
|
|
+ },
|
|
|
+ (err) => {
|
|
|
+ this.isLoading1 = false;
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ checkFile(url) {
|
|
|
+ console.log(url);
|
|
|
+ this.showFileUrl = url;
|
|
|
+ this.showFile = true;
|
|
|
+ if (typeof url == "undefined") return { type: "", name: "" };
|
|
|
+ let urlSplit = url.split(".");
|
|
|
+ const type = urlSplit[urlSplit.length - 1];
|
|
|
+ if (this.canonical.Image.test(url)) {
|
|
|
+ this.Wordss = { type: type, name: "图片" };
|
|
|
+ return console.log(this.Wordss);
|
|
|
+ }
|
|
|
+ if (this.canonical.File.test(url)) {
|
|
|
+ this.Wordss = { type: type, name: "文档" };
|
|
|
+ return console.log(this.Wordss);
|
|
|
+ }
|
|
|
+ if (this.canonical.video.test(url)) {
|
|
|
+ this.Wordss = { type: type, name: "视频" };
|
|
|
+ this.videoDetail = {};
|
|
|
+ this.playerOptions.sources[0].src = url;
|
|
|
+ this.videoDetail = this.playerOptions;
|
|
|
+ return console.log(this.Wordss);
|
|
|
+ } else return (this.Wordss = { type: type, name: type });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // this.$nextTick(function () {
|
|
|
+ // this.tableHeight =
|
|
|
+ // window.innerHeight - this.$refs.table.$el.offsetTop - 200;
|
|
|
+ // if (this.tableHeight <= 530) {
|
|
|
+ // this.tableHeight = 530;
|
|
|
+ // }
|
|
|
+ // // 监听窗口大小变化
|
|
|
+ // let self = this;
|
|
|
+ // window.onresize = function () {
|
|
|
+ // self.tableHeight =
|
|
|
+ // window.innerHeight - self.$refs.table.$el.offsetTop - 200;
|
|
|
+ // if (self.tableHeight <= 530) {
|
|
|
+ // self.tableHeight = 530;
|
|
|
+ // }
|
|
|
+ // };
|
|
|
+ // });
|
|
|
+ this.getCompany();
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.aeincubationm {
|
|
|
+ .navTitle {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ > div {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .returnName {
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .returnName:hover {
|
|
|
+ color: rgb(15, 126, 255);
|
|
|
+ }
|
|
|
+ > div:last-child {
|
|
|
+ color: rgb(15, 126, 255);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .projectBlock {
|
|
|
+ margin-top: 20px;
|
|
|
+ .student_table {
|
|
|
+ .el-table--border td {
|
|
|
+ border-right: 0px !important;
|
|
|
+ }
|
|
|
+ :deep(.el-table > .even_row) {
|
|
|
+ background-color: #f1f1f1 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .student_page {
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .addDialog {
|
|
|
+ .el-dialog {
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .el-dialog__body {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .deleteContent {
|
|
|
+ width: 100%;
|
|
|
+ margin: 30px 0;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .el-dialog__header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ background: #32455b;
|
|
|
+ }
|
|
|
+ .el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .dialog-footer {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // .btn5 {
|
|
|
+ // font-size: 16px;
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .cComCss {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ > div:first-child {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .upFile {
|
|
|
+ height: 40px !important;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zengyicheng