NVARBARdialog

src/views/layout/components/Navbar.vue

@@ -1,24 +1,37 @@
 <template>
-  <el-menu class="navbar" mode="horizontal" style="background: rgb(87,177,253)!important;">
-    <hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container"/>
-    <breadcrumb />
-    <el-dropdown class="avatar-container" trigger="click">
-      <div class="avatar-wrapper">
-        <img :src="require('@/assets/img/user.jpg')" class="user-avatar">
-        <i class="el-icon-caret-bottom"/>
-      </div>
-      <el-dropdown-menu slot="dropdown" class="user-dropdown">
-        <router-link class="inlineBlock" to="/">
-          <el-dropdown-item>
-            主页
+  <div>
+    <el-menu class="navbar" mode="horizontal" style="background: rgb(87,177,253)!important;">
+      <hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container"/>
+      <breadcrumb />
+      <el-dropdown class="avatar-container" trigger="click">
+        <div class="avatar-wrapper">
+          <img :src="require('@/assets/img/user.jpg')" class="user-avatar">
+          <i class="el-icon-caret-bottom"/>
+        </div>
+        <el-dropdown-menu slot="dropdown" class="user-dropdown">
+          <router-link class="inlineBlock" to="/">
+            <el-dropdown-item>
+              主页
+            </el-dropdown-item>
+          </router-link>
+          <el-dropdown-item divided @click.native="logout">
+            <span style="display:block;">退出</span>
           </el-dropdown-item>
-        </router-link>
-        <el-dropdown-item divided @click.native="logout">
-          <span style="display:block;">退出</span>
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </el-menu>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </el-menu>
+    <el-dialog :visible.sync="dialogFormVisible" title="打回档案" center width="28%">
+      <el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="110px" class="demo-ruleForm">
+        <el-form-item label="打回原因" prop="reason">
+          <el-input v-model="form.reason" size="small" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="callOff1('form1')">取消</el-button>
+        <el-button size="small" type="primary" @click="submit1('form1')">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -35,6 +48,9 @@ export default {
   },
   data() {
     return {
+      dialogFormVisible: false,
+      form: {},
+      rules: {},
       timer: '',
       noticeContract: null,
       noticeFund: null,