Browse Source

账户列表

xiuli.gao 1 year ago
parent
commit
000b35fe8a
54 changed files with 89 additions and 57 deletions
  1. 1 1
      dist/assets/index.f1d960a4.css
  2. 0 1
      dist/assets/index.30e21b1b.css
  3. 0 1
      dist/assets/index.50118c75.js
  4. 1 0
      dist/assets/index.9162fb95.css
  5. 0 1
      dist/assets/index.9195889f.css
  6. 1 0
      dist/assets/index.b1ce8cdd.js
  7. 1 0
      dist/assets/index.d7e80d08.css
  8. 0 1
      dist/assets/materialBlock.2584bccc.css
  9. 1 0
      dist/assets/materialBlock.4d7b717e.css
  10. 0 1
      dist/assets/radioGroup.aa4af5c1.css
  11. 1 0
      dist/assets/radioGroup.e77f65db.css
  12. 0 1
      dist/assets/timeScreen.0ab73184.css
  13. 1 0
      dist/assets/timeScreen.2ccf4b4d.css
  14. 2 2
      dist/index.html
  15. 1 1
      dist/js/_dialog/_dialog.34a9672f.js
  16. 1 1
      dist/js/_input/_input.4ae0951e.js
  17. 1 1
      dist/js/_select/_select.fd940e6a.js
  18. 1 1
      dist/js/api/api.9e312803.js
  19. 1 1
      dist/js/basisMoudle/accountManage.e1786e90.js
  20. 1 1
      dist/js/basisMoudle/error.cae4f2c8.js
  21. 1 1
      dist/js/basisMoudle/home.e3f6d98d.js
  22. 1 1
      dist/js/basisMoudle/login.be6bddf0.js
  23. 1 1
      dist/js/businessMoudle/adqManage.1e207448.js
  24. 1 0
      dist/js/collectClip/index.1526e56b.js
  25. 0 1
      dist/js/collectClip/index.884e5e3c.js
  26. 0 1
      dist/js/configArea/index.49d6c4f5.js
  27. 1 0
      dist/js/configArea/index.5d4a3740.js
  28. 0 0
      dist/js/edit/edit.d526229f.js
  29. 1 0
      dist/js/gdtList/index.881f565c.js
  30. 0 1
      dist/js/gdtList/index.9b6d963e.js
  31. 1 1
      dist/js/index/index.a6e5dc8c.js
  32. 1 1
      dist/js/index/index.9a26689a.js
  33. 0 1
      dist/js/layout/index.06a6707a.js
  34. 1 0
      dist/js/layout/index.1080139a.js
  35. 1 1
      dist/js/layout/index_head.4a558654.js
  36. 1 0
      dist/js/materialBlock/materialBlock.60941226.js
  37. 0 1
      dist/js/materialBlock/materialBlock.97c080df.js
  38. 1 0
      dist/js/materialLibrary/index.31c877d9.js
  39. 0 1
      dist/js/materialLibrary/index.861cc55a.js
  40. 1 1
      dist/js/materialTs/materialTs.4781f705.js
  41. 1 1
      dist/js/menuPermission/menuList.76470dda.js
  42. 1 1
      dist/js/miniprogram/index.19942ac2.js
  43. 0 1
      dist/js/question-filled/question-filled.23a894b6.js
  44. 1 0
      dist/js/question-filled/question-filled.8537ddf0.js
  45. 0 1
      dist/js/radioGroup/radioGroup.760e6234.js
  46. 1 0
      dist/js/radioGroup/radioGroup.b7988504.js
  47. 1 0
      dist/js/tableInfo/tableInfo.3e490d3c.js
  48. 0 1
      dist/js/tableInfo/tableInfo.566c61d9.js
  49. 1 1
      dist/js/taskList/index.082747c9.js
  50. 0 1
      dist/js/timeScreen/timeScreen.0cfbacc4.js
  51. 1 0
      dist/js/timeScreen/timeScreen.ca609528.js
  52. 27 20
      src/components/businessMoudle/gdtList/account.vue
  53. 13 2
      src/components/businessMoudle/gdtList/index.vue
  54. 14 0
      src/components/businessMoudle/gdtList/plan.vue

File diff suppressed because it is too large
+ 1 - 1
dist/assets/index.f1d960a4.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/index.30e21b1b.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/index.50118c75.js


File diff suppressed because it is too large
+ 1 - 0
dist/assets/index.9162fb95.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/index.9195889f.css


File diff suppressed because it is too large
+ 1 - 0
dist/assets/index.b1ce8cdd.js


File diff suppressed because it is too large
+ 1 - 0
dist/assets/index.d7e80d08.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/materialBlock.2584bccc.css


File diff suppressed because it is too large
+ 1 - 0
dist/assets/materialBlock.4d7b717e.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/radioGroup.aa4af5c1.css


File diff suppressed because it is too large
+ 1 - 0
dist/assets/radioGroup.e77f65db.css


File diff suppressed because it is too large
+ 0 - 1
dist/assets/timeScreen.0ab73184.css


File diff suppressed because it is too large
+ 1 - 0
dist/assets/timeScreen.2ccf4b4d.css


+ 2 - 2
dist/index.html

@@ -6,7 +6,7 @@
6 6
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
7 7
     <title>广告系统</title>
8 8
       <script src="//open.thunderurl.com/thunder-link.js"></script>
9
-    <script type="module" crossorigin src="./assets/index.50118c75.js"></script>
9
+    <script type="module" crossorigin src="./assets/index.b1ce8cdd.js"></script>
10 10
     <link rel="modulepreload" href="./js/@vue/@vue.e7eafc10.js">
11 11
     <link rel="modulepreload" href="./js/vue-router/vue-router.647267ed.js">
12 12
     <link rel="modulepreload" href="./js/axios/axios.27022086.js">
@@ -28,7 +28,7 @@
28 28
     <link rel="modulepreload" href="./js/echarts/echarts.5b4b2848.js">
29 29
     <link rel="stylesheet" href="./assets/nprogress.18a10d8a.css">
30 30
     <link rel="stylesheet" href="./assets/element-plus.de6aff2c.css">
31
-    <link rel="stylesheet" href="./assets/index.f1d960a4.css">
31
+    <link rel="stylesheet" href="./assets/index.1db48064.css">
32 32
   </head>
33 33
   <body>
34 34
     <div id="app"></div>

File diff suppressed because it is too large
+ 1 - 1
dist/js/_dialog/_dialog.34a9672f.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/_input/_input.4ae0951e.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/_select/_select.fd940e6a.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/api/api.9e312803.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/basisMoudle/accountManage.e1786e90.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/basisMoudle/error.cae4f2c8.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/basisMoudle/home.e3f6d98d.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/basisMoudle/login.be6bddf0.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/businessMoudle/adqManage.1e207448.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/collectClip/index.1526e56b.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/collectClip/index.884e5e3c.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/configArea/index.49d6c4f5.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/configArea/index.5d4a3740.js


dist/js/edit/edit.fe309c5f.js → dist/js/edit/edit.d526229f.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/gdtList/index.881f565c.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/gdtList/index.9b6d963e.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/index/index.a6e5dc8c.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/index/index.9a26689a.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/layout/index.06a6707a.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/layout/index.1080139a.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/layout/index_head.4a558654.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/materialBlock/materialBlock.60941226.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/materialBlock/materialBlock.97c080df.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/materialLibrary/index.31c877d9.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/materialLibrary/index.861cc55a.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/materialTs/materialTs.4781f705.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/menuPermission/menuList.76470dda.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/miniprogram/index.19942ac2.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/question-filled/question-filled.23a894b6.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/question-filled/question-filled.8537ddf0.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/radioGroup/radioGroup.760e6234.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/radioGroup/radioGroup.b7988504.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/tableInfo/tableInfo.3e490d3c.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/tableInfo/tableInfo.566c61d9.js


File diff suppressed because it is too large
+ 1 - 1
dist/js/taskList/index.082747c9.js


File diff suppressed because it is too large
+ 0 - 1
dist/js/timeScreen/timeScreen.0cfbacc4.js


File diff suppressed because it is too large
+ 1 - 0
dist/js/timeScreen/timeScreen.ca609528.js


+ 27 - 20
src/components/businessMoudle/gdtList/account.vue

@@ -29,15 +29,16 @@
29 29
             :min-width="item.key_value != 'advertiser_status' && item.key_value != 'advertiser_nick' && item.label.length <= 4 ? '120px' : item.label.length <= 8 ? '150px' : '200px'">
30 30
             <template #header>
31 31
               <div class="flex"
32
-                :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '', item.if_sort == 1 ? 'pointer' : '']"
33
-                @click="item.if_sort == 1 && sortEvent(item.key_value)">
34
-                {{ item.label }}
32
+                :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '']">
33
+                <span :style="{color:tableInfo.sortKey == item.key_value ? '#3173FF' : ''}">{{ item.label }}</span>
35 34
                 <el-tooltip v-if="item.tooltip && item.tooltip != item.label" placement="top" effect="dark"
36 35
                   :content="item.tooltip"><i-ep-QuestionFilled class="lMar5 c-999 f14 pointer" /></el-tooltip>
37
-                <div v-if="item.if_sort == 1">
38
-                  <div class="sortItem">
39
-                    <el-icon class="f14" :color="tableInfo.sortKey == item.key_value ? '#3173FF' : '#a8abb2'" style="margin-bottom: -8px;"><CaretTop /></el-icon>
40
-                    <el-icon class="f14" :color="tableInfo.sortKey == item.key_value ? '#3173FF' : '#a8abb2'"><i-ep-CaretBottom /></el-icon>
36
+                <div v-if="item.if_sort == 1" class="sortBox lMar5 pointer">
37
+                  <div class="sortItem" @click="sortEvent(item.key_value,'desc')">
38
+                    <el-icon :color="(tableInfo.sortType == 'desc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretTop /></el-icon>
39
+                  </div>
40
+                  <div class="sortItem" @click="sortEvent(item.key_value,'asc')">
41
+                    <el-icon :color="(tableInfo.sortType == 'asc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretBottom /></el-icon>
41 42
                   </div>
42 43
                 </div>
43 44
               </div>
@@ -45,7 +46,7 @@
45 46
             <template #default="scope">
46 47
               <!-- 账户ID -->
47 48
               <div v-if="item.key_value == 'advertiser_id'">
48
-                <span style="color: #3173FF" class="pointer">{{ scope.row[item.key_value] }}</span>
49
+                <span style="color: #3173FF" class="pointer" @click="goPlanEvent(scope.row[item.key_value])">{{ scope.row[item.key_value] }}</span>
49 50
               </div>
50 51
               <!-- 账户状态 -->
51 52
               <div v-else-if="item.key_value == 'advertiser_status'" class="flex">
@@ -95,9 +96,12 @@ const router = useRouter();
95 96
 const { proxy } = getCurrentInstance() as any;
96 97
 
97 98
 const emit = defineEmits<{
99
+  (event: "goPlan", advertiser_id: any[]): void;
98 100
   (event: "goNewPlan"): void;
99
-  (event: "goAdvert", campaign_id: any): void;
100 101
 }>();
102
+const goPlanEvent = (advertiser_id) => {
103
+  emit('goPlan', [advertiser_id])
104
+}
101 105
 const goNewPlanEvent = () => {
102 106
   emit('goNewPlan')
103 107
 }
@@ -119,6 +123,7 @@ const tableInfo = reactive<reactiveTableAndAny>({
119 123
   pageSize: 20,
120 124
   total: 0,
121 125
   totalPages: 0,//共多少页
126
+  sortType: 'desc'
122 127
 })
123 128
 
124 129
 const ModifyDailyBudgetRef = ref()
@@ -132,11 +137,10 @@ const dropdownEvent = (val: string | number | object) => {
132 137
 
133 138
 
134 139
 //排序
135
-const sortEvent = (row: any) => {
136
-  if (row != tableInfo.sortKey) {
137
-    tableInfo.sortKey = row
138
-    init()
139
-  }
140
+const sortEvent = (row: any, order: string) => {
141
+  tableInfo.sortType = order;
142
+  tableInfo.sortKey = row
143
+  init()
140 144
 }
141 145
 
142 146
 //列表
@@ -149,7 +153,7 @@ const init = async () => {
149 153
   }
150 154
   if (tableInfo.sortKey) {
151 155
     params['field'] = tableInfo.sortKey
152
-    params['order'] = 'desc'
156
+    params['order'] = tableInfo.sortType
153 157
   }
154 158
   const paramsModel = reactive<batchAccount_list>(params)
155 159
   let res: any = await proxy.$http.get(Api.batchGdt_accountList_list, paramsModel)
@@ -201,10 +205,7 @@ onMounted(() => {
201 205
 })
202 206
 </script>
203 207
 <style lang="scss" scoped>
204
-.sortItem{
205
-  display: flex;
206
-  flex-direction: column;
207
-}
208
+@import "./index.scss";
208 209
 .dot {
209 210
   width: 6px;
210 211
   height: 6px;
@@ -216,7 +217,13 @@ onMounted(() => {
216 217
 :deep(.el-table__body-wrapper) {
217 218
   order: 1;
218 219
 }
219
-
220
+:deep(.el-table__footer-wrapper){
221
+  border-bottom: var(--el-table-border);
222
+  border-top: none;
223
+}
224
+:deep(.el-table__footer-wrapper tbody td.el-table__cell){
225
+  background-color: #fafafa;
226
+}
220 227
 .el-table th div.cell {
221 228
   white-space: nowrap;
222 229
   text-overflow: ellipsis;

+ 13 - 2
src/components/businessMoudle/gdtList/index.vue

@@ -9,8 +9,8 @@
9 9
   <!-- 表格组件 -->
10 10
   <keep-alive>
11 11
     <div>
12
-      <account v-show="typeAc == 'account'"  @goAdvert="goAdvert"  @goNewPlan="goNewPlan"></account>
13
-      <plan v-show="typeAc == 'plan'"  @goAdvert="goAdvert"  @goNewPlan="goNewPlan"></plan>
12
+      <account v-show="typeAc == 'account'"  @goPlan="goPlan"></account>
13
+      <plan v-show="typeAc == 'plan'"  ref="planRef" @goAdvert="goAdvert"  @goNewPlan="goNewPlan"></plan>
14 14
       <advert v-show="typeAc == 'advert'" ref="advertRef"
15 15
               @goNewPlan="goNewPlan"
16 16
               :campaign_id="pageInfo.campaign_id"></advert>
@@ -70,6 +70,17 @@ const goAdvert = (campaign_id:any) => {
70 70
   })
71 71
 }
72 72
 
73
+const planRef = ref<{initAll:(advertiser_id)=>void}>()
74
+//去推广计划
75
+const goPlan = (advertiser_id) => {
76
+  let arr:any = typeList.list.filter(n=>{
77
+    return n.key == 'plan'
78
+  })
79
+  switchTypeItem(arr[0])
80
+  nextTick(()=>{
81
+    planRef.value!.initAll(advertiser_id)
82
+  })
83
+}
73 84
 //新建计划
74 85
 const goNewPlan = () => {
75 86
   let newPage:any = router.resolve({

+ 14 - 0
src/components/businessMoudle/gdtList/plan.vue

@@ -389,6 +389,20 @@ const {
389 389
   customIndEvent
390 390
 } = listTs()
391 391
 
392
+const initAll = (account_ids) => {
393
+  if(account_ids) {
394
+    acRef.value!.value = account_ids
395
+  }
396
+  nextTick(async ()=>{
397
+    await init_acList()
398
+    await init()
399
+  })
400
+}
401
+
402
+defineExpose({
403
+  initAll
404
+})
405
+
392 406
 onMounted(()=>{
393 407
   nextTick(async ()=>{
394 408
     await init_acList()