From 1464e4240da1b6c3317d0c465371245aa93fb732 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Fri, 19 Apr 2024 16:40:19 +0800
Subject: [PATCH] =?UTF-8?q?flat:=20=E4=BF=AE=E6=94=B9=E4=BC=81=E4=B8=9A?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86drawer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/station/inviteCode.vue | 86 +++++++++++++++----------
 1 file changed, 53 insertions(+), 33 deletions(-)

diff --git a/src/views/manage/station/inviteCode.vue b/src/views/manage/station/inviteCode.vue
index 51c2461..1600008 100644
--- a/src/views/manage/station/inviteCode.vue
+++ b/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%">
-      <el-form :model="inviteCodeForm" :rules="inviteCodeRules" filterable ref="inviteCode" label-width="100px"
-               class="demo-ruleForm">
-        <el-form-item label="企业名称:" prop="companyId">
-          <el-select v-model="inviteCodeForm.inviteCompanyId" :disabled="isEdit" filterable placeholder="请选择企业"
-                     style="width: 260px">
-            <el-option
-              v-for="item in enterpriseList"
-              :key="item.id"
-              :label="item.comname"
-              :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="绑定用户:" prop="realName">
-          <el-input style="width: 260px" v-model="inviteCodeForm.realName" placeholder="请输入姓名"></el-input>
-        </el-form-item>
-        <el-form-item label="身份证:" prop="idNumber">
-          <el-input style="width: 260px" v-model="inviteCodeForm.idNumber" placeholder="请输入身份证"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号:" prop="phone">
-          <el-input style="width: 260px" v-model="inviteCodeForm.phone" placeholder="请输入手机号"></el-input>
-        </el-form-item>
-        <el-form-item label="备注:" prop="remarks">
-          <el-input type="textarea" style="width: 260px" v-model="inviteCodeForm.remarks"
-                    placeholder="请输入备注"></el-input>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
+      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">
+            <el-select v-model="inviteCodeForm.inviteCompanyId" :disabled="isEdit" filterable placeholder="请选择企业"
+                       style="width: 260px">
+              <el-option
+                v-for="item in enterpriseList"
+                :key="item.id"
+                :label="item.comname"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="绑定用户:" prop="realName">
+            <el-input style="width: 260px" v-model="inviteCodeForm.realName" placeholder="请输入姓名"></el-input>
+          </el-form-item>
+          <el-form-item label="身份证:" prop="idNumber">
+            <el-input style="width: 260px" v-model="inviteCodeForm.idNumber" placeholder="请输入身份证"></el-input>
+          </el-form-item>
+          <el-form-item label="手机号:" prop="phone">
+            <el-input style="width: 260px" v-model="inviteCodeForm.phone" placeholder="请输入手机号"></el-input>
+          </el-form-item>
+          <el-form-item label="备注:" prop="remarks">
+            <el-input type="textarea" style="width: 260px" v-model="inviteCodeForm.remarks"
+                      placeholder="请输入备注"></el-input>
+          </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>