档案盘点 更改

src/views/archivesManage/archivesCheck/module/addCheck.vue

@@ -10,7 +10,7 @@
           size="small"
           label-width="80px"
         >
-          <el-form-item label="选择区域" prop="selectArea" class="down-select">
+          <el-form-item label="选择区域" prop="selectArea" class="down-select" style="padding-top:1px">
             <treeselect
               v-model="selectAreaValue"
               :options="selectArea"
@@ -43,7 +43,7 @@
           <el-button type="primary" size="mini" style="margin:0 0 0 10px;height:30px" @click="handleBuild">生成盘点单</el-button>
         </el-form>
         <el-table :data="tableData" height="calc(100vh - 595px)" :cell-class-name="cell">
-          <el-table-column type="index" align="center" label="序号" width="60" />
+          <el-table-column type="index" align="center" label="序号" width="80" />
           <el-table-column prop="checkState" align="center" label="状态" width="120">
             <template slot-scope="scope">
               <!-- 已执行 / 待执行/执行中 -->
@@ -183,12 +183,8 @@ export default {
     },
     // 单元格样式
     cell({ row, columnIndex }) {
-      if (row.checkState === '已执行' && columnIndex === 1) {
-        return 'have-clear'
-      } else if (row.checkState === '待执行' && columnIndex === 1) {
+      if (columnIndex === 1) {
         return 'fail-clear'
-      } else if (row.checkState === '执行中' && columnIndex === 1) {
-        return 'no-clear'
       }
     }
 
@@ -201,6 +197,7 @@ export default {
 
 .el-form{
     display: flex;
+    padding-left: 12px;
 }
 ::v-deep .el-dialog{
   width: 950px;
@@ -208,9 +205,12 @@ export default {
 }
 ::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
     position: absolute;
-    right: -155px;
+    right: -160px;
+    bottom: -12px;
+}
+::v-deep .el-dialog__body{
+  padding: 30px 0;
 }
-
 ::v-deep .el-tag.el-tag--info{
   height: 26px;
   line-height: 26px;
@@ -224,6 +224,10 @@ export default {
 ::v-deep .el-input__inner{
   height: 30px !important;
 }
+//滚动条
+::v-deep ::-webkit-scrollbar-corner{
+  background: transparent;
+}
 // 树形选择器
 ::v-deep .vue-treeselect--has-value .vue-treeselect__multi-value{
   margin-bottom: 0;
@@ -234,7 +238,7 @@ export default {
 }
 
 ::v-deep .el-dialog .el-form .vue-treeselect__control{
-  line-height: 17px;
+  line-height: 18px;
 }
 ::v-deep .vue-treeselect__limit-tip{
   background: #13439E;

src/views/archivesManage/archivesCheck/module/checkDetail.vue

@@ -69,7 +69,7 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
 ::v-deep .el-dialog__body{
-  padding: 10px 40px 80px 0;
+  padding: 10px 0 80px 0;
 }
 ::v-deep .el-dialog{
   width: 950px;
@@ -77,7 +77,8 @@ export default {
 }
 ::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
     position: absolute;
-    right: -280px;
+    right: -158px;
+    bottom: -12px;
 }
 p{
   display: flex;
@@ -110,8 +111,4 @@ p{
     flex: 1;
   }
 }
-::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
-    position: absolute;
-    right: -155px;
-}
 </style>