From ca00c83498ed6648386be5197ea842c2393ca6b8 Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Thu, 16 Dec 2021 17:17:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=96=99=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navMenu/index.vue              |   7 +
 .../dataCenter/dataCenterDetail.vue           | 306 ++++++++++++
 .../regulatoryRepository/dataCenter/index.vue | 447 ++++++++++++++++++
 src/router/index.js                           |  22 +
 4 files changed, 782 insertions(+)
 create mode 100644 src/pages/regulatoryRepository/dataCenter/dataCenterDetail.vue
 create mode 100644 src/pages/regulatoryRepository/dataCenter/index.vue

diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index e9e9b928e..b5ee61ce1 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -282,6 +282,13 @@
             menuId: 'asfdew33',
             isChildren: true // 判断没有子菜单
           },
+          {
+            title: '资料中心',
+            path: '/dataCenter',
+            'icon-class': 'el-icon-s-order',
+            menuId: '',
+            isChildren: true // 判断没有子菜单
+          },
           // {
           //   title: '技术要求清单',
           //   path: '/skillReq',
diff --git a/src/pages/regulatoryRepository/dataCenter/dataCenterDetail.vue b/src/pages/regulatoryRepository/dataCenter/dataCenterDetail.vue
new file mode 100644
index 000000000..0d3fcb05b
--- /dev/null
+++ b/src/pages/regulatoryRepository/dataCenter/dataCenterDetail.vue
@@ -0,0 +1,306 @@
+<template>
+  <div class="dataCenterDetail">
+    <div class="contentTitle">
+      <div class="back" title="返回" @click="back">
+        <i class="el-icon-back"></i>
+      </div>
+      <div class="title">
+        {{ detailInfoForm.dataTitle + '-详情' }}
+      </div>
+    </div>
+    <transition name="el-zoom-in-top">
+      <div class="transition-box">
+        <p class="transition-box-p">
+          <label class="transition-box-label">类型：</label>
+          <span class="transition-box-span">
+             {{ detailInfoForm.dataType }}
+            </span>
+        </p>
+        <p class="transition-box-p">
+          <label class="transition-box-label">资料标题：</label>
+          <span class="transition-box-span">{{ detailInfoForm.dataTitle }}</span>
+        </p>
+        <div class="transition-box-p">
+          <label class="transition-box-label">附件：</label>
+          <div class="file-box" v-if="fileList.length > 0">
+            <p v-for="item in fileList"
+               :key="item.id">
+              <a @click="openFileInPdf(item.id, item.name)" target="_blank">{{ item.name }}</a>
+              <i
+                  title="下载"
+                  @click="downloadFile(item.id)"
+                  class="icon-download"
+                  v-btn-permission="''"
+              />
+<!--              <i-->
+<!--                  title="下载带水印"-->
+<!--                  @click="downloadFileByWater(item.id,item.name)"-->
+<!--                  class="icon-download2"-->
+<!--                  v-btn-permission="''"-->
+<!--              />-->
+            </p>
+          </div>
+
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "dataCenterDetail",
+  data() {
+    return {
+      detailInfoForm: {},
+      detailInfoId: '',
+      fileList: []
+    }
+  },
+  methods: {
+    openFileInPdf(attId, oldFileName) {
+      // 判断是否是图片格式，图片格式不预览，直接下载
+      let index1 = oldFileName.lastIndexOf('.')
+      let index2 = oldFileName.length
+      let fileSuffix = oldFileName.substring(index1, index2)
+      //把后缀转大写
+      if (fileSuffix !== undefined && fileSuffix !== null) {
+        fileSuffix = fileSuffix.toUpperCase()
+      }
+      // 判断上传文件格式
+      if (fileSuffix === '.PNG' || fileSuffix === '.JPG' || fileSuffix === '.JPEG') {
+        this.downloadFile(attId)
+        return true
+      }
+
+      // 缺少文件
+      if (fileSuffix === '.PDG' || fileSuffix === '.pdg') {
+        this.getBusStandFileByAttId(attId)
+            .then(res => {
+              if (res) {
+                const editFileInfo = res
+                console.log(editFileInfo)
+                if (editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG') {
+                  window.open('book://ssreader/e0?url=' + editFileInfo.downLoadUrl)
+                } else {
+                  const nowTime = new Date().getTime()
+                  // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
+                  // window.open('/static/onlyOffice/onlinePreview.html?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+                }
+                // window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+              }
+              // switch (res.convertState) {
+              //   case 'ERROR':
+              //     this.$message.warning('文档转换失败')
+              //     break
+              //   case 'LODING':
+              //     this.$message.info('文档转换中，请稍后查看')
+              //     break
+              //   case 'SUCCESS':
+              //     const { convertFileInfo } = res
+              //     window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + convertFileInfo.id))
+              //     break
+              // }
+            }).catch(e => {
+          console.log(e)
+          this.$message.warning('文件不存在,预览失败')
+        })
+      } else {
+        this.$http.get('lawss/sarStandFile/queryConvertAtt', {
+          attId: attId
+        }, {
+          _this: this
+        }, res => {
+
+          console.log("res.data", res.data);
+          if (res.data) {
+            let fileObj = {}
+            fileObj.fileId = res.data.attId
+            fileObj.fileName = oldFileName
+            let fileList = []
+            let repeatData = 0
+            if (sessionStorage.getItem('fileInfo')) {
+              fileList = JSON.parse(sessionStorage.getItem('fileInfo'))
+              if (fileList != null && fileList.length > 0) {
+                for (let i = 0; i < fileList.length; i++) {
+                  if (fileList[i].fileId === res.data.attId) {
+                    repeatData = 1
+                    break
+                  }
+                }
+                if (repeatData === 0) {
+                  fileList.push(fileObj)
+                  fileList = JSON.stringify(fileList)
+                  sessionStorage.setItem('fileInfo', fileList)
+                }
+              }
+            } else {
+              fileList.push(fileObj)
+              fileList = JSON.stringify(fileList)
+              sessionStorage.setItem('fileInfo', fileList)
+            }
+            window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + res.data.attId))
+          } else {
+            this.$message.error('文档未转换成功或本地读取不到该文档')
+          }
+        }, e => {
+          this.$message.error('文档未转换成功或本地读取不到该文档')
+        })
+      }
+    },
+    back() {
+      this.$router.push({name: "dataCenter"});
+    },
+    /**
+     * @Description: 点击下载
+     * @author zmf
+     * @date 2021/3/16
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    downloadFileByWater(attId, fileSuffix) {
+      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
+      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
+        this.$message.error("水印下载仅支持PDF,pdf格式文件");
+      } else {
+        if (attId != null && attId !== "") {
+          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
+        } else {
+          this.$message.error("请选择要下载的文件");
+        }
+      }
+    },
+    // 请求上传的文件信息
+    getFile(fileId) {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: fileId
+      }, {
+        _this: this
+      }, res => {
+        console.log('64', res)
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+    },
+
+  },
+  created() {
+    this.detailInfoId = this.$route.params.id
+    console.log('13', this.$route.params.id)
+  },
+  mounted() {
+    let fileId
+    this.$http.get('fileMaterialCenter/file-material', {id: this.detailInfoId}, {
+      _this: this
+    }, res => {
+      this.detailInfoForm = res.data.records[0]
+      fileId = this.detailInfoForm.attachFileId
+      this.getFile(fileId)
+    }, e => {
+    })
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.dataCenterDetail {
+  height: 100%;
+  background-color: white;
+  .contentTitle {
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    height: 50px;
+    background: #ffffff;
+
+    .title {
+      flex: 1;
+      font-weight: bold;
+      font-size: 20px;
+      margin-left: 15px;
+
+      .el-icon-s-order {
+        font-size: 22px;
+        color: #4498F0;
+        cursor: pointer;
+      }
+    }
+  }
+  .transition-box {
+    padding: 0 10px;
+    background: #ffffff;
+    font-size: 14px;
+
+    .transition-box-p {
+      line-height: 35px;
+
+      .transition-box-label {
+        display: inline-block;
+        width: 100px;
+        vertical-align: top;
+      }
+
+      .transition-box-span {
+        display: inline-block;
+        width: calc(~'100% - 100px');
+      }
+
+      .file-box {
+        display: inline-block;
+        width: calc(~'100% - 100px');
+
+        .transition-box-span {
+          display: inline;
+          width: 100%;
+          cursor: pointer;
+          color: #4498f0;
+        }
+
+        p {
+          & > a {
+            cursor: pointer;
+          }
+
+          & > i {
+            display: inline-block;
+            margin-left: 3px;
+            width: 18px;
+            height: 16px;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            background-position: center center;
+            vertical-align: sub;
+            cursor: pointer;
+          }
+
+          .icon-download {
+            background-image: url("~assets/images/shangqi/img/download.png");
+          }
+
+          .icon-download2 {
+            background-image: url("~assets/images/shangqi/img/download2.png");
+          }
+        }
+
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/dataCenter/index.vue b/src/pages/regulatoryRepository/dataCenter/index.vue
new file mode 100644
index 000000000..5149390bb
--- /dev/null
+++ b/src/pages/regulatoryRepository/dataCenter/index.vue
@@ -0,0 +1,447 @@
+<template>
+  <div id="dataCenter">
+    <div class="search-area">
+      <el-form :modal="dataCenterSearch" :inline="true">
+        <el-form-item label="类型:">
+          <el-input
+              size="small"
+              v-model="dataCenterSearch.dataType"
+              placeholder="请输入类型"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="资料标题:">
+          <el-input
+              size="small"
+              v-model="dataCenterSearch.dataTitle"
+              placeholder="请输入资料标题"
+              clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="上传时间:">
+          <el-date-picker
+              v-model="dataCenterSearch.dataUploadTime"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              size="small"
+              type="datetimerange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+              type="primary"
+              size="mini"
+              @click="searchInfo">
+            查询
+          </el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+              @click="clearSearch"
+              size="mini">清空
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="operate-area" style="margin: 0 0 10px 0">
+      <el-button
+          size="mini"
+          type="primary"
+          @click="addInfo">新增
+      </el-button>
+    </div>
+    <div class="table-area">
+      <el-table
+          :data="dataCenterTable"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          height="475px"
+          :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+      >
+        <el-table-column
+            type="index"
+            width="55"
+            label="序号"
+            align="center">
+        </el-table-column>
+        <el-table-column
+            prop="dataType"
+            width="250"
+            label="类型"
+            align="center">
+        </el-table-column>
+        <el-table-column
+            prop="dataTitle"
+            min-width="250"
+            label="资料标题"
+            align="center">
+          <template slot-scope="scope">
+            <span @click.stop="toDetail(scope.row)" style="cursor:pointer;color: #409eff">{{ scope.row.dataTitle }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="dataUploadTime"
+            width="250"
+            label="上传时间"
+            align="center">
+          <template slot-scope="scope">
+            <span>{{ $moment(scope.row.dataUploadTime).format("YYYY-MM-DD HH:mm:ss") }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="操作"
+            align="center">
+          <template slot-scope="scope">
+            <el-button
+                size="mini"
+                type="primary"
+                @click="editInfo(scope.row)"
+            >编辑
+            </el-button>
+            <el-button
+                size="mini"
+                type="danger"
+                @click="deleteInfo(scope.row)"
+            >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <loading :loading="loading">数据获取中</loading>
+      <pagination :page="dataCenterSearch.page" :total="dataCenterSearch.total" @pageChange="pageChange"
+                  @pageSizeChange="pageSizeChange"></pagination>
+    </div>
+
+    <el-drawer
+        :title="attributeTitle"
+        :wrapperClosable="false"
+        :visible.sync="showInfoModal"
+        size="800px"
+        :styles="styles"
+        :close="cancelModel"
+    >
+      <div style="margin-left: 3%">
+        <el-form
+            ref="attributeEO"
+            :model="attributeEO"
+            :rules="attributeEOFormRules"
+            class="label-input-form"
+            label-width="130px"
+            v-if="showInfoModal"
+        >
+          <el-form-item
+              label="类型"
+              prop="dataType"
+              class="add-form-item"
+          >
+            <el-input
+                v-model="attributeEO.dataType"
+                placeholder="请输入类型"
+                clearable
+            />
+          </el-form-item>
+          <el-form-item
+              label="资料标题"
+              prop="dataTitle"
+              class="add-form-item"
+          >
+            <el-input
+                v-model="attributeEO.dataTitle"
+                placeholder="请输入资料标题"
+                clearable
+            />
+          </el-form-item>
+          <el-form-item
+              label="附件"
+              prop="attachFileId"
+              class="add-form-item"
+          >
+            <el-upload
+                class="upload-demo"
+                action="/api/att/attFile/upload"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :on-success="uploadSuccess"
+                :file-list="fileList">
+              <el-button size="small" type="primary">点击上传</el-button>
+            </el-upload>
+          </el-form-item>
+        </el-form>
+        <div style="float: right">
+          <el-button
+              type="primary"
+              class="common-button-primary"
+              size="mini"
+              icon="el-icon-check"
+              @click="saveInfo"
+          >提交
+          </el-button
+          >
+          <el-button
+              size="mini"
+              icon="el-icon-close"
+              class="common-button-default"
+              @click="cancelModel"
+          >取消
+          </el-button
+          >
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "dataCenter",
+  data() {
+    return {
+      loading: false,
+      fileList: [],
+      attributeTitle: '',
+      showInfoModal: false,
+      styles: {
+        height: 'calc(100% - 55px)',
+        overflow: 'auto',
+        paddingBottom: '53px',
+        position: 'static'
+      },
+      attributeEO: {
+        dataType: '',
+        dataTitle: '',
+        attachFileId: '',
+      },
+      attributeEOFormRules: {
+        dataType: [
+          {required: true, message: '类型不能为空', trigger: 'change'},
+        ],
+        dataTitle: [
+          {required: true, message: '资料标题不能为空', trigger: 'change'},
+        ]
+      },
+      dataCenterSearch: {
+        dataType: '',
+        dataTitle: '',
+        dataUploadTime: [],
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0
+      },
+      dataCenterTable: []
+    }
+  },
+  methods: {
+    toDetail(row){
+      console.log('243',row)
+      this.$router.push({
+        name: "dataCenterDetail",
+        params: {
+          id: row.id
+        }
+      });
+    },
+    uploadSuccess(response, file, fileList) {
+      console.log('240',fileList)
+      const fileIdList = fileList.map(item => {
+        if (item.response){
+          return item.response.data.attId
+        }else {
+          return item.id
+        }
+      })
+      this.attributeEO.attachFileId = fileIdList.join(',')
+      console.log('343',this.fileList)
+      console.log('349',this.attributeEO.attachFileId)
+    },
+    handleRemove(file, fileList) {
+      const fileIdList = fileList.map(item => {
+        if (item.response){
+          return item.response.data.attId
+        }else {
+          return item.id
+        }
+      })
+      this.attributeEO.attachFileId = fileIdList.join(',')
+    },
+    handlePreview(file) {
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    deleteInfo(row) {
+      this.$confirm('您是否确定删除该数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        let deleteId = row.id
+        this.$http.delete('fileMaterialCenter/file-material', {id: deleteId}, {
+          _this: this
+        }, res => {
+          if (res.ok) {
+            this.$message.success('删除成功')
+            this.searchInfo()
+          }
+        }, e => {
+          console.log(e)
+        })
+      }).catch(() => {
+      })
+    },
+    pageChange(page) {
+      this.dataCenterSearch.page = page
+      this.searchInfo()
+    },
+    pageSizeChange(pageSize) {
+      this.dataCenterSearch.page = 1
+      this.dataCenterSearch.pageSize = pageSize
+      this.searchInfo()
+    },
+    searchInfo() {
+      this.dataCenterSearch.startDataUploadTime = this.dataCenterSearch.dataUploadTime[0]
+      this.dataCenterSearch.endDataUploadTime = this.dataCenterSearch.dataUploadTime[1]
+      this.$http.get('fileMaterialCenter/file-material', this.dataCenterSearch, {
+        _this: this
+      }, res => {
+        this.dataCenterTable = res.data.records
+        this.dataCenterSearch.total = res.data.total
+      }, e => {
+        console.log(e)
+      })
+    },
+    clearSearch() {
+      this.dataCenterSearch = {
+        dataType: '',
+        dataTitle: '',
+        dataUploadTime: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+      }
+      this.searchInfo()
+    },
+    addInfo() {
+      this.showInfoModal = true
+      this.attributeTitle = '新增'
+      this.attributeEO = {
+        dataType: '',
+        dataTitle: '',
+        attachFileId: '',
+      }
+      this.fileList = []
+    },
+    editInfo(row) {
+      this.showInfoModal = true
+      this.attributeTitle = '编辑'
+      this.attributeEO = row
+      this.fileList = []
+      // 请求上传的文件信息
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: row.attachFileId
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+      console.log('343',this.fileList)
+      console.log('349',this.attributeEO.attachFileId)
+
+      // const fileIdList = this.fileList.map(item => {
+      //   return item.id
+      // })
+      // this.attributeEO.attachFileId = fileIdList.join(',')
+    },
+    saveInfo() {
+      this.$refs['attributeEO'].validate((valid) => {
+        if (valid && this.attributeEO.attachFileId !== '') {
+          if (this.attributeTitle === '新增'){
+            this.$http.postData(
+                'fileMaterialCenter/file-material',
+                this.attributeEO,
+                {
+                  _this: this,
+                },
+                (res) => {
+                  if (res.ok) {
+                    this.$message.success('新增成功')
+                    this.cancelModel()
+                    this.searchInfo()
+                  }
+                }
+            )
+          }else {
+            this.$http.putData(
+                'fileMaterialCenter/file-material',
+                this.attributeEO,
+                {
+                  _this: this,
+                },
+                (res) => {
+                  if (res.ok) {
+                    this.$message.success('修改成功')
+                    this.cancelModel()
+                    this.searchInfo()
+                  }
+                }
+            )
+          }
+
+        } else {
+          this.$message.error('附件不能为空')
+        }
+      })
+
+    },
+    cancelModel() {
+      this.$nextTick(() => {
+        this.$refs['attributeEO'].resetFields()
+        this.attributeEO = {
+          dataType: '',
+          dataTitle: '',
+          attachFileId: '',
+        }
+      })
+      this.showInfoModal = false
+    },
+  },
+  mounted() {
+    this.$http.get('fileMaterialCenter/file-material', this.dataCenterSearch, {
+      _this: this
+    }, res => {
+      this.dataCenterTable = res.data.records
+      this.dataCenterSearch.total = res.data.total
+    }, e => {
+      console.log(e)
+    })
+  }
+}
+</script>
+
+<style scoped lang="less">
+#dataCenter {
+  background-color: white;
+  height: 100%;
+  padding: 10px 20px;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index b44bac376..b0b98c54c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2404,6 +2404,28 @@ const routes = [
       menuId: 'ABCLRLJUQN44ENBS93CQ'
     }
   },
+  {
+    path: '/dataCenter',
+    name: 'dataCenter',
+    component: () =>
+        import('@/pages/regulatoryRepository/dataCenter'),
+    meta: {
+      requireAuth: true,
+      title: '资料中心',
+      menuId: ''
+    }
+  },
+  {
+    path: '/dataCenterDetail',
+    name: 'dataCenterDetail',
+    component: () =>
+        import('@/pages/regulatoryRepository/dataCenter/dataCenterDetail'),
+    meta: {
+      requireAuth: true,
+      title: '资料中心详情',
+      menuId: ''
+    }
+  },
   // 技术要求清单
   {
     path: '/skillReq',