分销

src/views/merchant/index/components/merchant-edit.vue

@@ -34,6 +34,20 @@
           v-model:value="form.merchantName"
         />
       </a-form-item>
+      <a-form-item
+        label="负责人"
+        name="merchantOwner"
+        extra="请绑定负责人，注意：超管和游客账号不要绑定"
+      >
+        <OwnerChoose :value="form.merchantOwner" @select="onSelect" />
+      </a-form-item>
+      <a-form-item
+        label="区域经理"
+        name="managerId"
+        extra="请绑定负责人，注意：超管和游客账号不要绑定"
+      >
+        <ManagerChoose :value="form.managerId" @select="onSelectManager" />
+      </a-form-item>
       <a-form-item label="商户简介" name="comments">
         <a-textarea
           :rows="4"
@@ -62,13 +76,7 @@
           @upload="onUploadBackground"
         />
       </a-form-item>
-      <!--      <a-form-item-->
-      <!--        label="负责人"-->
-      <!--        name="merchantOwner"-->
-      <!--        extra="请绑定负责人，注意：超管和游客账号不要绑定"-->
-      <!--      >-->
-      <!--        <OwnerChoose :value="form.merchantOwner" @select="onSelect" />-->
-      <!--      </a-form-item>-->
+
       <a-form-item label="营业时间" name="merchantHours">
         <a-input
           allow-clear
@@ -164,7 +172,8 @@
   import { FormInstance, Rule, RuleObject } from 'ant-design-vue/es/form';
   import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
   import { uploadFile } from '@/api/system/file';
-  // import OwnerChoose from '@/components/UserChoose/index.vue';
+  import OwnerChoose from '@/components/UserChoose/index.vue';
+  import ManagerChoose from '@/components/ManagerChoose/index.vue';
   import { FILE_SERVER, FILE_THUMBNAIL } from '@/config/setting';
   import useFormData from '@/utils/use-form-data';
   import RegionsSelect from '@/components/RegionsSelect/index.vue';
@@ -245,6 +254,7 @@
     merchantId: 0,
     userId: undefined,
     merchantOwner: 0,
+    managerId: undefined,
     merchantPhone: undefined,
     content: '',
     merchantHours: '8:30 - 22:30',
@@ -487,9 +497,12 @@
     showMap.value = false;
   };
 
-  // const onSelect = (item) => {
-  //   form.merchantOwner = item.userId;
-  // };
+  const onSelect = (item) => {
+    form.merchantOwner = item.userId;
+  };
+  const onSelectManager = (item) => {
+    form.managerId = item.managerId;
+  };
 
   /* 保存编辑 */
   const save = () => {