login样式修改/档案配置页/全局注册时间过滤

package.json

@@ -46,8 +46,6 @@
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
-    "postcss-px2rem": "^0.3.0",
-    "px2rem-loader": "^0.1.9",
     "qs": "^6.10.1",
     "screenfull": "4.2.0",
     "sortablejs": "1.8.4",

src/main.js

@@ -30,7 +30,12 @@ import router from './router/routers'
 import './assets/icons' // icon
 import './router/index' // permission control
 import 'echarts-gl'
-import './rem'
+
+// 全局注册过滤 - 时间
+import { parseTime } from '@/utils/index.js'
+Vue.filter('parseTime', function(time, cFormat) {
+  return parseTime(time, cFormat)
+})
 
 Vue.use(checkPer)
 Vue.use(VueHighlightJS)

src/rem.js

@@ -1,16 +0,0 @@
-// rem等比适配配置文件
-// 基准大小
-const baseSize = 16
-// 设置 rem 函数
-function setRem() {
-  // 当前页面屏幕分辨率相对于 1440宽的缩放比例，可根据自己需要修改
-  const scale = document.documentElement.clientWidth / 1920
-  // 设置页面根节点字体大小（“Math.min(scale, 3)” 指最高放大比例为3，可根据实际业务需求调整）
-  document.documentElement.style.fontSize = `${baseSize * Math.min(scale, 3)}px`
-}
-// 初始化
-setRem()
-// 改变窗口大小时重新设置 rem
-window.onresize = () => {
-  setRem()
-}

src/views/archivesConfig/commonFields/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="app-container">常用字段管理</div>
+</template>
+
+<script>
+export default {
+  name: 'CommonFields',
+  data() {
+    return {
+    }
+  },
+  mounted: function() {
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>

src/views/archivesConfig/electronicFields/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="app-container">电子文件字段管理</div>
+</template>
+
+<script>
+export default {
+  name: 'ElectronicFields',
+  data() {
+    return {
+    }
+  },
+  mounted: function() {
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>

src/views/archivesConfig/systemFields/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="app-container">系统字段管理</div>
+</template>
+
+<script>
+export default {
+  name: 'SystemFields',
+  data() {
+    return {
+    }
+  },
+  mounted: function() {
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>

src/views/login.vue

@@ -38,12 +38,11 @@
           />
         </el-input>
       </el-form-item>
-      <el-form-item prop="code">
+      <el-form-item class="login-code" prop="code">
         <el-input
           v-model="loginForm.code"
           auto-complete="off"
           placeholder="验证码"
-          style="width: 63%"
           @keyup.enter.native="handleLogin"
         >
           <svg-icon
@@ -52,7 +51,7 @@
             class="el-input__icon input-icon"
           />
         </el-input>
-        <div class="login-code">
+        <div class="code-img">
           <img :src="codeUrl" @click="getCode">
         </div>
       </el-form-item>
@@ -63,7 +62,6 @@
         <el-button
           :loading="loading"
           size="medium"
-          style="width: 100%"
           @click.native.prevent="handleLogin"
         >
           <span v-if="!loading">登 录</span>
@@ -229,44 +227,33 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100%;
-  width: 1920px;
-  // height: 1080px;
+  height: 100vh;
   position: relative;
-  background-size: cover;
+  background-size: 100% 100vh;
 }
 .title {
-  width: 327px;
-  height: 40px;
   font-size: 30px;
-  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
+  text-align: center;
+  letter-spacing: 2px;
   color: #1e2864;
-  line-height: 0px;
-  margin-top: 104px;
-  margin-left: 87px;
-  // letter-spacing: 63px;
-  -webkit-background-clip: text;
-  // -webkit-text-fill-color: transparent;
 }
 
 .login-form {
-  width: 500px;
-  height: 600px;
-  background: #ffffff;
-  box-shadow: 0px 0px 16px 1px rgba(83, 83, 83, 0.16);
-  border-radius: 10px 10px 10px 10px;
-  opacity: 1;
+  width: 26%;
+  padding: 4% 2%;
   position: absolute;
-  left: 1078px;
-  top: 240px;
+  left: calc(100vw - 44%);
+  top: 50%;
+  transform: translateY(-50%);
+  background: #fff;
+  box-shadow: 0px 0px 16px 1px rgba(83, 83, 83, 0.16);
+  border-radius: 10px;
   .el-form-item {
-    width: 420px !important;
+    width: 100% !important;
     height: 50px;
-    background: #ffffff;
-    border-radius: 7px 7px 7px 7px;
-    opacity: 1;
-    margin-left: 40px;
+    background: #fff;
+    border-radius: 7px;
     .el-form-item__content{
       height: 100%;
       .el-input{
@@ -277,6 +264,15 @@ export default {
       }
     }
   }
+  .login-code {
+    .el-form-item__content{
+      display: flex;
+      justify-content: space-between;
+       .el-input{
+         width: 60%;
+       }
+    }
+  }
   .input-icon {
     width: 20px;
     height: 100%;
@@ -288,28 +284,20 @@ export default {
     }
   }
   .el-button {
-    width: 420px !important;
+    width: 100% !important;
     height: 52px;
+    margin-top: 22px;
+    font-size: 20px;
     background: #1e2864;
-    border-radius: 5px 5px 5px 5px;
-    margin-top:22px;
-    margin-bottom: 104px;
+    border-radius: 5px;
     color: #ffffff;
-    font-size: 20px;
-    border:none;
-    opacity: 1;
+    border: none;
   }
 }
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-.login-code {
-  width: 133px;
+.code-img {
   height: 43px;
+  margin-left: 20px;
   display: inline-block;
-  float: right;
   img {
     width: 100%;
     height: 100% !important;

src/views/system/dept/index.vue

@@ -79,7 +79,11 @@
           />
         </template>
       </el-table-column>
-      <el-table-column prop="createTime" label="创建日期" />
+      <el-table-column prop="createTime" label="创建日期">
+        <template slot-scope="scope">
+          <div>{{ scope.row.createTime | parseTime }}</div>
+        </template>
+      </el-table-column>
       <el-table-column v-if="checkPer(['admin','dept:edit','dept:del'])" label="操作" width="130px" align="center" fixed="right">
         <template slot-scope="scope">
           <udOperation

src/views/system/menu/index.vue

@@ -133,7 +133,11 @@
           <span v-else>是</span>
         </template>
       </el-table-column>
-      <el-table-column prop="createTime" label="创建日期" width="135px" />
+      <el-table-column prop="createTime" label="创建日期" width="135px">
+        <template slot-scope="scope">
+          <div>{{ scope.row.createTime | parseTime }}</div>
+        </template>
+      </el-table-column>
       <el-table-column v-if="checkPer(['admin','menu:edit','menu:del'])" label="操作" width="130px" align="center" fixed="right">
         <template slot-scope="scope">
           <udOperation

src/views/system/role/index.vue

@@ -61,7 +61,11 @@
             <el-table-column prop="dataScope" label="数据权限" />
             <el-table-column prop="level" label="角色级别" />
             <el-table-column :show-overflow-tooltip="true" prop="description" label="描述" />
-            <el-table-column :show-overflow-tooltip="true" width="135px" prop="createTime" label="创建日期" />
+            <el-table-column :show-overflow-tooltip="true" width="135px" prop="createTime" label="创建日期">
+              <template slot-scope="scope">
+                <div>{{ scope.row.createTime | parseTime }}</div>
+              </template>
+            </el-table-column>
             <el-table-column v-if="checkPer(['admin','roles:edit','roles:del'])" label="操作" width="130px" align="center" fixed="right">
               <template slot-scope="scope">
                 <udOperation

src/views/system/user/index.vue

@@ -163,7 +163,11 @@
               />
             </template>
           </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期" />
+          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
+            <template slot-scope="scope">
+              <div>{{ scope.row.createTime | parseTime }}</div>
+            </template>
+          </el-table-column>
           <el-table-column
             v-if="checkPer(['admin','user:edit','user:del'])"
             label="操作"

vue.config.js

@@ -1,13 +1,7 @@
 'use strict'
 const path = require('path')
 const defaultSettings = require('./src/settings.js')
-// 引入等比适配插件
-const px2rem = require('postcss-px2rem');
-// 配置基本大小
-const postcss = px2rem({
-  // 基准大小 baseSize，需要和rem.js中相同
-  remUnit: 16,
-});
+
 function resolve(dir) {
   return path.join(__dirname, dir)
 }
@@ -15,15 +9,6 @@ const name = defaultSettings.title // 网址标题
 const port = 8013 // 端口配置
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {
-  css : {
-    loaderOptions : {
-      postcss: {
-        plugins: [
-          postcss,
-        ],
-      },
-    }
-  },
   // hash 模式下可使用
   // publicPath: process.env.NODE_ENV === 'development' ? '/' : './',
   publicPath: '/',