From a77749d9df7273b9aed103412c419c79d8cbf268 Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Mon, 18 Jul 2022 15:05:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E5=BA=93/=E5=87=BA=E5=85=A5=E5=BA=93?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=20bug=E4=BF=AE=E6=AD=A3/=E6=A1=A3=E6=A1=88?=
 =?UTF-8?q?=E7=9B=92=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../caseList/module/detailDialog.vue          |  4 +-
 .../outInStorage/module/detailDialog.vue      | 83 +++++++++++++++++++
 .../outInStorage/outInHistory/index.vue       | 25 +++++-
 .../outInStorage/outStorage/index.vue         | 21 ++++-
 4 files changed, 129 insertions(+), 4 deletions(-)
 create mode 100644 src/views/archivesManage/outInStorage/module/detailDialog.vue

diff --git a/src/views/archivesManage/caseManage/caseList/module/detailDialog.vue b/src/views/archivesManage/caseManage/caseList/module/detailDialog.vue
index 1c136a5..d35438c 100644
--- a/src/views/archivesManage/caseManage/caseList/module/detailDialog.vue
+++ b/src/views/archivesManage/caseManage/caseList/module/detailDialog.vue
@@ -9,7 +9,7 @@
           <p class="right"><span class="color-blue">盒条码：</span><span class="color-white">{{ rowData.barcode }}</span></p>
         </div>
         <div class="dpflex">
-          <p class="left"><span class="color-blue">存放位置：</span><span class="color-white">{{ rowData.folderLocation }}</span></p>
+          <p class="left"><span class="color-blue">存放位置：</span><span class="color-white">{{ rowData.folderLocationDetails }}</span></p>
           <p class="right"><span class="color-blue">TID：</span><span class="color-white">{{ rowData.tid }}</span></p>
         </div>
         <p class="left"><span class="color-blue">创建时间：</span><span class="color-white">{{ rowData.create_time | parseTime }}</span></p>
@@ -25,7 +25,7 @@
           <el-table-column prop="securityClass" label="保密程度" align="center" width="150" />
           <el-table-column prop="department" label="部门名称" align="center" width="150" />
           <el-table-column prop="caseName" label="盒名称" align="center" width="150" />
-          <el-table-column prop="folderLocation" align="center" label="所在位置" width="180" />
+          <el-table-column prop="folderLocationDetails" align="center" label="所在位置" width="180" />
           <el-table-column prop="create_time" align="center" label="创建时间" width="150">
             <template slot-scope="scope">
               <div>{{ scope.row.create_time | parseTime }}</div>
diff --git a/src/views/archivesManage/outInStorage/module/detailDialog.vue b/src/views/archivesManage/outInStorage/module/detailDialog.vue
new file mode 100644
index 0000000..d38a27c
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/module/detailDialog.vue
@@ -0,0 +1,83 @@
+<template>
+  <div>
+    <el-dialog title="档案盒详情" :visible.sync="detailVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dpflex">
+          <p class="left"><span class="color-blue">盒名称：</span><span class="color-white">{{ rowData.caseName }}</span></p>
+          <p class="right"><span class="color-blue">盒条码：</span><span class="color-white">{{ rowData.barcode }}</span></p>
+        </div>
+        <div class="dpflex">
+          <p class="left"><span class="color-blue">存放位置：</span><span class="color-white">{{ rowData.folderLocationDetails }}</span></p>
+          <p class="right"><span class="color-blue">TID：</span><span class="color-white">{{ rowData.tid }}</span></p>
+        </div>
+        <p class="left"><span class="color-blue">创建时间：</span><span class="color-white">{{ rowData.create_time | parseTime }}</span></p>
+        <el-table :data="tableData" style="margin-top:15px;height:373px">
+          <el-table-column type="index" label="序号" align="center" width="55" />
+          <el-table-column prop="child" label="子条数目" align="center" width="100" />
+          <el-table-column prop="categoryType" label="门类级别" align="center" width="100" />
+          <el-table-column prop="categoryName" label="门类名称" align="center" width="100" />
+          <el-table-column prop="fondsNo" label="全宗号" align="center" width="180" />
+          <el-table-column prop="archivesId" label="档号" align="center" width="220" />
+          <el-table-column prop="archiveYear" label="归档年度" align="center" width="150" />
+          <el-table-column prop="maintitle" :show-overflow-tooltip="true" align="center" label="题名" width="180" />
+          <el-table-column prop="securityClass" label="保密程度" align="center" width="150" />
+          <el-table-column prop="department" label="部门名称" align="center" width="150" />
+          <el-table-column prop="caseName" label="盒名称" align="center" width="150" />
+          <el-table-column prop="folderLocationDetails" align="center" label="存放位置" width="180" />
+          <el-table-column prop="create_time" align="center" label="创建时间" width="150">
+            <template slot-scope="scope">
+              <div>{{ scope.row.create_time | parseTime }}</div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      detailVisible: false,
+      rowData: {},
+      tableData: []
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog{
+  width: 950px;
+  height: 520px;
+}
+::v-deep .el-dialog__body{
+  padding: 20px 0;
+}
+.dpflex{
+  display: flex;
+  p{
+    margin-bottom: 20px;
+  }
+  .left{
+    width: 400px;
+  }
+}
+.color-blue{
+    width: 86px;
+    display: inline-block;
+    text-align: right;
+    color: #339CFF;
+}
+.color-white{
+  color: #fff;
+}
+::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
+    position: absolute;
+    right: -160px;
+    bottom: -10px;
+}
+</style>
diff --git a/src/views/archivesManage/outInStorage/outInHistory/index.vue b/src/views/archivesManage/outInStorage/outInHistory/index.vue
index 57fe36b..09ae672 100644
--- a/src/views/archivesManage/outInStorage/outInHistory/index.vue
+++ b/src/views/archivesManage/outInStorage/outInHistory/index.vue
@@ -36,6 +36,7 @@
       :loading="crud.downloadLoading"
       :cell-class-name="cell"
       @row-click="clickRowHandler"
+      @row-dblclick="handleDbClick"
       @selection-change="selectionChangeHandler"
     >
       <el-table-column type="selection" width="55" />
@@ -62,6 +63,8 @@
     </el-table>
     <!-- 分页 -->
     <pagination />
+    <!-- 档案盒详情 -->
+    <detailDialog ref="detailDom" />
   </div>
 </template>
 
@@ -71,11 +74,12 @@ import CRUD, { presenter, crud } from '@crud/crud'
 import pagination from '@crud/Pagination'
 // import crudOperation from '@crud/CRUD.operation'
 import { exportFile } from '@/utils/index'
+import detailDialog from '../module/detailDialog.vue'
 
 // exportFile内容
 export default {
   name: 'OutInHistory',
-  components: { rrOperation, pagination },
+  components: { rrOperation, pagination, detailDialog },
   mixins: [presenter(), crud()],
   cruds() {
     return CRUD({
@@ -92,6 +96,9 @@ export default {
   },
   data() {
     return {
+      permission: {
+        download: ['admin', 'permission:download']
+      },
       msgVisible: false,
       selections: [],
       keyWord: '',
@@ -157,7 +164,23 @@ export default {
       this.crud.downloadLoading = true
       exportFile(this.baseApi + '/api/storage/exportStorageLogList')
       this.crud.downloadLoading = false
+    },
+    // 双击 详情
+    handleDbClick(row) {
+      // console.log(row, 'row')
+      this.$refs.detailDom.rowData = row
+      // const params = {
+      //   caseId: row.id
+      //   // caseId: '1716F6C668C83A929C738B'
+      // }
+      // this.crud.crudMethod.findInCase(params).then(res => {
+      //   if (res) {
+      //     this.$refs.detailDom.tableData = res.archives
+      //   }
+      // })
+      this.$refs.detailDom.detailVisible = true
     }
+
   }
 }
 </script>
diff --git a/src/views/archivesManage/outInStorage/outStorage/index.vue b/src/views/archivesManage/outInStorage/outStorage/index.vue
index c75c3a6..fc727de 100644
--- a/src/views/archivesManage/outInStorage/outStorage/index.vue
+++ b/src/views/archivesManage/outInStorage/outStorage/index.vue
@@ -33,6 +33,7 @@
       :data="crud.data"
       :cell-class-name="cell"
       @row-click="clickRowHandler"
+      @row-dblclick="handleDbClick"
       @selection-change="selectionChangeHandler"
     >
       <el-table-column type="selection" width="55" />
@@ -68,6 +69,8 @@
         </div>
       </div>
     </el-dialog>
+    <!-- 档案盒详情 -->
+    <detailDialog ref="detailDom" />
   </div>
 </template>
 
@@ -77,10 +80,11 @@ import rrOperation from '@crud/RR.operation'
 import CRUD, { presenter, crud } from '@crud/crud'
 import pagination from '@crud/Pagination'
 // import { grant } from '@/api/archivesManage/outInStorage'
+import detailDialog from '../module/detailDialog.vue'
 
 export default {
   name: 'OutInStorage',
-  components: { rrOperation, pagination },
+  components: { rrOperation, pagination, detailDialog },
   mixins: [presenter(), crud()],
   cruds() {
     return CRUD({
@@ -127,6 +131,21 @@ export default {
     clickRowHandler(row) {
       this.$refs.table.toggleRowSelection(row) // 单击选中
     },
+    // 双击 详情
+    handleDbClick(row) {
+      // console.log(row, 'row')
+      this.$refs.detailDom.rowData = row
+      // const params = {
+      //   caseId: row.id
+      //   // caseId: '1716F6C668C83A929C738B'
+      // }
+      // this.crud.crudMethod.findInCase(params).then(res => {
+      //   if (res) {
+      //     this.$refs.detailDom.tableData = res.archives
+      //   }
+      // })
+      this.$refs.detailDom.detailVisible = true
+    },
     selectionChangeHandler(val) {
       this.selections = val
       // console.log(val, '-----')