添加md5并修改样式布局

package.json

@@ -47,18 +47,19 @@
     "echarts": "4.2.1",
     "element-ui": "2.13.2",
     "file-saver": "2.0.1",
-    "js-beautify": "1.10.2",
     "fuse.js": "3.4.4",
+    "js-beautify": "1.10.2",
     "js-cookie": "2.2.0",
+    "js-md5": "^0.7.3",
     "jsencrypt": "3.0.0-rc.1",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
+    "quill": "1.3.7",
     "screenfull": "4.2.0",
     "sortablejs": "1.8.4",
     "vue": "2.6.10",
     "vue-count-to": "1.0.13",
-    "quill": "1.3.7",
     "vue-cropper": "0.4.9",
     "vue-router": "3.0.2",
     "vue-splitpane": "1.0.4",

src/main.js

@@ -1,6 +1,7 @@
 import Vue from 'vue';
 
 import Cookies from 'js-cookie';
+import md5 from 'js-md5';
 
 import 'normalize.css/normalize.css'; // a modern alternative to CSS resets
 
@@ -39,6 +40,7 @@ Vue.prototype.selectDictLabels = selectDictLabels;
 Vue.prototype.download = download;
 Vue.prototype.handleTree = handleTree;
 Vue.prototype.formatRichText = formatRichText;
+Vue.prototype.md5 = md5;
 
 Vue.prototype.msgSuccess = function(msg) {
   this.$message({ showClose: true, message: msg, type: 'success' });

src/views/home/notice.vue

@@ -76,7 +76,28 @@
             v-for="(item, index) in labelList"
             :key="item.id"
           >
-            <span class="text_col">{{ item.name }}：</span>
+            <span
+              class="text_col"
+              style="min-width:200px"
+              v-if="item.name.length >= 8"
+            >
+              {{ item.name }}：
+            </span>
+            <span
+              class="text_col"
+              style="min-width:150px"
+              v-else-if="item.name.length >= 6"
+            >
+              {{ item.name }}：
+            </span>
+            <span
+              class="text_col"
+              style="min-width:100px"
+              v-else-if="item.name.length >= 4"
+            >
+              {{ item.name }}：
+            </span>
+            <span class="text_col" v-else> {{ item.name }}： </span>
             <el-radio-group v-model="queryParams.labelIds[index]" size="medium">
               <el-radio-button label="">不限</el-radio-button>
               <el-radio-button
@@ -493,7 +514,7 @@ export default {
           align-items: center;
           padding: 0 20px;
           .text_col {
-            min-width: 100px;
+            min-width: 70px;
             color: #333;
             font-size: 18px;
           }

src/views/login.vue

@@ -428,6 +428,7 @@ export default {
             Cookies.remove('rememberMe');
           }
           if (this.mode) {
+            console.log(this.md5(this.loginForm.password));
             this.$store
               .dispatch('Login', this.loginForm)
               .then(() => {