flat: 修改企业管理drawer

src/views/manage/station/inviteCode.vue

@@ -47,43 +47,46 @@
       </template>
 
     </avue-crud>
-    <el-dialog
+    <el-drawer
       title="新增用户"
       :visible.sync="distributionCodeDialog"
       append-to-body
-      width="30%">
+      width="40%"
-      <el-form :model="inviteCodeForm" :rules="inviteCodeRules" filterable ref="inviteCode" label-width="100px"
+    >
-               class="demo-ruleForm">
+      <div class="drawer_content">
-        <el-form-item label="企业名称:" prop="companyId">
+        <el-form :model="inviteCodeForm" :rules="inviteCodeRules" filterable ref="inviteCode" label-width="100px"
-          <el-select v-model="inviteCodeForm.inviteCompanyId" :disabled="isEdit" filterable placeholder="请选择企业"
+                 class="demo-ruleForm">
-                     style="width: 260px">
+          <el-form-item label="企业名称:" prop="companyId">
-            <el-option
+            <el-select v-model="inviteCodeForm.inviteCompanyId" :disabled="isEdit" filterable placeholder="请选择企业"
-              v-for="item in enterpriseList"
+                       style="width: 260px">
-              :key="item.id"
+              <el-option
-              :label="item.comname"
+                v-for="item in enterpriseList"
-              :value="item.id">
+                :key="item.id"
-            </el-option>
+                :label="item.comname"
-          </el-select>
+                :value="item.id">
-        </el-form-item>
+              </el-option>
-        <el-form-item label="绑定用户:" prop="realName">
+            </el-select>
-          <el-input style="width: 260px" v-model="inviteCodeForm.realName" placeholder="请输入姓名"></el-input>
+          </el-form-item>
-        </el-form-item>
+          <el-form-item label="绑定用户:" prop="realName">
-        <el-form-item label="身份证:" prop="idNumber">
+            <el-input style="width: 260px" v-model="inviteCodeForm.realName" placeholder="请输入姓名"></el-input>
-          <el-input style="width: 260px" v-model="inviteCodeForm.idNumber" placeholder="请输入身份证"></el-input>
+          </el-form-item>
-        </el-form-item>
+          <el-form-item label="身份证:" prop="idNumber">
-        <el-form-item label="手机号:" prop="phone">
+            <el-input style="width: 260px" v-model="inviteCodeForm.idNumber" placeholder="请输入身份证"></el-input>
-          <el-input style="width: 260px" v-model="inviteCodeForm.phone" placeholder="请输入手机号"></el-input>
+          </el-form-item>
-        </el-form-item>
+          <el-form-item label="手机号:" prop="phone">
-        <el-form-item label="备注:" prop="remarks">
+            <el-input style="width: 260px" v-model="inviteCodeForm.phone" placeholder="请输入手机号"></el-input>
-          <el-input type="textarea" style="width: 260px" v-model="inviteCodeForm.remarks"
+          </el-form-item>
-                    placeholder="请输入备注"></el-input>
+          <el-form-item label="备注:" prop="remarks">
-        </el-form-item>
+            <el-input type="textarea" style="width: 260px" v-model="inviteCodeForm.remarks"
-      </el-form>
+                      placeholder="请输入备注"></el-input>
-      <span slot="footer" class="dialog-footer">
+          </el-form-item>
+        </el-form>
+        <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>