账号分配

dist/index.html

@@ -12,7 +12,7 @@
 			document.write('<script src="' + src + '"><\/script>');
 			})();
     </script>
-    <script type="module" crossorigin src="./assets/index-B-M_fJAo.js"></script>
+    <script type="module" crossorigin src="./assets/index-CoGxHAod.js"></script>
     <link rel="modulepreload" crossorigin href="./js/@vue/@vue.lccsL1Mu.js">
     <link rel="modulepreload" crossorigin href="./js/vue-router/vue-router.D86bYXwF.js">
     <link rel="modulepreload" crossorigin href="./js/vue-demi/vue-demi.Dq6ymT-8.js">

src/api/api.ts

@@ -93,6 +93,7 @@ export enum Api{
     ad_account_group_edit = '/api/adAccountGroup/edit',
     ad_account_group_convert = '/api/adAccountGroup/convert',
     ad_account_group_detail = '/api/adAccountGroup/detail',
+    oe_account_add_to_group = '/api/adAccountGroup/addAccount',
 
     //定向包
     directPacket_add = '/api/ad/targetingsAdd',

src/components/businessMoudle/adAccountGroup/dialog/addResult.vue

@@ -0,0 +1,71 @@
+<template>
+  <Dialog ref="DialogRef"
+          :dialogVisible="dialogShow"
+          @close="closeEvent"
+          width="800px"
+          height="420px"
+          minheight="400px"
+          :dialog-title="title"
+          class="addEditText">
+    <template v-slot:content>
+      <div class="dialogBox" v-loading="loading">
+        <div class="tMar20">
+          <TableList
+              tableHeight="100vh"
+              :tableData="data"
+              :descol="descolParams"
+          >
+          </TableList>
+        </div>
+      </div>
+    </template>
+  </Dialog>
+
+</template>
+<script setup lang="ts">
+import Dialog from '@/components/capsulationMoudle/_dialog.vue'
+import {reactive, ref} from "vue";
+
+const emit = defineEmits<{
+  (event: "initType"): void;
+}>();
+
+const descolParams = reactive([
+  { name:'广告账户id',column:'advertiser_id'},
+  { name:'广告账户名',column:'advertiser_name'},
+  { name:'状态',column:'note'},
+])
+
+const props = withDefaults(defineProps<{
+  title?: string,
+  data?: any
+}>(), {
+  title: '添加文案',
+  data: null
+})
+
+const dialogShow = ref<boolean>(false)
+
+//添加文案-确定
+const loading = ref<boolean>(false)
+
+//关闭
+const closeEvent = () => {
+  dialogShow.value = false
+  emit('initType')
+}
+
+// 切换显隐
+const switchShow = (val:boolean)=>{
+  dialogShow.value = val
+}
+// 父组件共享值
+defineExpose({
+  switchShow,
+});
+</script>
+
+<style lang="scss" scoped>
+
+
+</style>

src/components/businessMoudle/adAccountGroup/dialog/childList.vue

@@ -0,0 +1,157 @@
+<template>
+  <div v-loading="loading" class="tMar15">
+    <div class="flex">
+      <el-input v-model="keyword" style="width: 300px;" placeholder="请输入搜索关键词" :prefix-icon="Search" size="default"
+        clearable @input="search()" @clear="search()" />
+      <div v-if="selectionFlag" class="flex_1 flex">
+        <p class="f12 c-555">（已选 {{ multipleSelection.length }} 个媒体账户）</p>
+        <span class="f13 pointer c-theme" @click="clearMultiple">清空选择</span>
+      </div>
+    </div>
+
+
+    <el-table ref="multipleTableRef" :data="tableData" style="width: 100%" row-key="account_id" class="tMar15" height="36vh"
+      :header-cell-style="tableHeaderStyle" @selection-change="handleSelectionChange" border>
+      <el-table-column v-if="selectionFlag" reserve-selection type="selection" width="55" align="center" />
+      <el-table-column v-else label="序号" width="80" align="center">
+        <template #default="scope">
+          {{ (scope.$index + 1) + (pagination.page - 1) * pagination.pageSize }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="corporation_name" label="账户名称" />
+      <el-table-column prop="account_id" label="账户ID" />
+    </el-table>
+    <!-- 分页 -->
+    <div class="flex_center tMar10 bMar10">
+      <el-pagination v-model:current-page="pagination.page" v-model:page-size="pagination.pageSize"
+        :page-sizes="[10, 20, 50, 100]" :small="true" layout="total, sizes, prev, pager, next, jumper"
+        :total="pagination.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </div>
+
+  </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onBeforeMount, reactive, ref, watch } from 'vue';
+import { accountChildListAxios } from '../hooks/api'
+import { Search } from '@element-plus/icons-vue'
+import { tableHeaderStyle } from '@/api/eventModel'
+import _, { reject } from 'lodash';
+const props = defineProps({
+  agencyItem: {
+    type: Object,
+    default: () => { }
+  },
+  importType: {
+    type: String,
+    default: ''
+  },
+  handType: {
+    type: Number,
+    default: 0
+  }
+})
+const emit = defineEmits<{
+  (event: "total", value: any): void;
+}>();
+const loading = ref(false)
+const keyword = ref('')
+const oldTableDataMain = ref([]);//原始账户列表数据
+const oldTableData = ref([]);//搜索时进行操作的账户列表
+const tableData = ref([]);//table列表数据
+const multipleSelection = ref<any[]>([])
+const selectionFlag = ref(false)
+const multipleTableRef = ref()
+const total = ref(0)
+const pagination = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0
+})
+/**多选 */
+const handleSelectionChange = (val: any[], row) => {
+  multipleSelection.value = val
+}
+/**清空选择 */
+const clearMultiple = () => {
+  multipleSelection.value = []
+  multipleTableRef.value?.clearSelection()
+}
+/**模糊搜索 */
+const search = () => {
+  let oldList = _.cloneDeep(oldTableDataMain.value)
+  if (!isNaN(Number(keyword.value))) { //根据账户ID进行搜索
+    oldTableData.value = oldList.filter((v: any) => {
+      return v.account_id?.indexOf(keyword.value) != -1
+    })
+  } else {//根据账户名称就行搜索
+    oldTableData.value = oldList.filter((v: any) => {
+      return v.corporation_name?.indexOf(keyword.value) != -1
+    })
+  }
+  pagination.total = oldTableData.value.length;
+  pagination.page = 1;
+  getPagination()
+}
+/**分页 */
+const getPagination = () => {
+  const dataList = _.cloneDeep(oldTableData.value)
+  tableData.value = dataList.slice((pagination.page - 1) * pagination.pageSize, pagination.page * pagination.pageSize)
+}
+const handleSizeChange = (val) => {
+  pagination.page = 1;
+  pagination.pageSize = val;
+  getPagination()
+}
+const handleCurrentChange = (val) => {
+  pagination.page = val;
+  getPagination()
+}
+const getList = () => {
+  if (!props.agencyItem?.agency_account_id) return;
+  loading.value = true;
+  accountChildListAxios({
+    agency_account_id: props.agencyItem?.agency_account_id,
+    keyword: keyword.value
+  }).then((res: any) => {
+    loading.value = false;
+    oldTableDataMain.value = res.list;
+    oldTableData.value = _.cloneDeep(oldTableDataMain.value)
+    pagination.total = res.total;
+    total.value = res.total
+    emit('total', total.value)
+    getPagination()
+  }).catch(() => {
+    loading.value = false;
+  })
+}
+onBeforeMount(() => {
+  getList();
+})
+
+/** 暴露自己的属性供父组件使用 */
+/** 获取选中的媒体账户 */
+const getMultipleList = () => {
+  return new Promise((resolve,reject)=>{
+    if(selectionFlag.value) {
+      resolve(multipleSelection.value)
+    }else{
+      resolve(oldTableDataMain.value)
+    }
+  })
+}
+defineExpose({
+  getMultipleList
+});
+
+watch([
+  () => props.importType,
+  () => props.handType
+], (newValue, oldValue) => {
+  if (newValue[0] == 'part' && newValue[1] == 2) {
+    selectionFlag.value = true
+    multipleSelection.value = []
+  } else {
+    selectionFlag.value = false
+  }
+}, { immediate: true })
+</script>

src/components/businessMoudle/adAccountGroup/dialog/importDialog.vue

@@ -0,0 +1,166 @@
+<template>
+  <el-dialog class="gdt-dialog" :close-on-click-modal="false" :destroy-on-close="true" v-model="visible" title="导入广告账户"
+    width="800px" top="40px" :before-close="handleClose">
+    <div v-loading="loading" class="container">
+      <!-- S 导入type操作 -->
+      <el-radio-group v-model="importType.type" size="default" class="block tMar20">
+        <el-radio-button v-for="item in importType.list" :label="item.id">{{ item.name }}</el-radio-button>
+      </el-radio-group>
+      <el-radio-group v-model="handType.type" size="default" class="block tMar10" v-if="importType.type == 'part'">
+        <el-radio v-for="item in handType.list" :label="item.id">{{ item.name }}</el-radio>
+      </el-radio-group>
+      <!-- E 导入type操作 -->
+
+      <div class="flex_start c-aaa line18 tMar10">
+        <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>
+      </div>
+
+      <!-- 手动输入 -->
+      <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'"
+        :groupItem="groupItem" :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;">
+        <el-button size="default" @click="handleClose"> 取 消 </el-button>
+        <el-button size="default" type="primary" @click="submitEvent"> 确 认 </el-button>
+      </div>
+    </template>
+    <!-- 账号导入结果 -->
+    <ResultDialog :title="textTitle" :data="data" ref="TextDialogRef"></ResultDialog>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { Search } from '@element-plus/icons-vue'
+import Select from '@/components/capsulationMoudle/_select.vue'
+import { getPromotedObjectType } from '@/components/businessMoudle/batchGdt/configArea/basicInfo/ts/basicApi'
+import { nextTick, onBeforeMount, reactive, ref, watch, provide } from 'vue';
+import { ElMessage } from 'element-plus';
+import _ from 'lodash';
+import { agencyDialogExport } from '../hooks/dialog'
+import ChildList from './childList.vue'
+import ManualInput from './manualInput.vue'
+import { accountImAddAxios } from '../hooks/api'
+import ResultDialog from './addResult.vue'
+
+const emit = defineEmits<{
+  (event: "close", val?: any): void;
+}>();
+const loading = ref(false)
+const agencyCount = 300
+const groupItem = ref<any>('')
+const inputValue = ref('')
+const visible = ref(false)
+const acc_count = ref(0)
+const ChildListRef = ref()
+const data = ref({})
+const textTitle=ref<string>('') 
+
+const TextDialogRef=ref<{switchShow:(val:boolean)=>void,
+  text_textarea:string,
+  textVal:string|number,
+}>()
+
+const addTextEvent = ()=>{
+  textTitle.value = '广告账户导入结果'
+  nextTick(()=>{
+    TextDialogRef.value!.switchShow(true)
+  })
+}
+
+const {
+  importType,
+  handType,
+  getUserList,
+  getProjectList,
+} = agencyDialogExport()
+
+onBeforeMount(() => {
+  getUserList()
+  getProjectList()
+})
+
+/**点击关闭弹框 **/
+const handleClose = () => {
+  visible.value = false
+}
+const getCountAcc = (val) => {
+  acc_count.value = val
+}
+const getMInput = (val) => {
+  inputValue.value = val
+}
+
+/**点击确定 */
+const submitEvent = async () => {
+  let data_str = '';
+  if (importType.type == 'part' && handType.type == 1) {
+    data_str = inputValue.value
+  }
+  if (data_str == '') {
+    ElMessage.warning('请输入账户ID或手动选择广告账户！');
+    return
+  }
+  loading.value = true
+  accountImAddAxios({
+    group_id: groupItem.value.id,
+    import_method: importType.type,
+    type: handType.type,
+    data_str,
+  }).then((res) => {
+    loading.value = false
+    if (res) {
+      console.log(res)
+      ElMessage.warning('导入完成')
+      data.value = res
+      // visible.value = false
+      addTextEvent()
+      // emit('close')
+    }
+  }).catch(() => { loading.value = false })
+}
+
+
+/**初始化 */
+const initFun = async (flag, obj) => {
+  visible.value = flag
+  if (flag) {
+    groupItem.value = obj
+  }
+}
+// 暴露自己的属性供父组件使用
+defineExpose({
+  initFun,
+});
+
+</script>
+<style lang="scss" scoped>
+@import "@/assets/style/batchDialogGdt.scss";
+
+:deep(.spanTitle),
+.spanTitle {
+  font-size: 13px;
+  color: #666;
+}
+
+.container {
+  max-height: 73vh;
+  overflow-y: auto;
+  height: auto !important;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.block {
+  display: block;
+}</style>

src/components/businessMoudle/adAccountGroup/dialog/manualInput.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="tMar20 textBox">
+    <div class="flex_between titleBox">
+      <div>请输入广告主账户ID（{{ getRows() }} / {{ maxRow }} ）</div>
+      <div class="c-theme pointer" @click="text_textarea = ''">清空</div>
+    </div>
+    <div class="tips">请输入广告主账户ID，多账户请换行（即每个账户ID一行）</div>
+    <el-input id="emojiInput" v-model="text_textarea" resize="none" :rows="12" type="textarea" style="width: 100%;" @input="emit('mInput', text_textarea)"/>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  maxRow:{
+    type: Number,
+    default: 300
+  }
+})
+const emit = defineEmits<{
+  (event: "mInput", value: string): void;
+}>();
+const text_textarea = ref<any>('')
+//获取行数
+const getRows = ()=>{
+  let count:number = 0
+  text_textarea.value?.split('\n').forEach(item=>{
+    if(item!==''){
+      count++
+    }
+  })
+  return count
+}
+
+watch(()=>text_textarea.value, (newValue, oldValue) => {
+  if(getRows() > props.maxRow) {
+    text_textarea.value = oldValue;
+  }
+}, { immediate: true })
+</script>
+<style scoped lang="scss">
+.textBox{
+  color: #161E46;
+  border: 1px solid #d9d9d9;
+  height: 340px;
+  overflow-y: auto;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar{
+    width: 2px;
+  }
+  &:deep(.el-textarea){
+    --el-input-border:none;
+    --el-input-border-color:none;
+    padding: 0 10px;
+  }
+  &:deep(.el-textarea__inner:hover){
+    box-shadow: none;
+  }
+  &:deep(.el-textarea__inner:focus){
+    box-shadow: none;
+  }
+  .titleBox{
+    background-color: #f5f5f5;
+    padding: 15px 20px;
+  }
+  .tips{
+    color: #999;
+    background-color: rgba(49, 115, 255, .1);
+    padding: 15px 20px;
+    font-size: 12px;
+  }
+}
+</style>

src/components/businessMoudle/adAccountGroup/dialog/type.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="flex">
+    <!-- <div class="f14 rMar10 c-theme_text">分类:</div> -->
+    <el-select class="addTextSelect" v-model="textVal"
+               placeholder="请选择分类" clearable filterable
+               :allow-create="allowCreateFlag"
+               @change="changeEvent"
+               :style="{width:inputWidth}">
+      <el-option v-for="item in pageInfo.textTypeList" :key="item.id" :label="item.name" :value="item.id" >
+        <div class="flex">
+          <span>{{ item.name }}</span>
+          <span class="lMarauto" v-if="allowCreateFlag">
+            <span><el-icon color="#3173FF" class="pointer f12" @click="editTypeEvent(item)"><i-ep-Edit /></el-icon></span>
+            <span @click="deleType(item)"><el-icon color="#3173FF" class="pointer f12 lMar5"><i-ep-Delete /></el-icon></span>
+          </span>
+        </div>
+      </el-option>
+    </el-select>
+  </div>
+
+  <!--  修改类型-->
+  <Dialog ref="DialogRef_editType"
+          :dialogVisible="dialogShow_editType"
+          @confirm="confirmEvent_editType"
+          @close="dialogShow_editType = false"
+          width="600px"
+          dialog-title="修改类型">
+    <template v-slot:content>
+      <div class="dialogBox" v-loading="typeLoading">
+        <Input ref="InputRef_typeName" title="" />
+      </div>
+    </template>
+  </Dialog>
+
+  <!--  删除类型-->
+  <Dialog ref="DialogRef_deleType"
+          :dialogVisible="dialogShow_deleType"
+          @confirm="confirmEvent_deleType"
+          @close="dialogShow_deleType = false"
+          width="400px"
+          minheight="50px"
+          dialog-title="提示">
+    <template v-slot:content>
+      <div class="dialogBox flex" v-loading="deleLoading">
+        <el-icon color="#e6a23c" size="20" class="rMar15"><i-ep-WarningFilled /></el-icon>
+        <span class="line21">删除该分类后，标题库列表和筛选项将不再展示该分类，确认删除吗？</span>
+      </div>
+    </template>
+  </Dialog>
+
+</template>
+<script setup lang="ts">
+import Dialog from '@/components/capsulationMoudle/_dialog.vue'
+import Input from '@/components/capsulationMoudle/_input.vue'
+import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
+import {reactiveTableAndAny, textParam} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+import {ElMessage} from "element-plus";
+
+const emit = defineEmits<{
+  (event: "init"): void;
+  (event: "change",val:any): void;
+}>();
+
+
+const { proxy } = getCurrentInstance() as any;
+// 全局方法定义
+const NumberHandle = proxy.$NumberHandle
+
+const props = withDefaults(defineProps<{
+  allowCreateFlag?: boolean,
+  inputWidth?: string,
+}>(), {
+  allowCreateFlag: false,
+  inputWidth:'300px'
+})
+
+
+const dialogShow = ref<boolean>(false)
+
+// 选中的事件
+const changeEvent = (val:any) => {
+  emit('change',val)
+}
+
+//列表
+const pageInfo = reactive<reactiveTableAndAny>({
+  textTypeList:[],
+})
+const init = async () => {
+  let res:any = await proxy.$http.get(Api.text_type_list)
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    //列表赋值
+    pageInfo.textTypeList = resNew
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+//添加文案-确定
+const loading = ref<boolean>(false)
+const textVal = ref<string|number>()
+
+//修改类型
+const InputRef_typeName=ref<{value:string}>()
+const dialogShow_editType = ref<boolean>(false)
+const typeLoading = ref<boolean>(false)
+const edit_id = ref<number>(0)
+const confirmEvent_editType = async ()=>{
+  if(InputRef_typeName.value!.value == ''){
+    ElMessage.error('请输入名称')
+    return
+  }
+  typeLoading.value = true
+  const paramsModel = reactive<textParam>({
+    classify_id:Number(edit_id.value),
+    classify_name:InputRef_typeName.value!.value
+  })
+  let res:any = await proxy.$http.post(Api.text_type_edit,paramsModel)
+  typeLoading.value  = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    dialogShow_editType.value = false
+    edit_id.value = 0
+    await init()
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+// 新建类型
+const add_type = async ()=>{
+  const paramsModel = reactive<textParam>({
+    classify_name:textVal.value
+  })
+  let res:any = await proxy.$http.post(Api.text_type_add,paramsModel)
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    textVal.value = resNew.classify_id
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+//编辑分类
+const editTypeEvent = (item:any)=>{
+  dialogShow_editType.value = true
+  edit_id.value = item.id
+  nextTick(()=> {
+    InputRef_typeName.value!.value = item.name
+  })
+}
+//删除
+const dialogShow_deleType = ref<boolean>(false)
+const deleLoading = ref<boolean>(false)
+const deleType = (item:any)=>{
+  dialogShow_deleType.value = true
+  edit_id.value = item.id
+}
+const confirmEvent_deleType = async () => {
+  deleLoading.value = true
+  const paramsModel = reactive<textParam>({
+    classify_id:edit_id.value
+  })
+  let res:any = await proxy.$http.post(Api.text_type_dele,paramsModel)
+  deleLoading.value = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    dialogShow_deleType.value = false
+    textVal.value = ''
+    await init()
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+// 父组件共享值
+defineExpose({
+  init,
+  add_type,
+  textVal,
+});
+
+
+onMounted(()=>{
+  nextTick(async ()=>{
+
+  })
+})
+</script>
+<style lang="scss" scoped>
+.addTextSelect{
+  :deep(.el-select-dropdown__item){
+    padding: 0 10px;
+  }
+}
+.textBox{
+  color: #161E46;
+  border: 1px solid #d9d9d9;
+  height: 350px;
+  overflow-y: auto;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar{
+    width: 2px;
+  }
+  &:deep(.el-textarea){
+    --el-input-border:none;
+    --el-input-border-color:none;
+    padding: 0 10px;
+  }
+  &:deep(.el-textarea__inner:hover){
+    box-shadow: none;
+  }
+  &:deep(.el-textarea__inner:focus){
+    box-shadow: none;
+  }
+  .titleBox{
+    background-color: #f5f5f5;
+    padding: 15px 20px;
+  }
+  .tips{
+    color: #999;
+    background-color: rgba(49, 115, 255, .1);
+    padding: 15px 20px;
+    font-size: 12px;
+  }
+}
+</style>

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

@@ -0,0 +1,31 @@
+import { ref } from "vue"
+import { ElMessage } from "element-plus";
+
+export const agencyExport = () => {
+  const EditDialogRef = ref()
+  const ImpoartDialogRef = ref()
+  const agencyEvent = (info) => {
+    if (!info?.id) {
+      ElMessage.error('账户组获取失败，无法导入账户！')
+      return
+    }
+    if (ImpoartDialogRef.value) {
+      ImpoartDialogRef.value.initFun(true, info)
+    }
+  }
+  const agencyEditEvent = (info) => {
+    if (!info?.account_id) {
+      ElMessage.error('账户获取失败，无法进行编辑！')
+      return
+    }
+    if (EditDialogRef.value) {
+      EditDialogRef.value.initFun(true, info)
+    }
+  }
+  return {
+    EditDialogRef,
+    ImpoartDialogRef,
+    agencyEvent,
+    agencyEditEvent
+  }
+}

src/components/businessMoudle/adAccountGroup/hooks/api.ts

@@ -0,0 +1,57 @@
+import http from '@/http/http'
+import { ElMessage, ElMessageBox } from "element-plus";
+import {Api} from "@/api/api";
+
+/**巨量广告账户导入账户组 */
+interface IAccountImAdd {
+  group_id: number,
+  import_method: string,
+  type: string,
+  data_str: string,
+}
+export function accountImAddAxios(params: IAccountImAdd) {
+  return new Promise(async (resolve,reject)=>{
+    const res: any = await http.post(Api.oe_account_add_to_group, params)
+    if (res.errNo == 0) {
+      resolve(res.rst)
+    } else {
+      ElMessage.error(res.errMsg)
+      reject()
+    }
+  })
+}
+
+/**代理商子账户列表 */
+interface IAccountChildList {
+  agency_account_id: string,
+  keyword?: string
+}
+export function accountChildListAxios(params: IAccountChildList) {
+  return new Promise(async (resolve,reject)=>{
+    const res: any = await http.get('/api/account/agentChildList', params)
+    if (res.errNo == 0) {
+      resolve(res.rst)
+    } else {
+      ElMessage.error(res.errMsg)
+      reject()
+    }
+  })
+}
+
+/**账户设置参数 */
+interface IAccountSetParam {
+  account_id: string,
+  owner_id: string,
+  project_id?: string
+}
+export function accountSetParamAxios(params: IAccountSetParam) {
+  return new Promise(async (resolve,reject)=>{
+    const res: any = await http.post('/api/account/setParam', params)
+    if (res.errNo == 0) {
+      resolve(res.rst)
+    } else {
+      ElMessage.error(res.errMsg)
+      reject()
+    }
+  })
+}

src/components/businessMoudle/adAccountGroup/hooks/dialog.ts

@@ -0,0 +1,61 @@
+import { reactive, ref } from "vue"
+import $http from '@/http/http'
+import to from 'await-to-js'
+import { Api as $api } from '@/api/api'
+import { ElMessage } from "element-plus"
+
+export const agencyDialogExport = () => {
+  const ownerIdRef = ref()
+  const projectIdRef = ref()
+  const importType = reactive<any>({
+    list: [
+      { id: 'part', name: '部分导入' },
+      // { id: 'all', name: '全部导入' }
+    ],
+    type: 'part'
+  })
+  const handType = reactive<any>({
+    list: [
+      { id: 1, name: '手动输入' },
+      // { id: 2, name: '手动选择' },
+    ],
+    type: 1
+  })
+  const userList = reactive<any>({
+    list:[],
+    active: ''
+  })
+  const projectList = reactive<any>({
+    list:[],
+    active: ''
+  })
+
+  /**获取人员列表 */
+  const getUserList = async () => {
+    const url = $api.user_list
+    const params = {}
+    const [err, res]: any = await to($http.get(url, params))
+    if (err || res?.errNo !== '0') return ElMessage.error(err?.message || res?.errMsg || "操作失败")
+    userList.list = [...res?.rst]
+  }
+
+  /**项目列表 */
+  const getProjectList = async () => {
+    const url = $api.project_list
+    const params = {}
+    const [err, res]: any = await to($http.get(url, params))
+    if (err || res?.errNo !== '0') return ElMessage.error(err?.message || res?.errMsg || "操作失败")
+    projectList.list = [...res?.rst]
+  }
+
+  return {
+    projectIdRef,
+    ownerIdRef,
+    importType,
+    handType,
+    userList,
+    projectList,
+    getProjectList,
+    getUserList
+  }
+}

src/components/businessMoudle/adAccountGroup/index.vue

@@ -16,12 +16,14 @@
   >
     <template v-slot:operate="slotProps">
       <div class="text-center">
+        <span class="c-theme pointer f13 rMar7" @click="agencyEvent(slotProps.row)">导入账户</span>
         <span class="operate_text lMar8 pointer" @click="addEvent(slotProps.row)">编辑</span>
         <Popconfirm @confirm="deleEvent(slotProps.row)"/>
       </div>
     </template>
   </TableList>
-
+  <!-- 账号组导入广告账户 -->
+  <ImpoartDialog ref="ImpoartDialogRef" @close="init()"></ImpoartDialog>
   <!--  添加分组-->
   <AddGroup ref="AddGroupRef" @init="init"></AddGroup>
 </template>
@@ -36,6 +38,8 @@ import {Api} from "@/api/api";
 import {ElMessage} from "element-plus";
 import { publicTableTs } from '@/components/businessMoudle/tableInfo'
 import AddGroup from '@/components/businessMoudle/adAccountGroup/dialog/addGroup.vue'
+import { agencyExport } from './hooks/agency'
+import ImpoartDialog from './dialog/importDialog.vue'
 
 const { proxy } = getCurrentInstance() as any;
 
@@ -52,12 +56,18 @@ const descolParams = reactive([
 const { tableInfo,tableListRef,total } = publicTableTs(descolParams)
 
 const addEvent = (item?:any) => {
-  console.log(item)
   nextTick(()=>{
     AddGroupRef.value!.switchShow(true,item||'')
   })
 }
 
+const {
+  EditDialogRef,
+  ImpoartDialogRef,
+  agencyEvent,
+  agencyEditEvent
+} = agencyExport()
+
 const AddGroupRef = ref<{switchShow:(val:boolean,info?:any)=>void}>()
 
 const InputRef_text = ref<{value:string}>()

src/components/businessMoudle/oeAdAccount/index.vue

@@ -54,9 +54,9 @@ const { proxy } = getCurrentInstance() as any;
 
 const typeList = reactive({
   list: [
-  {id:'ADVERTISER', name: '广告主' },
+  {id:'ADVERTISER', name: '广告账号' },
   {id:'CUSTOMER_ADMIN', name: '纵横组织' },
-  {id:'UNCLAIMED', name: '仓库' },
+  {id:'UNCLAIMED', name: '待认领账号' },
 ],
   typeAc: 'CUSTOMER_ADMIN'
 })