出入库/盒管理 -详情

src/views/archivesManage/caseManage/caseList/module/detailDialog.vue

@@ -4,6 +4,7 @@
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
+        <div style="padding:0 10px">
           <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>
@@ -13,10 +14,17 @@
             <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" />
+        </div>
+        <el-table :data="tableData" style="margin-top:15px;height:356px">
+          <el-table-column type="index" label="序号" align="center" width="80" />
           <el-table-column prop="child" label="子条数目" align="center" width="100" />
-          <el-table-column prop="categoryType" label="门类级别" align="center" width="100" />
+          <el-table-column prop="categoryType" label="门类级别" align="center" width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.categoryType === 5" style="width:56px">文件级</span>
+              <span v-if="scope.row.categoryType === 4" style="width:56px">卷内级</span>
+              <span v-if="scope.row.categoryType === 3" style="width:56px">案卷级</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="categoryName" label="门类名称" align="center" width="100" />
           <el-table-column prop="fondsNo" label="全宗号" align="center" width="180" />
           <el-table-column prop="archiveNo" label="档号" align="center" width="220" />
@@ -57,11 +65,11 @@ export default {
 ::v-deep .el-dialog__body{
   padding: 20px 0;
 }
+p{
+    margin-bottom: 24px;
+  }
 .dpflex{
   display: flex;
-  p{
-    margin-bottom: 20px;
-  }
   .left{
     width: 400px;
   }

src/views/archivesManage/outInStorage/module/detailDialog.vue

@@ -4,6 +4,7 @@
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
+        <div class="msg-top">
           <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.folderLocationDetails }}</span></p>
@@ -15,15 +16,16 @@
           <div class="dpflex">
             <p class="left"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.create_time| parseTime }}</span></p>
           </div>
-        <el-table :data="tableData" style="margin-top:15px;height:321px">
-          <el-table-column type="index" label="序号" align="center" width="55" />
+        </div>
+        <el-table :data="tableData" style="height:359px">
+          <el-table-column type="index" label="序号" align="center" width="90" />
           <el-table-column prop="child" align="center" label="子条数目" width="100" />
           <el-table-column prop="categoryType" align="center" label="门类级别" width="140">
             <template slot-scope="scope">
               <!-- 未入 / 待入 -->
-              <span v-if="scope.row.categoryType === 5" class="clear" style="width:56px">文件级</span>
-              <span v-if="scope.row.categoryType === 4" class="clear" style="width:56px">卷内级</span>
-              <span v-if="scope.row.categoryType === 3" class="clear" style="width:56px">案卷级</span>
+              <span v-if="scope.row.categoryType === 5" style="width:56px">文件级</span>
+              <span v-if="scope.row.categoryType === 4" style="width:56px">卷内级</span>
+              <span v-if="scope.row.categoryType === 3" style="width:56px">案卷级</span>
             </template>
           </el-table-column>
           <el-table-column prop="categoryName" align="center" label="门类名称" width="130" />
@@ -64,15 +66,21 @@ export default {
   width: 950px;
   height: 520px;
 }
+::v-deep .el-dialog__body{
+  padding: 20px 0;
+}
 ::v-deep .el-dialog .el-dialog__header .el-dialog__close::before {
   position: absolute;
   right: -162px;
   bottom: -10px;
 }
-
+.msg-top{
+  padding: 0 20px;
+}
 p {
   display: flex;
-  height: 40px;
+  // height: 40px;
+  margin-bottom: 20px;
   align-items: center;
   .color-blue {
     color: #3a99fd;