From 5014e9459b5328cbb26c91532b2114324d6f43d2 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Mon, 20 Jun 2022 20:28:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=AE=A1=E7=90=86-=E8=A3=85?=
 =?UTF-8?q?=E7=9B=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/archives-manage.scss        | 25 +++++-
 .../archivesList/archivesDetail.vue           | 18 ++++-
 .../archivesList/module/packing.vue           | 78 +++++++++++++------
 3 files changed, 90 insertions(+), 31 deletions(-)

diff --git a/src/assets/styles/archives-manage.scss b/src/assets/styles/archives-manage.scss
index d8a6319..256f64f 100644
--- a/src/assets/styles/archives-manage.scss
+++ b/src/assets/styles/archives-manage.scss
@@ -25,7 +25,13 @@ $arcCyan: #0FBED9;
     }
   }
 }
-
+.packing-head{
+  display: flex;
+  justify-content: space-between;
+  ::v-deep .el-input__inner {
+    padding-left: 90px;
+  }
+}
 .container-main{
   .left-tree-item{
     margin-bottom: 20px;
@@ -230,20 +236,28 @@ $arcCyan: #0FBED9;
   margin: 0 auto;
   object-fit: cover;
 }
-.file-down{
+.file-down,
+.packing-handle-btn{
   display: block;
   width: 66px;
   height: 28px;
   line-height: 28px;
   padding: 0;
   color: #fff;
-  background-color: #339CFF;
   border-radius: 2px;
   margin: 0 auto;
   &::before{
     margin-right: 5px;
   }
 }
+.file-down{
+  background-color: #339CFF;
+  border-color: #339CFF;
+}
+.packing-handle-btn{
+  background-color: $arcPurple;
+  border-color:  $arcPurple;
+}
 
 .drag-tip {
   display: block;
@@ -276,4 +290,9 @@ $arcCyan: #0FBED9;
 ::v-deep.hljs{
   color: #fff;
   background-color: transparent;
+}
+
+.selct-data-head{
+  color: #fff;
+  line-height: 32px;
 }
\ No newline at end of file
diff --git a/src/views/archivesManage/archivesList/archivesDetail.vue b/src/views/archivesManage/archivesList/archivesDetail.vue
index c60f0ce..0df230b 100644
--- a/src/views/archivesManage/archivesList/archivesDetail.vue
+++ b/src/views/archivesManage/archivesList/archivesDetail.vue
@@ -31,7 +31,7 @@
         </template>
         <template v-slot:rightButtonGroup>
           <div v-if="selectedCategory.isType === 3 || selectedCategory.isType === 5" class="archives-handler-btn">
-            <el-button class="packing-btn iconfont icon-weibiaoti-2" type="primary">装盒</el-button>
+            <el-button class="packing-btn iconfont icon-weibiaoti-2" type="primary" @click="packingVisible=true">装盒</el-button>
             <el-button v-if="selectedCategory.isType === 3" class="part-btn iconfont icon-weibiaoti-2" type="primary">分卷装盒</el-button>
             <!-- <el-button class="warehousing-btn iconfont icon-weibiaoti-2" type="primary">入库</el-button> -->
             <el-button class="lending-btn iconfont icon-weibiaoti-2" type="primary">借阅</el-button>
@@ -122,7 +122,7 @@
     <!--分页组件-->
     <pagination />
 
-    <!-- 删除档案 -->
+    <!-- 档案详情 -->
     <el-dialog class="upload-dialog" title="档案详情" :visible.sync="archivesInfoVisible" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
@@ -134,6 +134,14 @@
       </div>
     </el-dialog>
 
+    <el-dialog class="upload-dialog" title="装盒" :visible.sync="packingVisible" :before-close="handleClose">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <Packing />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -147,9 +155,10 @@ import pagination from '@crud/Pagination'
 import PreviewForm from '@/views/components/category/PreviewForm'
 import UploadFile from './module/uploadFile'
 import ArchivesInfo from './module/archivesInfo'
+import Packing from './module/packing'
 
 export default {
-  components: { crudOperation, rrOperation, pagination, PreviewForm, UploadFile, ArchivesInfo },
+  components: { crudOperation, rrOperation, pagination, PreviewForm, UploadFile, ArchivesInfo, Packing },
   mixins: [
     presenter(),
     header(),
@@ -218,7 +227,8 @@ export default {
       arcId: null, // 档案ID
       arrySort: [],
       uploadFileVisible: false, // 上传附件
-      archivesInfoVisible: false // 档案详情
+      archivesInfoVisible: false, // 档案详情
+      packingVisible: false // 装盒
     }
   },
   watch: {
diff --git a/src/views/archivesManage/archivesList/module/packing.vue b/src/views/archivesManage/archivesList/module/packing.vue
index 2f025df..35e280c 100644
--- a/src/views/archivesManage/archivesList/module/packing.vue
+++ b/src/views/archivesManage/archivesList/module/packing.vue
@@ -1,8 +1,23 @@
 <template>
   <div class="upload-file">
-    <!-- 上传附件curd -->
-    <div class="upload-curd">
-      ddd
+    <div class="head-container packing-head">
+      <div class="head-search">
+        <!-- 搜索 -->
+        <el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入" style="width: 245px;" class="input-prepend filter-item" @keyup.enter.native="crud.toQuery">
+          <el-select slot="prepend" v-model="inputSelect" style="width: 90px" @change="querySelect">
+            <el-option
+              v-for="item in queryOption"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-input>
+        <rrOperation />
+      </div>
+      <div class="selct-data-head">
+        <p>数据来源：文件  2条数据</p>
+      </div>
     </div>
     <!--表格渲染-->
     <el-table
@@ -13,56 +28,71 @@
       @row-click="clickRowHandler"
       @selection-change="selectionChangeHandler"
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column prop="fileName" label="文件名称" min-width="140" align="center" />
-      <el-table-column prop="fileFormat" label="格式" min-width="60" align="center" />
-      <el-table-column prop="fileSize" label="大小" min-width="85" align="center" />
-      <el-table-column prop="fileDpi" label="分辨率" min-width="85" align="center" />
-      <el-table-column prop="fileCover" label="缩览图" min-width="60" align="center">
-        <template slot-scope="scope">
-          <div v-if="scope.row.fileCover">
-            <img width="60px" height="32px" style="object-fit:cover;" :src="scope.row.fileCover" @click="showCoverVisible=true">
-          </div>
+      <el-table-column type="index" label="序号" width="80" align="center" />
+      <el-table-column prop="fileName" label="已装" min-width="100" align="center" />
+      <el-table-column prop="fileFormat" label="盒名称" min-width="60" align="center" />
+      <el-table-column prop="fileSize" label="TID" min-width="120" align="center" />
+      <el-table-column prop="fileDpi" label="条形码" min-width="120" align="center" />
+      <el-table-column prop="create_date" label="操作" min-width="100" align="center">
+        <template>
+          <el-button class="packing-handle-btn iconfont icon-weibiaoti-2" @click="open">装盒</el-button>
         </template>
       </el-table-column>
-      <el-table-column prop="create_date" label="创建时间" min-width="100" align="center" />
     </el-table>
   </div>
 </template>
 
 <script>
-import { form } from '@crud/crud'
+import { header, form } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
 import data from './data.json'
 export default {
-  name: 'UploadFile',
-  components: {},
+  name: 'Packing',
+  components: { rrOperation },
   mixins: [
+    header(),
     form({})
   ],
   data() {
     return {
       tableData: [],
       selections: [],
-      showCoverVisible: false,
-      fileList: [], // 上传list
-      sortVisible: false, // 排序
-      sortTableData: [],
-      deleteVisible: false,
-      deleteData: []
+      inputSelect: null,
+      queryOption: [
+        { value: '1', label: '盒名称' },
+        { value: '2', label: 'TID' },
+        { value: '3', label: '条形码' }
+      ]
     }
   },
   created() {
     this.tableData = data.data
+    // 初始化带select的输入框的 - 搜索
+    this.inputSelect = this.queryOption[0].value
   },
   methods: {
+    // 搜索-select
+    querySelect(val) {
+      this.inputSelect = val
+    },
+    open() {
+      this.$alert('装盒成功', '提示', {
+        showConfirmButton: false
+      }).then(() => {
+        console.log('then')
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
     // table
     clickRowHandler(row) {
+      this.$refs.table.clearSelection()
       this.$refs.table.toggleRowSelection(row)
     },
     // table
     selectionChangeHandler(val) {
       this.selections = val
+      console.log(this.selections)
     },
     // dialog - close
     handleClose(done) {