添加md5并修改样式布局

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(() => {