flat: 修改企业管理drawer

src/views/manage/station/inviteCode.vue

@@ -47,11 +47,13 @@
       </template>
 
     </avue-crud>
-    <el-dialog
+    <el-drawer
       title="新增用户"
       :visible.sync="distributionCodeDialog"
       append-to-body
-      width="30%">
+      width="40%"
+    >
+      <div class="drawer_content">
         <el-form :model="inviteCodeForm" :rules="inviteCodeRules" filterable ref="inviteCode" label-width="100px"
                  class="demo-ruleForm">
           <el-form-item label="企业名称:" prop="companyId">
@@ -79,11 +81,12 @@
                       placeholder="请输入备注"></el-input>
           </el-form-item>
         </el-form>
-      <span slot="footer" class="dialog-footer">
+        <span class="dialog-footer footer_btns">
         <el-button @click="distributionCodeDialog = false">取 消</el-button>
         <el-button type="primary" @click="inviteCodeSubmit">确 定</el-button>
       </span>
-    </el-dialog>
+      </div>
+    </el-drawer>
   </basic-container>
 </template>
 <script>
@@ -169,9 +172,15 @@ const curdOptions = {
     {
       label: '启用状态',
       prop: 'isEnabled',
+      type: 'select',
+      dicData: [
+        {label: '否', value: 0},
+        {label: '是', value: 1},
+      ],
       slot: true,
       width: 100
-    }, {
+    },
+    {
       label: '审核状态',
       prop: 'reviewStatus',
       width: 100,
@@ -420,6 +429,17 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
+.drawer_content {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
 
+.footer_btns {
+  display: flex;
+  justify-content: flex-end;
+}
 </style>