日期width/缓存档案固定栏用户操作

src/views/archivesManage/archivesList/index.vue

@@ -26,7 +26,7 @@
       <!-- 档案管理列表 -->
       <el-col class="archives-right-list" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
         <div v-if="selectedCategory.isType !== 1 && !isRecycle" :class="['archives-top', {'archives-fixed-top': selectedCategory.isType === 2 || selectedCategory.isType === 4 }]">
-          <el-checkbox v-model="fixedStatusBar">隐藏状态栏</el-checkbox>
+          <el-checkbox v-model="fixedStatusBar" @change="statusBarChecked">隐藏状态栏</el-checkbox>
         </div>
         <!-- 项目 -->
         <archivesProject
@@ -135,7 +135,14 @@ export default {
     isRecycle: function(newValue, oldValue) {
     }
   },
+  mounted() {
+    this.fixedStatusBar = JSON.parse(localStorage.getItem('statusBarFixedType')) === true
+  },
   methods: {
+    // 缓存用户对于固定栏操作习惯
+    statusBarChecked(val) {
+      localStorage.setItem('statusBarFixedType', val)
+    },
     // 逆归实现 获取指定元素
     findNode(tree, func) {
       for (const node of tree) {

src/views/components/category/PreviewForm.vue

@@ -477,6 +477,7 @@ export default {
     }
   }
   ::v-deep .el-date-editor {
+    width: 196px;
     .el-input__inner {
       padding-left: 15px;
     }