From d8f5a1fcb8632a9fb51cac9d72fb3bacaa41cbc2 Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期四, 08 四月 2021 15:57:49 +0800
Subject: [PATCH] 1.添加mode提示、2.mock模式侧边栏不限制权限全显示

---
 src/pages/demo/index.vue |   17 ++++++++++++-----
 1 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/pages/demo/index.vue b/src/pages/demo/index.vue
index b10bcf5..c7ff98f 100644
--- a/src/pages/demo/index.vue
+++ b/src/pages/demo/index.vue
@@ -9,6 +9,7 @@
           clearable
           size="small"
           style="width: 240px"
+          maxlength="50"
           @keyup.enter.native="reGetList"
         />
       </el-form-item>
@@ -33,7 +34,7 @@
     </el-row>
     <!-- 鎿嶄綔鍖� 鈫戔啈鈫戔啈鈫戔啈鈫戔啈鈫戔啈 -->
 
-    <el-table :data="list">
+    <el-table :data="list" stripe>
       <el-table-column type="index" label="搴忓彿" align="center" width="60" />
       <el-table-column label="瑙掕壊鍚嶇О" prop="name" align="center" min-width="120" />
       <el-table-column label="鏄惁涓婃灦" prop="isUp" align="center" min-width="100">
@@ -47,7 +48,7 @@
         </template>
       </el-table-column>
       <el-table-column label="鍒涘缓鏃堕棿" prop="createTime" align="center" min-width="160" />
-      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" min-width="100">
+      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="120">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -66,10 +67,10 @@
     </el-table>
 
     <!-- 鏂板&缂栬緫 -->
-    <el-dialog :title="dialogData.type=='add'?'鏂板鍖婚櫌绉戝':'缂栬緫鍖婚櫌绉戝'" width="500px" :visible.sync="dialogVisible" append-to-body :before-close="hideDialog">
+    <el-dialog v-el-drag-dialog :title="dialogData.type=='add'?'鏂板鍖婚櫌绉戝':'缂栬緫鍖婚櫌绉戝'" width="500px" :visible.sync="dialogVisible" append-to-body :before-close="hideDialog" :close-on-click-modal="false">
       <el-form ref="refDialog" :model="dialogData" label-width="110px" :rules="rules" size="small">
         <el-form-item label="鍚嶇О" prop="name">
-          <el-input v-model="dialogData.name" placeholder="璇疯緭鍏ュ悕绉�" />
+          <el-input v-model="dialogData.name" placeholder="璇疯緭鍏ュ悕绉�" maxlength="50" />
         </el-form-item>
         <el-form-item label="鏄惁涓婃灦" prop="isUp">
           <el-switch
@@ -92,13 +93,16 @@
       :limit.sync="pageSize"
       @pagination="getList"
     />
+
+    <back-to-top :visibility-height="300" :back-position="50" transition-name="fade" />
   </div>
 </template>
 
 <script>
-
+import BackToTop from '@/components/BackToTop'
 export default {
   name: 'Demo',
+  components: { BackToTop },
   data() {
     return {
       showSearch: true, // 鏄惁鏄剧ず鎼滅储鍖�
@@ -219,6 +223,9 @@
           }
         }, () => {
           this.$messageSuc(text + '鎴愬姛')
+        }, (res) => {
+          item.isUp = item.isUp === 1 ? 0 : 1
+          this.$messageError(res.msg)
         })
       }).catch(() => {
         item.isUp = item.isUp === 1 ? 0 : 1

--
Gitblit v1.8.0