修改

src/components/Index.vue

@@ -219,10 +219,10 @@
         <el-form-item label="新手机号" prop="name">
           <el-input style="width:234px" size="small" v-model="addMsg.name"></el-input>
         </el-form-item>
-        <el-form-item label="验证码" prop="name">
+        <!-- <el-form-item label="验证码" prop="name">
           <el-input style="width:150px;margin-right:8px" size="small" v-model="addMsg.name"></el-input>
           <el-button type="primary" size="small">获取验证码</el-button>
-        </el-form-item>
+        </el-form-item> -->
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisible = false">取 消</el-button>

src/components/StoreDesign/userCenter.vue

@@ -599,22 +599,24 @@
                 <div class="menu-add">
                   <el-button plain size="mini" @click="isShowLink=true">添加</el-button>
                 </div>
-                <div class="Lastmenu_item" v-for="(item,index) in postMsg.SelfMenuList" :key="index">
-                  <div class="LastMenuFirst">
-                    <div class="LastMenu_image" :style="{backgroundImage:'url('+ item.MenuIcon +  ')'}"></div>
+                <draggable v-model="postMsg.SelfMenuList">
+                  <div class="Lastmenu_item" v-for="(item,index) in postMsg.SelfMenuList" :key="index">
+                    <div class="LastMenuFirst">
+                      <div class="LastMenu_image" :style="{backgroundImage:'url('+ item.MenuIcon +  ')'}"></div>
+                    </div>
+                    <div class="LastMenu_Second">{{item.MenuName}}</div>
+                    <div class="LastMenu_Third">
+                      <el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
+                        <el-button circle type="primary" size="mini" icon="el-icon-edit" @click="upDateMsg(item,4)">
+                        </el-button>
+                      </el-tooltip>
+                      <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
+                        <el-button circle type="danger" size="mini" icon="el-icon-delete" @click="deleteItem(index,item)">
+                        </el-button>
+                      </el-tooltip>
+                    </div>
                   </div>
-                  <div class="LastMenu_Second">{{item.MenuName}}</div>
-                  <div class="LastMenu_Third">
-                    <el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
-                      <el-button circle type="primary" size="mini" icon="el-icon-edit" @click="upDateMsg(item,4)">
-                      </el-button>
-                    </el-tooltip>
-                    <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
-                      <el-button circle type="danger" size="mini" icon="el-icon-delete" @click="deleteItem(index,item)">
-                      </el-button>
-                    </el-tooltip>
-                  </div>
-                </div>
+                </draggable>
               </div>
             </el-form-item>
           </el-form>
@@ -661,6 +663,7 @@
 </template>
 <script>
   import chooseMenu from "../common/chooseMenu.vue";
+  import draggable from "vuedraggable"
   export default {
     data() {
       return {
@@ -761,7 +764,8 @@
       };
     },
     components: {
-      chooseMenu
+      chooseMenu,
+      draggable
     },
     created() {
       this.getMenuList();