账户列表

src/api/api.ts

@@ -86,7 +86,7 @@ export enum Api{
     directPacket_add = '/api/ad/targetingsAdd',
     directPacket_list = '/api/ad/targetingGet',
     directPacket_edit = '/api/ad/targetingsUp',
-    directPacket_get_behavior_list = 'api/ad/moreOptimizationGoal',
+    directPacket_get_behavior_list = '/api/ad/moreOptimizationGoal',
     directPacket_get_customer_base_list = '/api/ad/customAudiencesGet',
     directPacket_user_os_list = '/api/ad/userOsList',
     directPacket_location_list = '/api/ad/targetingTagsGet',

src/components/businessMoudle/batchGdt/configArea/basicInfo/ts/basicApi.ts

@@ -57,7 +57,7 @@ interface IMoreOptimizationGoal {
 }
 export function moreOptimizationGoal(params: IMoreOptimizationGoal) {
   return new Promise( async (resolve, reject)=>{
-    const res: any = await http.get('api/ad/moreOptimizationGoal', params)
+    const res: any = await http.get('/api/ad/moreOptimizationGoal', params)
     if (res.errNo == 0 && res.rst) {
       let arr:Array<{label:string, value: string}> = [];
       for(let key in res.rst){

src/components/businessMoudle/gdtList/account.vue

@@ -10,6 +10,7 @@
     </div>
     <div>
       <div class="bMar10 flex">
+        <el-button plain @click="goAdq">+ 添加账户</el-button>
         <Dropdown title="批量操作" :list="tableInfo.moreList" @close="dropdownEvent" class="rMar10"
                   :disabledFlag="tableInfo.multipleSelection&&tableInfo.multipleSelection.length == 0"></Dropdown>
         <div>已选 : <span>{{tableInfo.multipleSelection&&tableInfo.multipleSelection.length}}</span></div>
@@ -27,64 +28,30 @@
                 max-height="calc(100vh - 294px)">
         <el-table-column type="selection" width="55" align="center" fixed="left"/>
         <template v-for="item in tableInfo.descol">
-          <el-table-column :fixed="item.isfixed" :min-width="item.label.length <= 4 ? '100px' : item.label.length <= 8 ? '150px' : '180px'">
+          <el-table-column :fixed="item.disabled == 1" :min-width="item.key_value != 'advertiser_status' && item.key_value != 'advertiser_nick' && item.label.length <= 4 ? '100px' : item.label.length <= 8 ? '150px' : '200px'">
             <template #header>
               <div class="flex"
-                   :style="{ justifyContent: item.alignSelf ? item.alignSelf : 'center' }"
-                   :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '',item.isSort ? 'pointer' : '']"
-                   @click="item.isSort&&sortEvent(item.key_value)">
+                   :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '',item.if_sort == 1 ? 'pointer' : '']"
+                   @click="item.if_sort == 1&&sortEvent(item.key_value)">
                 {{ item.label }}
                 <el-tooltip v-if="item.tooltip && item.tooltip != item.label" placement="top" effect="dark" :content="item.tooltip"><i-ep-QuestionFilled class="lMar5 c-999 f14 pointer" /></el-tooltip>
-                <div v-if="item.isSort">
-                  <div class="sortItem"><el-icon :color="tableInfo.sortKey == item.key_value ? '#3173FF' : ''"><i-ep-CaretBottom /></el-icon></div>
+                <div v-if="item.if_sort == 1">
+                  <div class="sortItem"><el-icon :color="tableInfo.sortKey == item.key_value ? '#3173FF' : '#a8abb2'"><i-ep-CaretBottom /></el-icon></div>
                 </div>
               </div>
             </template>
             <template #default="scope">
-              <div class="flex" :style="{ justifyContent: item.alignSelf ? item.alignSelf : 'center' }">
-
-              <!-- <div v-if="item.column == 'campaign_name'">
-                <span class="c-theme flex campaignName">
-                  <span class="pointer" @click="goAdvertEvent(scope.row.campaign_id)">{{scope.row[item.column]}}</span>
-                  <el-icon color="#3173FF" class="pointer lMarauto f16 icon" @click="edit_campaign_name_event(scope.row)"><i-ep-Edit /></el-icon>
-                </span>
-              </div>
-              <div v-else-if="item.column == 'configured_status'">
-                <span class="c-green" v-if="scope.row[item.column] == 'AD_STATUS_NORMAL'">正常</span>
-                <span class="c-red" v-else-if="scope.row[item.column] == 'AD_STATUS_SUSPEND'">暂停</span>
-                <span v-else>-</span>
+              <!-- 账户ID -->
+              <div v-if="item.key_value == 'advertiser_id'">
+                <span style="color: #3173FF" class="pointer">{{ scope.row[item.key_value] }}</span>
               </div>
-              <div v-else-if="item.column == 'speed_mode'">
-                <span v-if="scope.row[item.column] == 'SPEED_MODE_STANDARD'">标准投</span>
-                <span v-else-if="scope.row[item.column] == 'SPEED_MODE_FAST'">加速投放</span>
-                <span v-else>-</span>
+              <!-- 账户状态 -->
+              <div v-else-if="item.key_value == 'advertiser_status'" class="flex">
+                <div class="dot"></div>
+                <span>{{ scope.row[item.key_value] }}</span>
               </div>
-              <div v-else-if="item.column == 'operate'">
-                <div class="flex">
-                  <span class="c-theme pointer" @click="editPlanEvent(scope.row)">修改</span>
-                  <span class="lMar10"
-                        :class="scope.row.configured_status == 'AD_STATUS_NORMAL' ? 'pointer-drop c-green-opa' : 'pointer c-green'"
-                        @click="scope.row.configured_status == 'AD_STATUS_SUSPEND'&&batchPlanEvent(scope.row,1)">启用</span>
-                </div>
-                <div>
-                    <span :class="scope.row.configured_status == 'AD_STATUS_SUSPEND' ? 'pointer-drop c-red-opa' : 'pointer c-red'"
-                          @click="scope.row.configured_status == 'AD_STATUS_NORMAL'&&batchPlanEvent(scope.row,2)">暂停</span>
-                  <Popconfirm key="dele" @confirm="batchPlanEvent(scope.row,3)" :slotFlag="true">
-                    <template #con>
-                      <span class="pointer lMar10">删除</span>
-                    </template>
-                  </Popconfirm>
-
-                </div>
-
-
-              </div>
-              <div class="flex c-theme pointer" v-else-if="item.column == 'daily_budget'" @click="editPlanEvent(scope.row)">
-                {{scope.row[item.column] ? NumberHandle(scope.row[item.column]) : '不限'}}
-              </div> -->
-
-
-              <div class="cellDiv" :class="tableInfo.sortKey == item.key_value ? 'active_css' : ''">
+              <!-- 其他 -->
+              <div class="cellDiv" v-else :class="tableInfo.sortKey == item.key_value ? 'active_css' : ''">
                 <el-tooltip :disabled="!(scope.row[item.key_value] && scope.row[item.key_value].length >30)" effect="dark" :content="scope.row[item.key_value]+''">
                   <div class="clampTwo line21" style="flex: 1">
                     {{ scope.row[item.key_value] || scope.row[item.key_value]==0 ?
@@ -93,7 +60,6 @@
                   </div>
                 </el-tooltip>
               </div>
-              </div>
             </template>
           </el-table-column>
         </template>
@@ -101,25 +67,20 @@
 
     </div>
 
-    <EditIpt ref="planEditIptRef" title="推广计划" @confirm="planEditConfirm"></EditIpt>
-    <TargetEdit ref="TargetEditRef" title="计划设置" @confirm="init"></TargetEdit>
   </div>
 </template>
 <script setup lang="ts">
 import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
-import Select from '@/components/capsulationMoudle/_select.vue'
 import TimeScreen from '@/components/capsulationMoudle/timeScreen.vue'
 import Input from '@/components/capsulationMoudle/_input.vue'
-import EditIpt from '@/components/businessMoudle/gdtList/dialog/editIpt.vue'
-import TargetEdit from '@/components/businessMoudle/gdtList/dialog/target.vue'
 import Dropdown from '@/components/capsulationMoudle/_dropdown.vue'
-import Popconfirm from '@/components/capsulationMoudle/_popconfirm.vue'
-import noData from '@/components/capsulationMoudle/noData.vue'
 import {listTs} from "@/components/businessMoudle/gdtList/ts/list";
 import {Api} from "@/api/api";
 import {ElMessage} from "element-plus";
 import {batchGdt_edit, batchAccount_list, reactiveTableAndAny} from "@/api/ApiModel";
 import Indicators from './indicators/index.vue'
+import { useRouter } from "vue-router";
+const router = useRouter();
 
 const { proxy } = getCurrentInstance() as any;
 // 全局方法定义
@@ -132,9 +93,6 @@ const emit = defineEmits<{
 const goNewPlanEvent = () => {
   emit('goNewPlan')
 }
-const goAdvertEvent = (campaign_id:any) => {
-  emit('goAdvert',campaign_id)
-}
 
 const loading = ref<boolean>(false)
 const tableInfo = reactive<reactiveTableAndAny>({
@@ -159,11 +117,6 @@ const tableInfo = reactive<reactiveTableAndAny>({
 
 
 
-//批量操作
-const batchEvent = () => {
-
-}
-
 // 启用 暂停 删除
 const batchPlanApi = async (arr?:any,val?:any) => {
   const paramsModel = reactive<batchGdt_edit>({
@@ -179,16 +132,6 @@ const batchPlanApi = async (arr?:any,val?:any) => {
     loading.value = false
   }
 }
-const batchPlanEvent = async (row?:any,val?:any) => {
-  loading.value = true
-  let arr:any = []
-  arr.push({
-    account_id:row.account_id,
-    campaign_id:row.campaign_id
-  })
-  batchPlanApi(arr,val)
-
-}
 const dropdownEvent = (val: string | number | object) => {
   loading.value = true
   let arr:any = []
@@ -201,37 +144,29 @@ const dropdownEvent = (val: string | number | object) => {
   batchPlanApi(arr,val)
 }
 
-//修改计划
-const editPlanEvent = (row:any) => {
-  nextTick(()=>{
-    TargetEditRef.value!.switchShow(true,row)
-  })
-}
-//修改计划名称
-const edit_campaign_name_event = (row:any) => {
-  nextTick(()=>{
-    planEditIptRef.value!.switchShow(true,row.campaign_name)
-  })
-}
-//推广计划 - 确定
-const planEditConfirm = () => {
-
-}
-
 
 //排序
 const sortEvent = (row:any) => {
-
+  if(row != tableInfo.sortKey){
+    tableInfo.sortKey = row
+    init()
+  }
+  console.log('tableInfo.sortKey',tableInfo.sortKey)
 }
 
 //列表
 const init = async () => {
   loading.value = true
-  const paramsModel = reactive<batchAccount_list>({
+  let params = {
     keyword:InputRef_text.value!.value,
     st_date:timeRef.value!.dateVal&&timeRef.value!.dateVal[0],
     en_date:timeRef.value!.dateVal&&timeRef.value!.dateVal[1],
-  })
+  }
+  if(tableInfo.sortKey){
+    params['field'] = tableInfo.sortKey
+    params['order'] = 'desc'
+  }
+  const paramsModel = reactive<batchAccount_list>(params)
   let res:any = await proxy.$http.get(Api.batchGdt_accountList_list,paramsModel)
   loading.value = false
   if(res&&res.errNo=='0'){
@@ -243,81 +178,30 @@ const init = async () => {
   }
 }
 
-
-//清空值
-const clearChooseVal = ()=>{
-  tableInfo.chooseAll = false
-  tableInfo.multipleSelection = []
-}
-//添加值
-const multipleSelection_add = (item?:any) => {
-  let idx:number = tableInfo.multipleSelection.findIndex(n=>n.campaign_id == item.campaign_id)
-  if(idx<0){
-    tableInfo.multipleSelection.push(item)
-  }
-}
-//删除值
-const multipleSelection_splice = (item?:any) => {
-  let idx:number = tableInfo.multipleSelection.findIndex(n=>n.campaign_id == item.campaign_id)
-  if(idx>=0){
-    tableInfo.multipleSelection.splice(idx,1)
-  }
+const goAdq = () => {
+  router.push({ path: '/adqManage' })
 }
-const handleCommandChoosePage = async (command: string | number | object)=>{
-  let arr:any = tableInfo.tableList
-  clearChooseVal()
-  tableInfo.chooseAll = true
-  if(command == 2){ // 全部
-    await init()
-    arr = tableInfo.tableList_all
-  }
-  arr.forEach(item=>{
-    multipleSelection_add(item)
-  })
-}
-//全选
-const allChooseCheckboxEvent = (val:string | number | boolean)=>{
-  tableInfo.tableList.forEach(item=>{
-    if(val){
-      multipleSelection_add(item)
-    }else{
-      tableInfo.multipleSelection = []
-    }
-  })
-}
-//单选
-const singleChooseCheckboxEvent = (idx:number,row:any)=>{
-  if(idx==-1){
-    tableInfo.multipleSelection.push(row)
-  }else{
-    tableInfo.multipleSelection.splice(idx,1)
-    tableInfo.chooseAll = false
-  }
-}
-
 
 const {
-  init_acList,
-  pageInfo,
   timeRef,
-  acRef,
-  statusRef,
   InputRef_text,
-  clearEvent,
   tableHeaderStyle,
-  planEditIptRef,
-  TargetEditRef,
-  customIndEvent
 } = listTs()
 
 onMounted(()=>{
   nextTick(async ()=>{
-    await init_acList()
     await init()
   })
 })
 </script>
 <style lang="scss" scoped>
+.dot{
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: rgb(35, 194, 63);
+  margin-right: 4px;
+}
 .el-table th div.cell {
   white-space: nowrap;
   text-overflow: ellipsis;