fix: 修改网点管理弹出框的样式

src/views/Root/Live/components/index.vue

@@ -9,7 +9,7 @@
     <div v-if="type === 'add'" class="mb-3">
       <a-input
         class="w-80 mr-12"
-        placeholder="请输入请输入管理员或客户经理手机号"
+        placeholder="请输入管理员或客户经理手机号"
         v-model="value"
       ></a-input>
       <a-button type="primary" @click="search">搜索</a-button>
@@ -17,7 +17,7 @@
     <div v-if="(type === 'add' && Object.keys(msg).length > 0) || type === 'edit'">
       <div class="flex items-center my-4">
         <span class="">名称： {{ msg.user_name || '' }}</span>
-        <span class=" ml-10">手机号： {{ msg.phone || '' }}</span>
+        <span class="ml-10">手机号： {{ msg.phone || '' }}</span>
       </div>
       <div class="flex items-center mb-2 mt-6">
         <span class="mr-2 mb-5">开播时间时间段</span>
@@ -45,7 +45,7 @@
       </div>
       <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }">
         <a-button type="primary" @click="onSubmit">确定</a-button>
-        <a-button style="margin-left: 10px;" @click="onCancel">取消</a-button>
+        <a-button style="margin-left: 10px" @click="onCancel">取消</a-button>
       </a-form-model-item>
     </div>
   </a-form-model>
@@ -160,7 +160,7 @@ export default Vue.extend({
         .queryStaff({
           phone: this.value,
         })
-        .then(res => {
+        .then((res) => {
           const list = res.data.item
           if (list.length === 0) {
             message.error('无此用户')
@@ -187,7 +187,7 @@ export default Vue.extend({
           }
           // 新增检测用户数量
           if (this.type === 'add') {
-            live.addLive().then(res => {
+            live.addLive().then((res) => {
               if (res.code === 200) {
                 this.$emit('updated', params)
               }

src/views/Root/OutletManagement/index.vue

@@ -141,8 +141,8 @@
             <a-button type="primary" @click="getLalo">自动获取</a-button>
           </FormModelItem>
         </div>
-        <div class="flex" style="position: relative; left: -12rem">
-          <div class="flex">
+        <div style="position: relative; left: -12rem">
+          <div class="flex justify-center">
             <FormModelItem class="base_form_item my-2" label="营业时间">
               <CheckBoxGroup v-model="formData.openDays">
                 <Checkbox
@@ -154,7 +154,7 @@
                 >
               </CheckBoxGroup>
               <div class="flex">
-                <FormModelItem prop="startTime" class="flex justify-center mr-2">
+                <FormModelItem prop="startTime" class="flex justify-center mr-2 mb-0">
                   <TimePicker
                     v-model="formData.startTime"
                     format="HH:mm"
@@ -164,7 +164,7 @@
                     :disabledMinutes="getDisabledMinutes1"
                   ></TimePicker>
                 </FormModelItem>
-                <FormModelItem prop="endTime" class="flex justify-center">
+                <FormModelItem prop="endTime" class="flex justify-center mb-0">
                   <TimePicker
                     v-model="formData.endTime"
                     format="HH:mm"
@@ -177,7 +177,8 @@
               </div>
             </FormModelItem>
           </div>
-          <FormModelItem class="base_form_item my-2" label="备注" prop="remark">
+        </div>
+        <FormModelItem class="base_form_item my-2" label="备注" prop="remark" style="left: 4rem">
           <TextArea
             placeholder="请输入备注"
             max="50"
@@ -185,7 +186,6 @@
             v-model="formData.remark"
           ></TextArea>
         </FormModelItem>
-        </div>
         <div class="flex items-center justify-center" style="position: relative; left: -12rem">
           <a-button @click="handleClickCancel">取消</a-button>
           <a-button type="primary" class="ml-10" @click="handleClickConfirm">确认</a-button>
@@ -316,8 +316,8 @@
             <a-button type="primary" @click="getLalo">自动获取</a-button>
           </FormModelItem>
         </div>
-        <div class="flex" style="position: relative; left: -12rem">
-          <div class="flex">
+        <div style="position: relative; left: -12rem">
+          <div class="flex justify-center">
             <FormModelItem class="base_form_item my-2" label="营业时间">
               <CheckBoxGroup v-model="formData.openDays">
                 <Checkbox
@@ -329,7 +329,7 @@
                 >
               </CheckBoxGroup>
               <div class="flex">
-                <FormModelItem prop="startTime" class="flex justify-center mr-2">
+                <FormModelItem prop="startTime" class="flex justify-center mr-2 mb-0">
                   <TimePicker
                     v-model="formData.startTime"
                     format="HH:mm"
@@ -339,7 +339,7 @@
                     :disabledMinutes="getDisabledMinutes1"
                   ></TimePicker>
                 </FormModelItem>
-                <FormModelItem prop="endTime" class="flex justify-center">
+                <FormModelItem prop="endTime" class="flex justify-center mb-0">
                   <TimePicker
                     v-model="formData.endTime"
                     format="HH:mm"
@@ -352,7 +352,13 @@
               </div>
             </FormModelItem>
           </div>
-          <FormModelItem class="base_form_item my-2" label="备注" prop="remark">
+        </div>
+        <FormModelItem
+          class="base_form_item my-2"
+          label="备注"
+          prop="remark"
+          style="position: relative; left: 3rem"
+        >
           <TextArea
             placeholder="请输入备注"
             max="50"
@@ -360,7 +366,6 @@
             v-model="formData.remark"
           ></TextArea>
         </FormModelItem>
-        </div>
         <div class="flex items-center justify-center" style="position: relative; left: -12rem">
           <a-button @click="handleClickCancel">取消</a-button>
           <a-button type="primary" class="ml-10" @click="handleClickConfirm">确认</a-button>
@@ -620,7 +625,7 @@ export default Vue.extend({
     async getLalo() {
       await AddressService.getInstance()
         .__getGpses([this.formData.location])
-        .then(ret => {
+        .then((ret) => {
           if (ret.code === 200) {
             const position = ret.data.gps[0].split(',')
             console.log(position[0], position[1])
@@ -751,7 +756,7 @@ export default Vue.extend({
     },
     createOutlet() {
       const form = this.$refs.createOutlet_form as FormModel
-      form.validate(async isValid => {
+      form.validate(async (isValid) => {
         if (isValid) {
           this.visible = false
           const ret = await AddressService.getInstance().add({
@@ -767,7 +772,7 @@ export default Vue.extend({
             city_id: this.formData.secondBranch as number,
             region_id: this.formData.firstSubBranch as number,
             region_name: this.fooList_createOutlet[2].options.find(
-              i => i.ID === this.formData.firstSubBranch
+              (i) => i.ID === this.formData.firstSubBranch
             )?.Name as string,
             name: this.formData.secondSubBranch,
             weekend_status: getWeekendStatusFromArr(this.formData.openDays),
@@ -780,7 +785,7 @@ export default Vue.extend({
     },
     updateOutlet() {
       const form = this.$refs.form as FormModel
-      form.validate(isValid => {
+      form.validate((isValid) => {
         if (isValid) {
           this.visible = false
           AddressService.getInstance()
@@ -857,25 +862,25 @@ export default Vue.extend({
       console.log(this.fooList)
       if (canQuery) {
         const branchValues = this.fooList
-          .map(i => {
+          .map((i) => {
             console.log(i.value)
             if (i.value) {
-              return i.options.find(item => item.ID === i.value)?.Name
+              return i.options.find((item) => item.ID === i.value)?.Name
             }
           })
-          .filter(item => item)
+          .filter((item) => item)
           .toString()
 
         const branchIds = this.fooList
-          .map(i => {
+          .map((i) => {
             if (i.value) {
-              return i.options.find(item => item.ID === i.value)?.ID
+              return i.options.find((item) => item.ID === i.value)?.ID
             }
           })
-          .filter(item => item)
+          .filter((item) => item)
           .toString()
 
-        const outletName = this.fooList[3].options.find(i => i.ID === this.fooList[3].value)?.Name
+        const outletName = this.fooList[3].options.find((i) => i.ID === this.fooList[3].value)?.Name
         this.$router.push({
           query: {
             branchValues,
@@ -908,7 +913,7 @@ export default Vue.extend({
       })
       if (ret.code === 200) {
         this.dataSource = ret.data as any
-        this.dataSource.map(item => {
+        this.dataSource.map((item) => {
           item.first_branch = item.province_name
           item.second_branch = item.city_name
           item.first_sub_branch = item.region_name
@@ -963,7 +968,7 @@ export default Vue.extend({
     outletColumns() {
       if (this.hasOperateAuth) return outletColumns
       else {
-        return outletColumns.filter(i => !i.needAuth)
+        return outletColumns.filter((i) => !i.needAuth)
       }
     },
     hasOperateAuth() {