newDirectedPackage.vue 57 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320
  1. <style>
  2. .newDirectedPackage .ant-checkbox-group-item{
  3. width: 100%;
  4. display: block ;
  5. padding: 3px 0;
  6. margin-right: 0;
  7. padding: 5px 15px;
  8. }
  9. .newDirectedPackage .ant-checkbox-group-item:hover{
  10. background-color: rgba(0,0,0,.1);
  11. }
  12. </style>
  13. <style lang="scss" scoped>
  14. .newDirectedPackage{
  15. // background-color: #fff;
  16. .title{
  17. width: 100%;
  18. font-size: 20px;
  19. font-weight: 700;
  20. padding: 15px 0;
  21. text-align: center;
  22. border-bottom: 1px solid #eee;
  23. background-color: #fff;
  24. }
  25. .optBOX{
  26. background-color: #fff;
  27. padding: 15px 0;
  28. position: relative;
  29. .optItem{
  30. // margin-bottom: 15px;
  31. .typeName{
  32. width: 130px;
  33. text-align: right;
  34. display: inline-block;
  35. margin-right: 15px;
  36. }
  37. .tishi{
  38. display: block;
  39. color: #999;
  40. .tubiao{
  41. color: red;
  42. margin-right: 5px;
  43. }
  44. }
  45. #btngroup .ant-btn:hover{
  46. border-color: none;
  47. }
  48. .deviceBrand{
  49. // background: rgb(116, 76, 76);
  50. width: 100%;
  51. height: 300px;
  52. }
  53. .selectBox{
  54. display: flex;
  55. .title{
  56. background: #f9f9f9;
  57. font-size: 14px;
  58. font-weight: 700;
  59. padding:0 15px;
  60. border-bottom: 1px solid #ddd;
  61. text-align: left;
  62. position: relative;
  63. .clear{
  64. position: absolute;
  65. top: 5px;
  66. right: 0;
  67. }
  68. }
  69. .selectLeft{
  70. width: 40%;
  71. margin-right: 2%;
  72. border: 1px solid #ddd;
  73. border-radius: 5px;
  74. }
  75. .selectRight{
  76. width: 20%;
  77. border: 1px solid #ddd;
  78. border-radius: 5px;
  79. }
  80. .selectBox1{
  81. height: 250px;
  82. overflow: auto;
  83. .selectList{
  84. display: block;
  85. width: 100%;
  86. // padding: 0 15px;
  87. // padding: 3px 0;
  88. }
  89. .selectLists{
  90. display: block;
  91. width: 100%;
  92. padding: 0 15px;
  93. }
  94. .selectLists:hover{
  95. background-color: rgba(0,0,0,.1);
  96. }
  97. .selectListitem{
  98. display: block;
  99. height: 25px;
  100. line-height: 25px;
  101. background-color: #eee;
  102. border-radius: 5px;
  103. padding: 0 10px;
  104. margin: 8px 10px;
  105. position: relative;
  106. #close{
  107. font-size: 12px;
  108. position: absolute;
  109. right: 10px;
  110. top: 5px;
  111. cursor: pointer;
  112. }
  113. }
  114. }
  115. }
  116. }
  117. .rightBox{
  118. position: fixed;
  119. top: 22%;
  120. right: 20px;
  121. width: 230px;
  122. // height: 500px;
  123. max-height: 500px;
  124. border: 1px solid #ddd;
  125. border-radius: 10px;
  126. font-size: 12px;
  127. overflow: auto;
  128. .topBox,.bottomBox{
  129. padding: 10px 15px;
  130. background-color: #f9f9f9;
  131. border-bottom: 1px solid #eee;
  132. border-radius: 10px 10px 0 0;
  133. .title{
  134. background-color: #f9f9f9;
  135. font-size: 14px;
  136. text-align: left;
  137. margin: 0 0 10px;
  138. padding: 5px 0;
  139. font-weight: 400;
  140. border-bottom: 0;
  141. // border-radius: 10px;
  142. }
  143. .info p{
  144. margin-bottom: 6px;
  145. color: #999;
  146. }
  147. .info .num{
  148. color: #000;
  149. font-weight: 600;
  150. }
  151. }
  152. .bottomBox{
  153. background-color: #fff;
  154. border-bottom:0;
  155. .title{
  156. background-color: #FFF;
  157. }
  158. }
  159. }
  160. }
  161. }
  162. </style>
  163. <style lang="scss">
  164. .actionBottom{
  165. ul,li{
  166. margin: 0;
  167. padding: 0;
  168. list-style: none;
  169. }
  170. width: 70%;
  171. height: 400px;
  172. display:flex;
  173. margin-top: 20px;
  174. .action_left{
  175. width:60% ;
  176. margin-right: 2%;
  177. border: 1px solid #ccc;
  178. border-radius: 5px;
  179. padding: 10px 2px;
  180. .Taxonomic{
  181. padding: 0 10px;
  182. .Taxonomic_checkbox{
  183. margin-top: 10PX;
  184. height: 220px;
  185. border: 1px solid #ccc;
  186. border-radius: 5px;
  187. }
  188. .Taxonomic_relevant{
  189. font-size: 12px;
  190. margin-top: 10px;
  191. .Taxonomic_relevant_top{
  192. position: relative;
  193. display: block;
  194. height: 20px;
  195. line-height: 20px;
  196. .Taxonomic_relevant_top_more{
  197. position: absolute;
  198. top: 0;
  199. right: 0;
  200. font-size: 12px;
  201. display: block;
  202. height: 20px;
  203. line-height: 20px;
  204. }
  205. }
  206. .Taxonomic_relevant_bottom{
  207. display: block;
  208. height: 20px;
  209. line-height: 20px;
  210. .Taxonomic_relevant_bottom_item{
  211. margin-right: 5px;
  212. }
  213. }
  214. }
  215. }
  216. .keyWords_box_title{
  217. font-size: 16px;
  218. font-weight: 600;
  219. color: #000;
  220. height: 35px;
  221. line-height: 35px;
  222. background-color: rgb(248,249,250);
  223. }
  224. .keyWords_box_list{
  225. height: 185px;
  226. overflow: auto;
  227. li{
  228. height: 30px;
  229. line-height: 30px;
  230. font-size: 14px;
  231. color: #333;
  232. .caozuo{
  233. display: none;
  234. // display: inline-block;
  235. width:50%;
  236. text-align: right;
  237. .delete{
  238. margin-left: 5px;
  239. }
  240. .searchKeyWord{
  241. margin-left: 15px;
  242. }
  243. }
  244. .mingzi{
  245. display: inline-block;
  246. width: 30%;
  247. }
  248. .renshu{
  249. display: inline-block;
  250. width: 15%;
  251. line-height: 30px;
  252. height: 30px;
  253. }
  254. }
  255. }
  256. .keyWords_box_list li:hover .caozuo{
  257. display: inline-block;
  258. }
  259. }
  260. .action_right{
  261. width: 35%;
  262. height: 100%;
  263. border-radius: 5px;
  264. border: 1px solid #ccc;
  265. .action_right_title{
  266. background-color: rgb(248,249,250);
  267. padding: 10px 10px 0;
  268. border-radius: 5px 5px 0 0;
  269. border-bottom: 1px solid #ccc;
  270. position: relative;
  271. }
  272. .action_right_sum{
  273. display: block;
  274. margin-bottom: 5px;
  275. height: 20px;
  276. line-height: 20px;
  277. font-size: 14px;
  278. color: #333;
  279. }
  280. .action_right_info{
  281. display: block;
  282. margin-bottom: 5px;
  283. height: 20px;
  284. line-height: 20px;
  285. font-size: 14px;
  286. color: #999;
  287. }
  288. .action_right_btn{
  289. position: absolute;
  290. top: 0px;
  291. right: -5px;
  292. }
  293. .action_right_bottom{
  294. .action_right_option{
  295. border-bottom: 1px solid #ccc;
  296. }
  297. .ant-select-selection{
  298. border: 0;
  299. }
  300. .coverPeople{
  301. margin-left: 5px;
  302. }
  303. .caozuo{
  304. display: none;
  305. .delete{
  306. margin-left: 5px;
  307. }
  308. .searchKeyWord{
  309. margin-left: 2px;
  310. }
  311. }
  312. .mingzi{
  313. display: inline-block;
  314. width: 70px;
  315. }
  316. .renshu{
  317. display: inline-block;
  318. width: 40px;
  319. line-height: 20px;
  320. height: 20px;
  321. }
  322. .action_right_select_list{
  323. padding: 5px 10px;
  324. height: 250px;
  325. overflow: auto;
  326. }
  327. .action_right_select_list li{
  328. line-height: 20px;
  329. height: 20px;
  330. }
  331. .action_right_select_list li:hover .caozuo{
  332. display: inline-block;
  333. }
  334. .action_right_AISelect{
  335. height: 30px;
  336. line-height: 30px;
  337. font-size: 14px;
  338. padding: 5px 10px;
  339. border-top: 1px solid #ccc;
  340. }
  341. }
  342. }
  343. }
  344. .ant-tooltip-inner,.ant-tooltip,.ant-tooltip-arrow::before{
  345. background-color: #fff;
  346. color: #666;
  347. font-size: 12px;
  348. }
  349. </style>
  350. <style lang="scss">
  351. .region{
  352. width: 70%;
  353. margin-top: 10px;
  354. .region_input{
  355. width: 60%;
  356. }
  357. .ant-tabs-bar{
  358. border: 0;
  359. }
  360. }
  361. </style>
  362. <template>
  363. <div class="newDirectedPackage">
  364. <div class="title">
  365. 新建定向包
  366. </div>
  367. <div class="optBOX">
  368. <div class="leftBox">
  369. <a-form :form="form">
  370. <a-form-item label="定向包名称" :label-col="labelCol" :wrapper-col="wrapperCol">
  371. <a-input placeholder="请输入定向包名称,至多20个字符" style="width:40%" v-decorator="['name', { rules: [{ required: true, message: '请输入定向包名称' }] }]" />
  372. </a-form-item>
  373. <a-form-item label="定向包类型" :label-col="labelCol" :wrapper-col="wrapperCol">
  374. <a-radio-group v-decorator="['landingType', { initialValue:'EXTERNAL' }]" @change='landingTypeChange' button-style="solid">
  375. <a-radio-button value="EXTERNAL">落地页</a-radio-button>
  376. <a-radio-button value="APP_ANDROID">应用下载-安卓</a-radio-button>
  377. <a-radio-button value="APP_IOS">应用下载-IOS</a-radio-button>
  378. <a-radio-button value="AWEME">抖音推广</a-radio-button>
  379. </a-radio-group>
  380. </a-form-item>
  381. <a-form-item label="投放范围" :label-col="labelCol" :wrapper-col="wrapperCol">
  382. <a-radio-group v-decorator="['deliveryRange', { initialValue:'DEFAULT' }]" @change='landingTypeChange' button-style="solid">
  383. <a-radio-button value="DEFAULT">默认</a-radio-button>
  384. <a-radio-button value="UNION">穿山甲
  385. <a-tooltip>
  386. <template slot="title">
  387. 基于4亿日活跃用户大数据积累,顶尖AI智能推荐技术,今日头条与最广泛的合作伙伴携手打造全新移动生态联盟
  388. </template>
  389. <a-icon type="question-circle" />
  390. </a-tooltip>
  391. </a-radio-button>
  392. </a-radio-group>
  393. </a-form-item>
  394. <a-form-item label="媒体" :label-col="labelCol" :wrapper-col="wrapperCol">
  395. <a-radio-group v-decorator="['medialType', { initialValue:1 }]" button-style="solid">
  396. <a-radio-button :value="1">头条</a-radio-button>
  397. </a-radio-group>
  398. </a-form-item>
  399. <a-form-item label="地域" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  400. <a-radio-group button-style="solid" v-model="regionValue">
  401. <a-radio-button value="">不限</a-radio-button>
  402. <a-radio-button value="REGION_LEVEL_PROVINCE">按省市</a-radio-button>
  403. <a-radio-button value="REGION_LEVEL_DISTRICT">按区县</a-radio-button>
  404. <a-radio-button value="REGION_LEVEL_BUSINESS_DISTRICT">按商圈</a-radio-button>
  405. </a-radio-group>
  406. <div class="region" v-show="regionValue!=''">
  407. <!-- 省市 -->
  408. <div class="provincyCity" v-if="regionValue=='REGION_LEVEL_PROVINCE'">
  409. <div class="region_input">
  410. <a-input-search placeholder="输入搜索的省市" enter-button />
  411. </div>
  412. <div class="tabChange">
  413. <div class="tabBox">
  414. <a-tabs v-model="cityTab" @change="cityTabChange">
  415. <a-tab-pane key="geography" tab="地理划分">
  416. <linkMultiSelect title='省份' :listArr='[]' :maxLayers='2' :listUrl='regionCityListUrl' @getSelectedArr='getSelectedCityArr'/>
  417. </a-tab-pane>
  418. <a-tab-pane key="development" tab="发展划分" >
  419. <linkMultiSelect title='等级' :listArr='[]' url='' :maxLayers='3' :listUrl='regionCityListUrl' @getSelectedArr='getSelectedCityArr'/>
  420. </a-tab-pane>
  421. </a-tabs>
  422. </div>
  423. </div>
  424. </div>
  425. <!-- 区县 -->
  426. <div class="district" v-else-if="regionValue=='REGION_LEVEL_DISTRICT'">
  427. <linkMultiSelect title='省份' :listArr='[]' :maxLayers='3' :listUrl='regionCityListUrl' @getSelectedArr='getSelectedCityArr'/>
  428. </div>
  429. <!-- 商圈 -->
  430. <!-- <div class="businessCircle" v-else>
  431. <div class="tabChange">
  432. <div class="tabBox">
  433. <a-tabs v-model="businessTab" @change="businessTabChange">
  434. <a-tab-pane key="businessCircle" tab="商圈">
  435. <a-cascader :options="businessOptionsArr" change-on-select @change="businessChange" />
  436. <linkMultiSelect :titleArr='["商圈"]' :listArr='[]' @getSelectedArr='getSelectedCityArr'/>
  437. </a-tab-pane>
  438. <a-tab-pane key="addFromMap" tab="从地图添加" >
  439. <a-input-search placeholder="请输入搜索地址" v-model="MapselectValue" @search="MapSearch">
  440. <a-button slot="enterButton">
  441. 搜索
  442. </a-button>
  443. </a-input-search>
  444. </a-tab-pane>
  445. </a-tabs>
  446. </div>
  447. </div>
  448. </div> -->
  449. <div class="region_people">
  450. <a-radio-group v-model="regionPeopleValue" @change="regionPeopleChange">
  451. <a-radio value="HOME">居住在该地区的用户</a-radio>
  452. <a-radio value="TRAVEL"> 到该地区旅行的用户</a-radio>
  453. <a-radio value="ALL">该地区内的所有用户</a-radio>
  454. <a-radio value="CURRENT">正在该地区的用户</a-radio>
  455. </a-radio-group>
  456. </div>
  457. </div>
  458. </a-form-item>
  459. <a-form-item label="性别" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  460. <a-radio-group v-decorator="['gender', {initialValue:'NONE' }]" button-style="solid">
  461. <a-radio-button value="NONE">不限</a-radio-button>
  462. <a-radio-button value="GENDER_MALE">男</a-radio-button>
  463. <a-radio-button value="GENDER_FEMALE">女</a-radio-button>
  464. </a-radio-group>
  465. </a-form-item>
  466. <a-form-item label="年龄" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  467. <radioCheck :checkArr='ageArr' @getSonValue='getAgeSelect' />
  468. </a-form-item>
  469. <a-form-item label="精选流量包" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  470. <a-radio-group button-style="solid" v-decorator="['medialType', { initialValue:''}]">
  471. <a-radio-button value="">不限</a-radio-button>
  472. <a-radio-button value="men" :disabled='getFormData("deliveryRange")!="UNION"'>应用软件精选</a-radio-button>
  473. <a-radio-button value="women" :disabled='getFormData("deliveryRange")!="UNION"'>游戏精选</a-radio-button>
  474. </a-radio-group>
  475. <span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />精选流量包仅支持穿山甲、穿山甲-精选游戏广告位</span>
  476. </a-form-item>
  477. <!-- <a-form-item label="自定义人群" :label-col="labelCol" :wrapper-col="wrapperCol">
  478. <a-radio-group v-model="customCrowd" button-style="solid">
  479. <a-radio-button value="EXTERNAL">不限</a-radio-button>
  480. <a-radio-button value="APP_ANDROID">自定义人群</a-radio-button>
  481. </a-radio-group>
  482. </a-form-item>
  483. <a-form-item label="定向逻辑" :label-col="labelCol" :wrapper-col="wrapperCol">
  484. <a-radio-group v-model="customCrowd" button-style="solid">
  485. <a-radio-button value="EXTERNAL">定向</a-radio-button>
  486. <a-radio-button value="APP_ANDROID">排除</a-radio-button>
  487. <a-radio-button value="APP_ANDROID">同时定向排除</a-radio-button>
  488. </a-radio-group>
  489. </a-form-item> -->
  490. <a-form-item label="行为兴趣" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  491. <a-radio-group v-model="interestActionMode" button-style="solid">
  492. <a-radio-button value="">不限</a-radio-button>
  493. <a-radio-button value="RECOMMEND">
  494. 系统推荐
  495. <a-tooltip>
  496. <template slot="title">
  497. 如与自定义人群包同时使用,系统推荐不生效
  498. </template>
  499. <a-icon type="question-circle" />
  500. </a-tooltip>
  501. </a-radio-button>
  502. <a-radio-button value="CUSTOM">自定义</a-radio-button>
  503. </a-radio-group>
  504. </a-form-item>
  505. <div class="interestActionMode" v-show="interestActionMode=='CUSTOM'">
  506. <a-form-item label="行为:" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  507. <div>
  508. <span style="margin-right:5px">在</span>
  509. <a-select
  510. mode="multiple"
  511. label-in-value
  512. style="width: 210px"
  513. placeholder="所有行为场景中"
  514. @change="actionSceneChange"
  515. :maxTagCount='1'
  516. >
  517. <a-select-option value='E-COMMERCE'> 电商互动行为</a-select-option>
  518. <a-select-option value='NEWS'> 咨询互动行为</a-select-option>
  519. <a-select-option value='APP'> APP推广行为</a-select-option>
  520. </a-select>
  521. <span>中,选择用户</span>
  522. <a-select v-model="actionDays" style="width: 90px">
  523. <a-select-option :value='7'>7天 </a-select-option>
  524. <a-select-option :value='15'>15天 </a-select-option>
  525. <a-select-option :value='30'>30天 </a-select-option>
  526. <a-select-option :value='60'>60天 </a-select-option>
  527. <a-select-option :value='90'>90天 </a-select-option>
  528. <a-select-option :value='180'>180天 </a-select-option>
  529. <a-select-option :value='365'>365天 </a-select-option>
  530. </a-select>
  531. <span>内发生的行为:</span>
  532. </div>
  533. <div class="actionBottom">
  534. <div class="action_left">
  535. <a-tabs default-active-key="1" >
  536. <a-tab-pane key="1" tab="添加类目词">
  537. <div class="Taxonomic">
  538. <div class="Taxonomic_search">
  539. <a-input-search placeholder="请输入行为类目词" style="width: 100%" @search="TaxonomicSearch" />
  540. </div>
  541. <div class="Taxonomic_checkbox">
  542. </div>
  543. <div class="Taxonomic_relevant">
  544. <span class="Taxonomic_relevant_top">
  545. <span class="Taxonomic_relevant_top_title">{{}}相关词:</span>
  546. <a-button type='link' class="Taxonomic_relevant_top_more">更多></a-button>
  547. </span>
  548. <span class="Taxonomic_relevant_bottom">
  549. <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+游戏</a>
  550. <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+手游</a>
  551. <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+王者荣耀</a>
  552. <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+吃鸡</a>
  553. </span>
  554. </div>
  555. </div>
  556. </a-tab-pane>
  557. <a-tab-pane key="2" tab="添加关键词" >
  558. <div class="Taxonomic keyWord">
  559. <div class="Taxonomic_search">
  560. <a-input-search placeholder="请输入行为类目词或关键词" style="width: 100%" @search="keyWordSearch" />
  561. </div>
  562. <div class="Taxonomic_checkbox keyWords_box">
  563. <div class="keyWords_box_title">
  564. {{}}
  565. </div>
  566. <ul class="keyWords_box_list">
  567. <li>
  568. <span class="mingzi">游戏</span>
  569. <span class="renshu">21亿</span>
  570. <span class="caozuo" >
  571. <a href="javascript:;" class="addKeywords">添加</a>
  572. <a href="javascript:;" class="searchKeyWord">查关键词</a>
  573. </span>
  574. </li>
  575. </ul>
  576. </div>
  577. <div class="Taxonomic_relevant">
  578. <span class="Taxonomic_relevant_top">
  579. <a href="javascript:;" class="Taxonomic_relevant_bottom_item">添加全部“{{}}”相关词</a>
  580. </span>
  581. </div>
  582. </div>
  583. </a-tab-pane>
  584. </a-tabs>
  585. </div>
  586. <div class="action_right">
  587. <div class="action_right_title">
  588. <span class="action_right_sum">还可以添加行为:{{}}个</span>
  589. <span class="action_right_info">
  590. <span>类目词:{{}}</span>
  591. <span>关键词:{{}}</span>
  592. </span>
  593. <a-button type='link' class="action_right_btn">清空</a-button>
  594. </div>
  595. <div class="action_right_bottom">
  596. <div class="action_right_option">
  597. <a-select v-model="actOrint" style="width: 80px;" >
  598. <a-select-option value="all">
  599. 全部
  600. </a-select-option>
  601. <a-select-option value="lucy">
  602. 类目词
  603. </a-select-option>
  604. <a-select-option value="disabled" >
  605. 关键词
  606. </a-select-option>
  607. </a-select>
  608. <span class="coverPeople">覆盖人数</span>
  609. </div>
  610. <div class="action_right_select_list">
  611. <ul>
  612. <li>
  613. <span class="mingzi">游戏</span>
  614. <span class="renshu">21亿</span>
  615. <span class="caozuo" >
  616. <a href="javascript:;" class="delete">删除</a>
  617. <a href="javascript:;" class="searchKeyWord">查关键词</a>
  618. </span>
  619. </li>
  620. <li>
  621. <span class="mingzi">游戏</span>
  622. <span class="renshu">21亿</span>
  623. <span class="caozuo" >
  624. <a href="javascript:;" class="delete">删除</a>
  625. <a href="javascript:;" class="searchKeyWord">查关键词</a>
  626. </span>
  627. </li>
  628. </ul>
  629. </div>
  630. <div class="action_right_AISelect">
  631. <a-tooltip class="actionTooltip">
  632. <template slot="title">
  633. 已添加的行为关键词需大于20个,才可以使用自动选词
  634. </template>
  635. <a-button type='link' :disabled='AIselect'>使用自动选词</a-button>
  636. </a-tooltip>
  637. <a-tooltip class="actionTooltip">
  638. <template slot="title">
  639. 系统根据行为定向所有已选结果,自动推荐词包
  640. </template>
  641. <a-icon type="question-circle" />
  642. </a-tooltip>
  643. </div>
  644. </div>
  645. </div>
  646. </div>
  647. </a-form-item>
  648. <a-form-item label="兴趣:" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  649. </a-form-item>
  650. </div>
  651. <a-form-item label="平台" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  652. <radioCheck :checkArr='platformArr' @getSonValue='getNewUser' />
  653. </a-form-item>
  654. <a-form-item label="过滤已安装" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol" v-if="landingTypeValue=='APP_ANDROID'">
  655. <a-radio-group button-style="solid" v-decorator="['hideIfExists', {initialValue:0 }]" >
  656. <a-radio-button :value='0'>不过滤</a-radio-button>
  657. <a-radio-button :value="1">过滤</a-radio-button>
  658. </a-radio-group>
  659. </a-form-item>
  660. <a-form-item label="安卓版本" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol" v-if="landingTypeValue=='APP_ANDROID'">
  661. <a-select style="width: 200px" v-decorator="['androidOsv', {initialValue:'0.0' }]" @change="androidOsvChange">
  662. <a-select-option v-for="(item,index) in androidOsvArr" :key="index" :value='item.value'>
  663. {{item.label}}
  664. </a-select-option>
  665. </a-select>
  666. </a-form-item>
  667. <a-form-item label="IOS版本" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol" v-if="landingTypeValue=='APP_IOS'">
  668. <a-select style="width: 200px" v-decorator="['iosOsv', {initialValue:'0.0' }]" @change="iosOsvChange">
  669. <a-select-option v-for="(item,index) in iosOsvArr" :key="index" :value='item.value'>
  670. {{item.label}}
  671. </a-select-option>
  672. </a-select>
  673. </a-form-item>
  674. <a-form-item label="过滤已转化用户" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  675. <a-radio-group v-decorator="['gender', {initialValue:'NO_EXCLUDE' }]" button-style="solid">
  676. <a-radio-button value="NO_EXCLUDE">不过滤</a-radio-button>
  677. <a-radio-button value="AD">广告计划</a-radio-button>
  678. <a-radio-button value="CAMPAIGN">广告组</a-radio-button>
  679. <a-radio-button value="ADVERTISER">广告账户</a-radio-button>
  680. </a-radio-group>
  681. <span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />过滤已转化不支持投放目标为展示、点击计划,不支持受众预估
  682. </span>
  683. </a-form-item>
  684. <a-form-item label="运营商" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  685. <radioCheck :checkArr='carrierArr' @getSonValue='getNewUser' />
  686. </a-form-item>
  687. <a-form-item label="网络" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  688. <radioCheck :checkArr='networkArr' @getSonValue='getNewUser' />
  689. </a-form-item>
  690. <a-form-item label="文章类型" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  691. <a-radio-group button-style="solid" v-model="articleType">
  692. <a-radio-button value="">不限</a-radio-button>
  693. <a-radio-button value="articleCategory">文章分类</a-radio-button>
  694. </a-radio-group>
  695. <div v-if="articleType=='articleCategory'" class="deviceBrand">
  696. <!-- <div class="selectBox">
  697. <div class="selectLeft">
  698. <div class="title">文章分类</div>
  699. <div class="selectBox1">
  700. <span class="selectLists"><a-checkbox :indeterminate="indeterminate" :checked="checkAll" @change="onCheckAllChange" > 全选 </a-checkbox></span>
  701. <a-checkbox-group v-model="checkedList" :options="plainOptions" @change="checkGroupChange" class="selectList" ></a-checkbox-group>
  702. </div>
  703. </div>
  704. <div class="selectRight">
  705. <div class="title">已选<a-button class="clear" type="link" @click="clearAll">清空</a-button></div>
  706. <div class="selectBox1">
  707. <span class="selectListitem" v-for="(item,index) in checkedList" :key='index'>{{item}}<a-icon type="close" id="close" @click="deleteItem(item)" /></span>
  708. </div>
  709. </div>
  710. </div> -->
  711. <singleLayersSelecte title='文章类型' :listArr='articleCategoryOptions' @getCheckedList='getArticleCategory'/>
  712. </div>
  713. </a-form-item>
  714. <a-form-item label="手机品牌" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  715. <a-radio-group v-model="deviceBrandType" button-style="solid">
  716. <a-radio-button value="">不限</a-radio-button>
  717. <a-radio-button value="byBrand">按品牌</a-radio-button>
  718. </a-radio-group>
  719. <div v-if="deviceBrandType=='byBrand'" class="deviceBrand">
  720. <!-- <div class="selectBox">
  721. <div class="selectLeft">
  722. <div class="title">手机品牌</div>
  723. <div class="selectBox1">
  724. <span class="selectLists"><a-checkbox :indeterminate="indeterminate" :checked="checkAll" @change="onCheckAllChange" > 全选 </a-checkbox></span>
  725. <a-checkbox-group v-model="checkedList" :options="plainOptions" @change="checkGroupChange" class="selectList" ></a-checkbox-group>
  726. </div>
  727. </div>
  728. <div class="selectRight">
  729. <div class="title">已选<a-button class="clear" type="link" @click="clearAll">清空</a-button></div>
  730. <div class="selectBox1">
  731. <span class="selectListitem" v-for="(item,index) in checkedList" :key='index'>{{item}}<a-icon type="close" id="close" @click="deleteItem(item)" /></span>
  732. </div>
  733. </div>
  734. </div> -->
  735. <singleLayersSelecte title='手机品牌' :listArr='deviceBrandOptions' @getCheckedList='getDeviceBrand' />
  736. </div>
  737. </a-form-item>
  738. <a-form-item label="手机价格" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  739. <a-radio-group v-model="launchPrice" button-style="solid">
  740. <a-radio-button value="">不限</a-radio-button>
  741. <a-radio-button value="custom">自定义</a-radio-button>
  742. </a-radio-group>
  743. <span v-if="launchPrice=='custom'">
  744. <a-slider range :marks="marks" :default-value="[2000, 7000]" :step="null" :min='0' :max='11000' @change="slideChange" />
  745. </span>
  746. <span v-else></span>
  747. </a-form-item>
  748. <a-form-item label="新用户" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  749. <radioCheck :checkArr='newUser' @getSonValue='getNewUser' />
  750. </a-form-item>
  751. <a-form-item label="智能放量" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  752. <a-radio-group v-decorator="['autoExtendEnabled', { initialValue:0 }]" button-style="solid">
  753. <a-radio-button :value="0">不启用</a-radio-button>
  754. <a-radio-button :value="1">启用</a-radio-button>
  755. </a-radio-group>
  756. <span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />智能放量不支持受众预估</span>
  757. <div v-if="getFormData('autoExtendEnabled')==1" class="deviceBrand">
  758. <singleLayersSelecte title='可放开定向' :listArr='autoExtendOptions' @getCheckedList='getAutoExtendEnabled'/>
  759. </div>
  760. </a-form-item>
  761. <a-form-item label="保存为模板" class="optItem" :label-col="labelCol" :wrapper-col="wrapperCol">
  762. <a-radio-group default-value="no" button-style="solid">
  763. <a-radio value="yes">是</a-radio>
  764. <a-radio value="no">否</a-radio>
  765. </a-radio-group>
  766. </a-form-item>
  767. <a-form-item :wrapper-col="{ span: 14, offset: 10 }" :label-col="labelCol">
  768. <a-button style="margin-right: 30px;" @click="cancel">
  769. 取消
  770. </a-button>
  771. <a-button type="primary" @click="applicatiSubmit">
  772. 应用
  773. </a-button>
  774. </a-form-item>
  775. </a-form>
  776. </div>
  777. <div class="rightBox">
  778. <div class="topBox">
  779. <p class="title">预估可覆盖</p>
  780. <div class="info">
  781. <p>抖音视频:<span class="num">{{}}</span>万日活跃用户</p>
  782. <p>西瓜视频:<span class="num">{{}}</span>万日活跃用户</p>
  783. <p>火山视频:<span class="num">{{}}</span>万日活跃用户</p>
  784. <p>今日头条:<span class="num">{{}}</span>万日活跃用户</p>
  785. </div>
  786. </div>
  787. <div class="bottomBox">
  788. <p class="title">受众信息</p>
  789. <div class="info">
  790. <p>性别:<span class="num">{{}}</span></p>
  791. <p>年龄:<span class="num">{{}}</span></p>
  792. <p>平台:<span class="num">{{}}</span></p>
  793. <p>网络:<span class="num">{{}}</span></p>
  794. <p>运营商:<span class="num">{{}}</span></p>
  795. <p>新用户:<span class="num">{{}}</span></p>
  796. <p>手机品牌:<span class="num">{{}}</span></p>
  797. </div>
  798. </div>
  799. </div>
  800. </div>
  801. </div>
  802. </template>
  803. <script>
  804. import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
  805. const plainOptions = ['Apple', 'Pear', 'Orange','44','550','9982','5525'];
  806. const defaultCheckedList = ['Apple', 'Orange'];
  807. import radioCheck from './radioCheck';
  808. import linkMultiSelect from './linkMultiSelect'
  809. import singleLayersSelecte from './singleLayerSelecte'
  810. let newUser=[
  811. {
  812. value:'',
  813. title:'不限'
  814. },
  815. {
  816. value:'oneMonth',
  817. title:'一月以内'
  818. },
  819. {
  820. value:'twoMonth',
  821. title:'一月到三个月'
  822. },
  823. {
  824. value:'treeMonth',
  825. title:'三月以上'
  826. }
  827. ]
  828. let networkArr=[
  829. {
  830. value:'',
  831. title:'不限'
  832. },
  833. {
  834. value:'WIFI',
  835. title:'WIFI'
  836. },
  837. {
  838. value:'2G',
  839. title:'2G'
  840. },
  841. {
  842. value:'3G',
  843. title:'3G'
  844. },
  845. {
  846. value:'4G',
  847. title:'4G'
  848. },
  849. ]
  850. let carrierArr=[
  851. {
  852. value:'',
  853. title:'不限'
  854. },
  855. {
  856. value:'MOBILE',
  857. title:'移动'
  858. },
  859. {
  860. value:'UNICOM',
  861. title:'联通'
  862. },
  863. {
  864. value:'TELCOM',
  865. title:'电信'
  866. },
  867. ]
  868. let platformArr=[
  869. {
  870. value:'',
  871. title:'不限',
  872. disabled:false
  873. },
  874. {
  875. value:'ANDROID',
  876. title:'Android',
  877. disabled:false
  878. },
  879. {
  880. value:'IOS',
  881. title:'iOS',
  882. disabled:false
  883. },
  884. ]
  885. let ageArr=[
  886. {
  887. value:'',
  888. title:'不限'
  889. },
  890. {
  891. value:'AGE_BETWEEN_18_23',
  892. title:' 18-23岁'
  893. },
  894. {
  895. value:'AGE_BETWEEN_24_30',
  896. title:'24-30岁'
  897. },
  898. {
  899. value:'AGE_BETWEEN_31_40',
  900. title:'31-40岁'
  901. },
  902. {
  903. value:'AGE_BETWEEN_41_49',
  904. title:'41-49岁'
  905. },
  906. {
  907. value:'AGE_ABOVE_50',
  908. title:'大于等于50岁'
  909. },
  910. ]
  911. let options=[
  912. {
  913. value: 'zhejiang',
  914. label: 'Zhejiang',
  915. children: [
  916. {
  917. value: 'hangzhou',
  918. label: 'Hangzhou',
  919. children: [
  920. {
  921. value: 'xihu',
  922. label: 'West Lake',
  923. },
  924. ],
  925. },
  926. ],
  927. },
  928. {
  929. value: 'jiangsu',
  930. label: 'Jiangsu',
  931. children: [
  932. {
  933. value: 'nanjing',
  934. label: 'Nanjing',
  935. children: [
  936. {
  937. value: 'zhonghuamen',
  938. label: 'Zhong Hua Men',
  939. },
  940. ],
  941. },
  942. ],
  943. },
  944. ];
  945. let autoExtendOptions=[
  946. {
  947. label:'地域',
  948. value:'REGION'
  949. },
  950. {
  951. label:'性别',
  952. value:'GENDER'
  953. },
  954. {
  955. label:'年龄',
  956. value:'AGE'
  957. },
  958. {
  959. label:'行为兴趣',
  960. value:'INTEREST_ACTION'
  961. },
  962. {
  963. label:'自定义人群',
  964. value:'CUSTOM_AUDIENCE'
  965. },
  966. ]
  967. export default {
  968. components:{
  969. radioCheck,
  970. linkMultiSelect,
  971. singleLayersSelecte
  972. },
  973. data() {
  974. return {
  975. labelCol: { span: 4 },
  976. wrapperCol: { span: 14 },
  977. launchPrice:'',//手机价格
  978. launchPriceArr:[],
  979. deviceBrandType:'',
  980. deviceBrand:[],//手机品牌
  981. deviceBrandOptions:[],
  982. form: this.$form.createForm(this),
  983. marks: {
  984. 0: '0',
  985. 1000: '',
  986. 2000: '2000元',
  987. 2500: '',
  988. 3000: '',
  989. 3500: '',
  990. 4000: '',
  991. 4500: '',
  992. 5000: '5000元',
  993. 5500: '',
  994. 6000: '',
  995. 6500: '',
  996. 7000: '',
  997. 8000: '',
  998. 9000: '',
  999. 10000: '10000元',
  1000. 11000: {
  1001. style: {
  1002. color: '#f50',
  1003. },
  1004. label: <strong>11000元</strong>,
  1005. },
  1006. },
  1007. //选择框
  1008. // checkedList: defaultCheckedList,
  1009. // indeterminate: true,
  1010. // checkAll: false,
  1011. // plainOptions,
  1012. newUser,//新用户的每一项值
  1013. networkArr,//网络
  1014. carrierArr,//运营商
  1015. ageArr,//受众年龄
  1016. platformArr,//受众平台
  1017. //地域下的人群的受众位置分类
  1018. regionPeopleValue:'HOME',
  1019. regionValue:'',//地域的选择项
  1020. cityTab:'geography',//省市下的tab切换
  1021. businessTab:'businessCircle',//商圈的tab值
  1022. businessOptionsArr:[],//商圈的联动数据
  1023. MapselectValue:undefined,//地图的搜索地址
  1024. //行为兴趣选择
  1025. interestActionMode:'',
  1026. actionScene:[],//行为场景
  1027. actionDays:30,//行为天数
  1028. actOrint:'all',
  1029. TaxonomicValue:undefined,//行为下的类目词
  1030. keyWordValue:undefined,//行为下的关键词
  1031. AIselect:true,//行为下的自动选词是否可用
  1032. regionCityListUrl:'ctop/bytedanceAreaInfo/list',
  1033. regionCountyListUrl:'ctop/bytedanceAreaInfo/list',
  1034. articleType:'',//文章分类
  1035. // flowPacket:true,//默认精选流量包不可修改 只有穿山甲是才可以修改
  1036. autoExtendEnabled:0,//智能放量是否开启
  1037. autoExtendOptions,//智能投放可选定向数组
  1038. autoExtendTargets:[],//智能放量开启后的选择数据----------需传递的参数
  1039. articleCategoryOptions:[],//文章分类
  1040. articleCategory:[],// 文章分类选中的数据-----------传递的参数
  1041. age:[],//选中的年龄段-------需要传递的参数
  1042. carrier:[], //选中的受众运营商----------需要传递的参数
  1043. ac:[], //选中的受众网络类型---------------需要传递的参数
  1044. landingTypeValue:'',//定向包类型的值 用来判断平台的值
  1045. androidOsvArr:[],//受众安卓版本号数组
  1046. iosOsvArr:[],//受众ios版本号数组
  1047. }
  1048. },
  1049. methods: {
  1050. //获取表单的某一个属性值
  1051. getFormData(className) {
  1052. return this.form.getFieldValue(className)
  1053. },
  1054. //定向包类型
  1055. landingTypeChange(e){
  1056. console.log(e.target.value);
  1057. this.landingTypeValue=e.target.value;
  1058. if(e.target.value=='APP_ANDROID'){
  1059. this.platformArr.forEach((item)=>{
  1060. if(item.value!="ANDROID"){
  1061. item.disabled=true
  1062. }else{
  1063. item.disabled=false
  1064. }
  1065. })
  1066. }else if(e.target.value=='APP_IOS'){
  1067. this.platformArr.forEach((item)=>{
  1068. if(item.value!="IOS"){
  1069. item.disabled=true
  1070. }else{
  1071. item.disabled=false
  1072. }
  1073. })
  1074. }else{
  1075. this.platformArr.forEach((item)=>{
  1076. item.disabled=false
  1077. })
  1078. }
  1079. },
  1080. //安卓版本号
  1081. androidOsvChange(val){
  1082. // console.log(val);
  1083. this.form.setFieldsValue({
  1084. androidOsv: val
  1085. });
  1086. // console.log(this.form.getFieldValue('androidOsv'))
  1087. },
  1088. //ios版本号
  1089. iosOsvChange(val){
  1090. // console.log(val);
  1091. this.form.setFieldsValue({
  1092. iosOsv: val
  1093. });
  1094. // console.log(this.form.getFieldValue('androidOsv'))
  1095. },
  1096. //应用按钮
  1097. applicatiSubmit(){
  1098. console.log('submit!', this.form);
  1099. let formData=this.form.getFieldsValue()
  1100. console.log(formData)
  1101. if(this.launchPrice=='custom'){
  1102. formData['launchPrice']=this.launchPriceArr
  1103. }
  1104. formData['deviceBrand']=this.deviceBrand
  1105. // formData['launchPrice']=this.
  1106. // this.$router.push('/modules/BatchCreate/directionalPackage')
  1107. },
  1108. //取消按钮
  1109. cancel(){
  1110. this.$router.push('/modules/BatchCreate/directionalPackage')
  1111. },
  1112. //huakuai de shijian
  1113. slideChange(value) {
  1114. console.log(value)
  1115. this.launchPriceArr=value;
  1116. },
  1117. btnChange(e){
  1118. console.log(e)
  1119. },
  1120. //获取新用户的选中值
  1121. getNewUser(val){
  1122. console.log(val);
  1123. },
  1124. //地域选择里的搜索
  1125. regionOnSearch(value) {
  1126. console.log(value);
  1127. },
  1128. //地域里的受众人群的位置
  1129. regionPeopleChange(e){
  1130. console.log(e.target.value,this.regionPeopleValue)
  1131. },
  1132. //获取选中的城市
  1133. getSelectedCityArr(val){
  1134. console.log(val)
  1135. },
  1136. //省市的tab切换
  1137. cityTabChange(key){
  1138. console.log(key)
  1139. },
  1140. //商圈的tab改变
  1141. businessTabChange(key){
  1142. console.log(key)
  1143. },
  1144. //商圈的联动改变
  1145. businessChange(val){
  1146. console.log(val)
  1147. },
  1148. //地图的搜索事件
  1149. MapSearch(val){
  1150. console.log(val)
  1151. },
  1152. //行为场景
  1153. actionSceneChange(value){
  1154. console.log(value)
  1155. },
  1156. //行为下的 类目搜索框
  1157. TaxonomicSearch(value){
  1158. console.log(value);
  1159. this.TaxonomicValue=value
  1160. },
  1161. //行为下的 关键词搜索框
  1162. keyWordSearch(value){
  1163. console.log(value);
  1164. this.keyWordValue=value
  1165. },
  1166. //获取智能放量定向的值
  1167. getAutoExtendEnabled(val){
  1168. console.log(val)
  1169. this.autoExtendTargets=[];
  1170. this.autoExtendTargets.push([...val])
  1171. },
  1172. //获取手机品牌的值
  1173. getDeviceBrand(val){
  1174. console.log(val);
  1175. this.deviceBrand=[];
  1176. this.deviceBrand.push([...val])
  1177. },
  1178. //获取文章分类的值
  1179. getArticleCategory(val){
  1180. console.log(val)
  1181. this.articleCategory=[];
  1182. this.articleCategory.push([...val])
  1183. },
  1184. //获取选中的年龄段
  1185. getAgeSelect(val){
  1186. console.log(val)
  1187. if(val.length==1&&val[0]==""){
  1188. this.age=[]
  1189. }else{
  1190. this.age=val;
  1191. }
  1192. },
  1193. //获取运行商
  1194. getCarrier(val){
  1195. if(val.length==1&&val[0]==""){
  1196. this.carrier=[]
  1197. }else{
  1198. this.carrier=val;
  1199. }
  1200. },
  1201. //获取受众网络
  1202. getAc(){
  1203. if(val.length==1&&val[0]==""){
  1204. this.ac=[]
  1205. }else{
  1206. this.ac=val;
  1207. }
  1208. },
  1209. },
  1210. mounted() {
  1211. //手机品牌
  1212. getAction('sys/dictItem/list?_t=1594263117&dictId=7f907c1dab0a65ce6d115e082cd79acf&pageSize=100',{}).then((res)=>{
  1213. console.log(res);
  1214. if(res.success){
  1215. res.result.records.forEach((item)=>{
  1216. this.deviceBrandOptions.push({
  1217. label:item.itemText,
  1218. value:item.itemValue
  1219. })
  1220. })
  1221. }
  1222. })
  1223. //文章分类
  1224. getAction('sys/dictItem/list?_t=1594263117&dictId=defad85851bf6b1751a49b33d8b13b3b&pageSize=100',{}).then((res)=>{
  1225. console.log(res)
  1226. if(res.success){
  1227. res.result.records.forEach((item)=>{
  1228. this.articleCategoryOptions.push({
  1229. label:item.itemText,
  1230. value:item.itemValue
  1231. })
  1232. })
  1233. }
  1234. })
  1235. //受众安卓版本号
  1236. getAction('sys/dictItem/list?dictId=bba60d87ced96be177a772102b44d0f2&pageSize=100',{}).then((res)=>{
  1237. console.log(res)
  1238. if(res.success){
  1239. res.result.records.forEach((item)=>{
  1240. this.androidOsvArr.push({
  1241. label:item.itemText,
  1242. value:item.itemValue
  1243. })
  1244. })
  1245. }
  1246. })
  1247. //受众安卓版本号
  1248. getAction('sys/dictItem/list?dictId=a989bb28cfba9f25b3711dfcd05281e7&pageSize=100',{}).then((res)=>{
  1249. console.log(res)
  1250. if(res.success){
  1251. res.result.records.forEach((item)=>{
  1252. this.iosOsvArr.push({
  1253. label:item.itemText,
  1254. value:item.itemValue
  1255. })
  1256. })
  1257. }
  1258. })
  1259. },
  1260. }
  1261. </script>