feat: 商务管家

src/components/businessMoudle/adqManage3/agency/importDialog.vue

@@ -15,9 +15,12 @@
         <el-icon class="rMar7 tMar2" color="#ff9b48">
           <WarningFilled />
         </el-icon>
-        <span class="flex_1 " v-if="importType.type == 'part' && handType.type == 1">请确保输入的广告主账户已属于对应的代理商，否则会导致失败；单次授权账户上限{{ agencyCount }}个，如账户数量较多，请分批次输入</span>
-        <span class="flex_1 " v-if="importType.type == 'part' && handType.type == 2">该代理商账户下共{{acc_count}}个媒体账户，请选择想要导入的账户名称</span>
-        <span class="flex_1 " v-if="importType.type == 'all'">该代理商账户下共{{acc_count}}个媒体账户</span>
+        <span class="flex_1 "
+          v-if="importType.type == 'part' && handType.type == 1">请确保输入的广告主账户已属于对应的代理商，否则会导致失败；单次授权账户上限{{ agencyCount
+          }}个，如账户数量较多，请分批次输入</span>
+        <span class="flex_1 "
+          v-if="importType.type == 'part' && handType.type == 2">该代理商账户下共{{ acc_count }}个媒体账户，请选择想要导入的账户名称</span>
+        <span class="flex_1 " v-if="importType.type == 'all'">该代理商账户下共{{ acc_count }}个媒体账户</span>
       </div>
 
       <!-- S 导入媒体账户 附加条件 -->
@@ -30,10 +33,12 @@
       <!-- E 导入媒体账户 附加条件 -->
 
       <!-- 手动输入 -->
-      <ManualInput v-show="importType.type == 'part' && handType.type == 1" :maxRow="agencyCount" @mInput="getMInput"></ManualInput>
+      <ManualInput v-show="importType.type == 'part' && handType.type == 1" :maxRow="agencyCount" @mInput="getMInput">
+      </ManualInput>
 
       <!-- 列表选择或者全部导入 -->
-      <ChildList ref="ChildListRef" v-show="importType.type == 'part' && handType.type == 2 || importType.type == 'all'" :agencyItem="agencyItem" :importType="importType.type" :handType="handType.type" @total="getCountAcc"></ChildList>
+      <ChildList ref="ChildListRef" v-show="importType.type == 'part' && handType.type == 2 || importType.type == 'all'"
+        :agencyItem="agencyItem" :importType="importType.type" :handType="handType.type" @total="getCountAcc"></ChildList>
     </div>
     <template #footer>
       <div class="dialog-footer" style="text-align: right;padding:10px;padding-top: 0;">
@@ -86,10 +91,10 @@ onBeforeMount(() => {
 const handleClose = () => {
   visible.value = false
 }
-const getCountAcc = (val) =>{
+const getCountAcc = (val) => {
   acc_count.value = val
 }
-const getMInput = (val)=>{
+const getMInput = (val) => {
   inputValue.value = val
 }
 
@@ -100,16 +105,16 @@ const submitEvent = async () => {
     return
   }
   let data_str = '';
-  if(importType.type == 'part' && handType.type == 1){
+  if (importType.type == 'part' && handType.type == 1) {
     data_str = inputValue.value
-  }else{
-    if(ChildListRef.value){
-      await ChildListRef.value.getMultipleList().then((res)=>{
+  } else {
+    if (ChildListRef.value) {
+      await ChildListRef.value.getMultipleList().then((res) => {
         data_str = JSON.stringify(res)
       })
     }
   }
-  if(data_str == ''){
+  if (data_str == '') {
     ElMessage.warning('请输入账户ID或手动选择媒体账户！');
     return
   }
@@ -123,7 +128,7 @@ const submitEvent = async () => {
     project_id: projectIdRef.value?.value,
   }).then((res) => {
     loading.value = false
-    if(res){
+    if (res) {
       ElMessage.warning('导入成功')
       visible.value = false
       emit('close')
@@ -163,5 +168,4 @@ defineExpose({
 
 .block {
   display: block;
-}
-</style>
+}</style>

src/components/businessMoudle/adqManage3/hooks/agency.ts

@@ -5,7 +5,7 @@ export const agencyExport = () => {
   const EditDialogRef = ref()
   const ImpoartDialogRef = ref()
   const agencyEvent = (info) => {
-    if(!info?.agency_account_id){
+    if (!info?.agency_account_id) {
       ElMessage.error('代理商获取失败，无法导入账户！')
       return
     }
@@ -14,7 +14,7 @@ export const agencyExport = () => {
     }
   }
   const agencyEditEvent = (info) => {
-    if(!info?.account_id){
+    if (!info?.account_id) {
       ElMessage.error('账户获取失败，无法进行编辑！')
       return
     }

src/components/businessMoudle/adqManage3/index.vue

@@ -2,28 +2,32 @@
   <!--  类型切换 -->
   <div class="typeBorlineBox flex_between">
     <div class="flex" style="margin-left: 15px">
-      <div class="item" v-for="item in typeList.list" :key="item.id" :class="item.id == typeList.typeAc ? 'itemAc' : ''" @click="switchTypeItem(item)">
-      <div>{{item.name}}</div>
-      <div class="borLine"></div>
-    </div>
+      <div class="item" v-for="item in typeList.list" :key="item.id" :class="item.id == typeList.typeAc ? 'itemAc' : ''"
+        @click="switchTypeItem(item)">
+        <div>{{ item.name }}</div>
+        <div class="borLine"></div>
+      </div>
     </div>
     <el-button type="primary" size="default" class="rMar15" @click="authEvent()">账号授权</el-button>
   </div>
 
   <div class="screenBox flex" style="padding: 15px;s" v-loading="authLoading">
     <Input ref="InputRef_text" title="关键词" placeholderTxt="关键词" @changeEvent="init()" @clearEvent="init()" />
-    <Select ref="ideaManRef" :clearFlag="true" title="所属人员" selectWidth="160px" :optObj="{ k: 'id', la: 'username', val: 'id' }"
-      @changeEvent="init()" @clearEvent="init()" :options="pageInfo.createrList" />
+    <Select ref="ideaManRef" :clearFlag="true" title="所属人员" selectWidth="160px"
+      :optObj="{ k: 'id', la: 'username', val: 'id' }" @changeEvent="init()" @clearEvent="init()"
+      :options="pageInfo.createrList" />
     <Select ref="ctypeRef" :clearFlag="true" title="类型" selectWidth="160px" @changeEvent="init()" @clearEvent="init()"
       :options="pageInfo.getTypeList" />
   </div>
 
   <!--  列表-->
-  <TableList ref="tableListRef" :tableData="tableInfo.tableList" immobilizationHeight="calc(100vh - 260px)" :descol="tableInfo.descolList" :total="total"
-    @init="init">
+  <TableList ref="tableListRef" :tableData="tableInfo.tableList" immobilizationHeight="calc(100vh - 260px)"
+    :descol="tableInfo.descolList" :total="total" @init="init">
     <template v-slot:operate="slotProps">
       <div class="text-center">
-        <span class="c-theme pointer f13 rMar7" v-if="typeList.typeAc == 'ACCOUNT_ROLE_TYPE_AGENCY'" @click="agencyEvent(slotProps.row)">导入账户</span>
+        <span class="c-theme pointer f13 rMar7"
+          v-if="['ACCOUNT_ROLE_TYPE_AGENCY', 'ACCOUNT_ROLE_TYPE_BUSINESS_MANAGER'].includes(typeList.typeAc)"
+          @click="agencyEvent(slotProps.row)">导入账户</span>
         <span class="c-theme pointer f13" @click="agencyEditEvent(slotProps.row)">编辑</span>
         <Popconfirm @confirm="deleEvent(slotProps.row)" />
       </div>
@@ -55,12 +59,13 @@ const { proxy } = getCurrentInstance() as any;
 
 const typeList = reactive({
   list: [
-  {id:'ACCOUNT_ROLE_TYPE_ADVERTISER', name: '广告主' },
-  {id:'ACCOUNT_ROLE_TYPE_AGENCY', name: '代理商' },
-],
-typeAc: 'ACCOUNT_ROLE_TYPE_AGENCY'
+    { id: 'ACCOUNT_ROLE_TYPE_ADVERTISER', name: '广告主' },
+    { id: 'ACCOUNT_ROLE_TYPE_AGENCY', name: '代理商' },
+    { id: 'ACCOUNT_ROLE_TYPE_BUSINESS_MANAGER', name: '商务管家' },
+  ],
+  typeAc: 'ACCOUNT_ROLE_TYPE_AGENCY'
 })
-const switchTypeItem = (info)=>{
+const switchTypeItem = (info) => {
   typeList.typeAc = info.id
   init(1)
 }
@@ -74,12 +79,12 @@ const {
 
 // 表格数据公共ts
 const descolParams = reactive([
-  { name: '账号名称', column: 'account_name', minWidth: '120px'},
+  { name: '账号名称', column: 'account_name', minWidth: '120px' },
   { name: '账号ID', column: 'account_id', cancleForMat: true },
   { name: '账号类型', column: 'type_name', },
   { name: '所属人员', column: 'owner_name', },
   { name: '所属项目', column: 'project_name', },
-  { name: '创建时间', column: 'created_at', minWidth: '100px'},
+  { name: '创建时间', column: 'created_at', minWidth: '100px' },
   { name: '操作', column: 'operate', slotFlag: true },
 ])
 const { tableInfo, tableListRef, total } = publicTableTs(descolParams)
@@ -154,15 +159,15 @@ const init_createrList = async () => {
 }
 
 const editClose = () => {
-  if(route.query?.account_id){
+  if (route.query?.account_id) {
     router.replace('/adqManage')
   }
   init(1)
 }
 
 onMounted(async () => {
-  if(route.query?.account_id){
-    agencyEditEvent({'account_id': route.query?.account_id})
+  if (route.query?.account_id) {
+    agencyEditEvent({ 'account_id': route.query?.account_id })
   }
   await init()
   await init_createrList()
@@ -181,5 +186,4 @@ onMounted(async () => {
 
 .screenArea {
   margin-bottom: 8px;
-}
-</style>
+}</style>