create.vue 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836
  1. <template>
  2. <div class="app-container">
  3. <h2>广告创建</h2>
  4. <el-form
  5. ref="formCampaign"
  6. :model="formCampaign"
  7. :rules="rules"
  8. label-width="150px"
  9. >
  10. <el-row :gutter="20">
  11. <el-col :span="24">
  12. <el-card class="box-card">
  13. <div slot="header" class="clearfix">
  14. <span>广告计划</span>
  15. </div>
  16. <el-form-item label="选择账户" prop="accountId">
  17. <el-select
  18. v-model="formCampaign.accountId"
  19. placeholder="选择账户类型"
  20. clearable
  21. filterable
  22. style="width: 240px"
  23. :disabled="editVisble"
  24. >
  25. <el-option
  26. v-for="(item, index) in formList.accountList"
  27. :key="index"
  28. :label="item.label + '(' + item.value + ')'"
  29. :value="item.value"
  30. />
  31. </el-select>
  32. </el-form-item>
  33. <el-form-item label="推广方式" prop="promotionType">
  34. <el-radio-group v-model="formCampaign.promotionType">
  35. <el-radio-button
  36. v-for="(item, index) in formList.promotionTypeList"
  37. :key="index"
  38. :label="item.value"
  39. :disabled="item.value != '2'"
  40. >{{ item.label }}</el-radio-button
  41. >
  42. </el-radio-group>
  43. </el-form-item>
  44. <el-form-item label="营销目标" prop="campaignType">
  45. <el-radio-group v-model="formCampaign.campaignType">
  46. <el-radio-button
  47. v-for="(item, index) in formList.campaignTypeList"
  48. :key="index"
  49. :label="item.value"
  50. :disabled="item.value != '14'"
  51. >{{ item.label }}</el-radio-button
  52. >
  53. </el-radio-group>
  54. </el-form-item>
  55. <el-form-item label="计划预算" prop="dayBudgetType">
  56. <el-radio-group v-model="formCampaign.dayBudgetType">
  57. <el-radio-button
  58. v-for="(item, index) in formList.dayBudgetTypeList"
  59. :key="index"
  60. :label="item.value"
  61. >{{ item.label }}</el-radio-button
  62. >
  63. </el-radio-group>
  64. </el-form-item>
  65. <el-form-item
  66. label=" "
  67. prop="dayBudget"
  68. v-if="formCampaign.dayBudgetType == '2'"
  69. >
  70. <el-input
  71. placeholder="请输入单日预算"
  72. v-model.number="formCampaign.dayBudget"
  73. style="width: 450px"
  74. >
  75. <template slot="append">元</template>
  76. </el-input>
  77. </el-form-item>
  78. <el-form-item
  79. label=" "
  80. prop="budgetSchedule"
  81. v-if="formCampaign.dayBudgetType == '3'"
  82. >
  83. <el-row class="only-the-class">
  84. <el-col
  85. :span="3"
  86. v-for="(item, index) of budgetSchedule"
  87. :key="index"
  88. >
  89. <el-card shadow="never">
  90. <div slot="header" class="clearfix">
  91. {{ "周" + numberReturn(index) }}
  92. </div>
  93. <el-input-number
  94. style="width: 100%"
  95. :min="500"
  96. :max="100000000"
  97. v-model="item.one"
  98. :precision="1"
  99. />
  100. </el-card>
  101. </el-col>
  102. </el-row>
  103. </el-form-item>
  104. <el-form-item label="计划名称" prop="campaignName">
  105. <el-input
  106. v-model="formCampaign.campaignName"
  107. style="width: 450px"
  108. />
  109. </el-form-item>
  110. </el-card>
  111. </el-col>
  112. <el-col :span="24" style="margin-top: 15px">
  113. <el-card class="box-card">
  114. <div slot="header" class="clearfix">
  115. <span>广告组</span>
  116. </div>
  117. <el-form-item label="日预算" prop="groupDayBudget">
  118. <el-radio-group
  119. v-model="formCampaign.groupDayBudget"
  120. @change="$set(formCampaign, 'groupDayBudgetInput', undefined)"
  121. >
  122. <el-radio-button
  123. v-for="(item, index) in formList.groupDayBudgetList"
  124. :key="index"
  125. :label="item.value"
  126. >{{ item.label }}</el-radio-button
  127. >
  128. </el-radio-group>
  129. </el-form-item>
  130. <el-form-item
  131. label=" "
  132. prop="groupDayBudgetInput"
  133. v-if="formCampaign.groupDayBudget == 1"
  134. >
  135. <el-input
  136. placeholder="请输入单日预算"
  137. v-model.number="formCampaign.groupDayBudgetInput"
  138. style="width: 450px"
  139. >
  140. <template slot="append">元</template>
  141. </el-input>
  142. </el-form-item>
  143. <el-form-item label="投放方式" prop="speed">
  144. <el-radio-group v-model="formCampaign.speed">
  145. <el-radio-button
  146. v-for="(item, index) in formList.speedList"
  147. :key="index"
  148. :label="item.value"
  149. :disabled="item.value != 5"
  150. >{{ item.label }}</el-radio-button
  151. >
  152. </el-radio-group>
  153. </el-form-item>
  154. <el-form-item label="投放时间" prop="timeType">
  155. <el-radio-group
  156. v-model="formCampaign.timeType"
  157. @change="formCampaign.scheduleTime = undefined"
  158. >
  159. <el-radio-button
  160. v-for="(item, index) in formList.timeTypeList"
  161. :key="index"
  162. :label="item.value"
  163. :disabled="item.value == 1"
  164. >{{ item.label }}</el-radio-button
  165. >
  166. </el-radio-group>
  167. </el-form-item>
  168. <el-form-item
  169. label=" "
  170. prop="timeStr"
  171. v-if="formCampaign.timeType == 3"
  172. >
  173. <el-date-picker
  174. v-model="formCampaign.timeStr"
  175. type="daterange"
  176. range-separator="至"
  177. start-placeholder="开始日期"
  178. end-placeholder="结束日期"
  179. value-format="yyyy-MM-dd"
  180. style="width: 450px"
  181. >
  182. </el-date-picker>
  183. </el-form-item>
  184. <el-form-item
  185. label="投放时段"
  186. prop="scheduleTime"
  187. v-if="formCampaign.timeType == 2"
  188. >
  189. <ScheduleTime
  190. v-if="formCampaign.timeType == 2"
  191. style="width: 100%; margin-right: 5px"
  192. :scheduleTime.sync="formCampaign.scheduleTime"
  193. />
  194. </el-form-item>
  195. <el-form-item label="创意组成方式" prop="showModeTwo">
  196. <el-radio-group v-model="formCampaign.showModeTwo">
  197. <el-radio-button
  198. v-for="(item, index) in formList.showModeList"
  199. :key="index"
  200. :label="item.value"
  201. >{{ item.label }}</el-radio-button
  202. >
  203. </el-radio-group>
  204. </el-form-item>
  205. <el-form-item label="创意展示方式" prop="showMode">
  206. <el-radio-group v-model="formCampaign.showMode">
  207. <el-radio-button
  208. v-for="(item, index) in formList.showModeOneList"
  209. :key="index"
  210. :label="item.value"
  211. >{{ item.label }}</el-radio-button
  212. >
  213. </el-radio-group>
  214. </el-form-item>
  215. <el-form-item
  216. label="资源位置"
  217. prop="sceneId"
  218. :rules="{
  219. required: true,
  220. message: '资源位置不能为空',
  221. trigger: 'change',
  222. }"
  223. >
  224. <el-checkbox-group v-model="formCampaign.sceneId">
  225. <el-checkbox-button
  226. v-for="(item, index) in formList.sceneIdList"
  227. :label="item.value"
  228. :key="item.value"
  229. :disabled="item.disabled"
  230. >{{ item.label }}</el-checkbox-button
  231. >
  232. </el-checkbox-group>
  233. </el-form-item>
  234. <el-form-item label="电商广告类型" prop="merchantItemPutType">
  235. <el-radio-group v-model="formCampaign.merchantItemPutType">
  236. <el-radio-button
  237. v-for="(item, index) in formList.merchantItemPutTypeList"
  238. :key="index"
  239. :label="item.value"
  240. >{{ item.label }}</el-radio-button
  241. >
  242. </el-radio-group>
  243. </el-form-item>
  244. <el-form-item label="辅助类型" prop="supportType">
  245. <el-radio-group v-model="formCampaign.supportType">
  246. <el-radio-button
  247. v-for="(item, index) in formList.supportTypeList"
  248. :key="index"
  249. :label="item.value"
  250. :disabled="item.disabled"
  251. >{{ item.label }}</el-radio-button
  252. >
  253. </el-radio-group>
  254. </el-form-item>
  255. <el-form-item label="广告组名称" prop="unitName">
  256. <el-input
  257. v-model="formCampaign.unitName"
  258. style="width: 450px"
  259. id="unitName"
  260. />
  261. <br />
  262. <el-tag
  263. @click="getChangeAll('定向包名', 'formInformation', 'unitName')"
  264. >+定向包名</el-tag
  265. >
  266. <el-tag
  267. @click="
  268. getChangeAll('人群定向名', 'formInformation', 'unitName')
  269. "
  270. >+人群定向名</el-tag
  271. >
  272. <el-tag
  273. @click="
  274. getChangeAll('人群排除名', 'formInformation', 'unitName')
  275. "
  276. >+人群排除名</el-tag
  277. >
  278. <el-tag
  279. @click="getChangeAll('转化目标', 'formInformation', 'unitName')"
  280. >+转化目标</el-tag
  281. >
  282. <el-tag
  283. @click="getChangeAll('出价', 'formInformation', 'unitName')"
  284. >+出价</el-tag
  285. >
  286. <el-tag
  287. @click="getChangeAll('日期', 'formInformation', 'unitName')"
  288. >+日期</el-tag
  289. >
  290. </el-form-item>
  291. </el-card>
  292. </el-col>
  293. <el-col :span="24" style="margin-top: 15px">
  294. <el-card class="box-card">
  295. <div slot="header" class="clearfix">
  296. <span>创意设置</span>
  297. </div>
  298. <el-form-item label="作品类型" prop="liveCreativeType">
  299. <el-radio-group v-model="formCampaign.liveCreativeType">
  300. <el-radio-button
  301. v-for="(item, index) in formList.liveCreativeTypeList"
  302. :key="index"
  303. :label="item.value"
  304. :disabled="item.disabled"
  305. >{{ item.label }}</el-radio-button
  306. >
  307. </el-radio-group>
  308. </el-form-item>
  309. <el-form-item label="创意名称" prop="creativeName">
  310. <el-input
  311. v-model="formCampaign.creativeName"
  312. style="width: 450px"
  313. />
  314. </el-form-item>
  315. </el-card>
  316. </el-col>
  317. <el-col :span="24">
  318. <div class="dialog-footer" style="float: right; margin-top: 15px">
  319. <el-button
  320. type="primary"
  321. @click="submitForm"
  322. :loading="confirmLoading"
  323. >确 定</el-button
  324. >
  325. <el-button @click="close">取 消</el-button>
  326. </div>
  327. </el-col>
  328. </el-row>
  329. </el-form>
  330. </div>
  331. </template>
  332. <script>
  333. import { refreshCache } from "@/api/system/dict/type";
  334. import vueUpload from "../trader/components/vueUpload";
  335. import FileUpload from "../trader/components/upload";
  336. import { editLaunch, addLaunchList, getById } from "@/api/live/live";
  337. import { getAccountList } from "@/api/trader/trader";
  338. export default {
  339. name: "create-live",
  340. components: {
  341. vueUpload,
  342. FileUpload,
  343. },
  344. data() {
  345. return {
  346. userId: undefined,
  347. confirmLoading: false,
  348. //广告创建表单
  349. formCampaign: {
  350. promotionType: "2",
  351. campaignType: "14",
  352. dayBudgetType: "1",
  353. groupDayBudget: 300,
  354. speed: 5,
  355. timeType: 3,
  356. showModeTwo: 3,
  357. showMode: 1,
  358. sceneId: [6],
  359. merchantItemPutType: 2,
  360. supportType: 0,
  361. liveCreativeType: 1,
  362. },
  363. budgetSchedule: [
  364. { one: undefined },
  365. { one: undefined },
  366. { one: undefined },
  367. { one: undefined },
  368. { one: undefined },
  369. { one: undefined },
  370. { one: undefined },
  371. ],
  372. //表单使用的下拉列表
  373. formList: {
  374. accountList: [
  375. { value: "1", label: "极速推广" },
  376. { value: "2", label: "专业推广" },
  377. ],
  378. promotionTypeList: [
  379. { value: "1", label: "极速推广" },
  380. { value: "2", label: "专业推广" },
  381. ],
  382. campaignTypeList: [
  383. { value: "3", label: "获取电商下单" },
  384. { value: "12", label: "小店商品推广" },
  385. { value: "14", label: "直播推广" },
  386. ],
  387. dayBudgetTypeList: [
  388. { value: "1", label: "不限" },
  389. { value: "2", label: "单日预算" },
  390. { value: "3", label: "分日预算" },
  391. ],
  392. groupDayBudgetList: [
  393. { value: 300, label: "¥300" },
  394. { value: 500, label: "¥500" },
  395. { value: 1000, label: "¥1000" },
  396. { value: 3000, label: "¥3000" },
  397. { value: 5000, label: "¥5000" },
  398. { value: 1, label: "自定义" },
  399. ],
  400. speedList: [
  401. { value: 5, label: "最大转化" },
  402. { value: 1, label: "成本保护" },
  403. ],
  404. timeTypeList: [
  405. { value: 1, label: "固定时长" },
  406. { value: 2, label: "从今天开始长期投放" },
  407. { value: 3, label: "设置开始结束日期" },
  408. ],
  409. showModeList: [
  410. { value: 1, label: "自主选择" },
  411. { value: 2, label: "系统优选" },
  412. { value: 3, label: "自主选择+系统优选" },
  413. ],
  414. showModeOneList: [
  415. { value: 1, label: "轮播" },
  416. { value: 2, label: "优选" },
  417. ],
  418. sceneIdList: [
  419. { value: 6, label: "上下划大屏广告", disabled: false },
  420. { value: 7, label: "优选信息流广告", disabled: false },
  421. { value: 10, label: "联盟场景", disabled: true },
  422. { value: 41, label: "激励广告", disabled: true },
  423. ],
  424. merchantItemPutTypeList: [
  425. { value: 0, label: "商品" },
  426. { value: 2, label: "个人主页" },
  427. ],
  428. supportTypeList: [
  429. { value: 0, label: "小店", disabled: false },
  430. { value: 3, label: "金牛", disabled: true },
  431. ],
  432. liveCreativeTypeList: [
  433. { value: 1, label: "直播投流", disabled: false },
  434. { value: 2, label: "视频引流", disabled: true },
  435. ],
  436. },
  437. //表单验证
  438. rules: {
  439. accountId: [
  440. {
  441. required: true,
  442. message: "账户必选",
  443. trigger: "change",
  444. },
  445. ],
  446. dayBudget: [
  447. {
  448. required: true,
  449. message: "单日预算不能为空",
  450. trigger: "change",
  451. },
  452. {
  453. type: "number",
  454. min: 500,
  455. max: 100000000,
  456. message: "预算不能少于500,不能超过100000000",
  457. trigger: "change",
  458. },
  459. ],
  460. groupDayBudgetInput: [
  461. {
  462. required: true,
  463. message: "单日预算不能为空",
  464. trigger: "change",
  465. },
  466. {
  467. type: "number",
  468. min: 300,
  469. max: 2000000,
  470. message: "预算不能少于300,不能超过2000000",
  471. trigger: "change",
  472. },
  473. ],
  474. campaignName: [
  475. {
  476. required: true,
  477. message: "计划名称不能为空",
  478. trigger: "blur",
  479. },
  480. {
  481. min: 1,
  482. max: 50,
  483. message: "请填写广告计划名称, 最多50字",
  484. trigger: "change",
  485. },
  486. ],
  487. timeStr: [
  488. {
  489. required: true,
  490. message: "时间段必填",
  491. trigger: "change",
  492. },
  493. ],
  494. unitName: [
  495. {
  496. required: true,
  497. message: "广告组名称不能为空",
  498. trigger: "blur",
  499. },
  500. {
  501. min: 1,
  502. max: 50,
  503. message: "请填写广告组名称, 最多50字",
  504. trigger: "change",
  505. },
  506. ],
  507. creativeName: [
  508. {
  509. required: true,
  510. message: "广告创意名称不能为空",
  511. trigger: "blur",
  512. },
  513. {
  514. min: 1,
  515. max: 50,
  516. message: "请填写广告创意名称, 最多50字",
  517. trigger: "change",
  518. },
  519. ],
  520. editRecordId: null,
  521. editVisble: false,
  522. },
  523. };
  524. },
  525. created() {
  526. this.userId = this.$store.getters.userId;
  527. this.getAccountList();
  528. if (this.$route && this.$route.query.id) {
  529. this.editRecordId = this.$route.query.id;
  530. this.editVisble = true;
  531. this.getDetail(this.editRecordId);
  532. }
  533. },
  534. filters: {},
  535. methods: {
  536. getDetail(item) {
  537. getById({ id: item })
  538. .then((res) => {
  539. var data = res.data;
  540. this.$set(this.formCampaign, "accountId", data.accountId);
  541. this.$set(this.formCampaign, "promotionType", data.promotionType);
  542. this.$set(this.formCampaign, "campaignType", data.campaignType);
  543. if (!!data.dayBudget && data.dayBudget != -1) {
  544. this.$set(this.formCampaign, "dayBudgetType", "2");
  545. setTimeout(() => {
  546. this.$set(this.formCampaign, "dayBudget", data.dayBudget / 1000);
  547. }, 0);
  548. } else if (!!data.budgetSchedule) {
  549. var index = JSON.parse(data.budgetSchedule).findIndex((item) => {
  550. return item != 0;
  551. });
  552. if (index > -1) {
  553. this.$set(this.formCampaign, "dayBudgetType", "3");
  554. this.budgetSchedule = JSON.parse(data.budgetSchedule).map(
  555. (item) => {
  556. return { one: item > 0 ? item / 1000 : undefined };
  557. }
  558. );
  559. } else {
  560. this.$set(this.formCampaign, "dayBudgetType", "1");
  561. }
  562. }
  563. this.$set(this.formCampaign, "campaignName", data.campaignName);
  564. if (!!data.groupDayBudget) {
  565. if (
  566. data.groupDayBudget / 1000 == 300 ||
  567. data.groupDayBudget / 1000 == 500 ||
  568. data.groupDayBudget / 1000 == 1000 ||
  569. data.groupDayBudget / 1000 == 3000 ||
  570. data.groupDayBudget / 1000 == 5000
  571. ) {
  572. this.$set(
  573. this.formCampaign,
  574. "groupDayBudget",
  575. data.groupDayBudget / 1000
  576. );
  577. } else {
  578. this.$set(this.formCampaign, "groupDayBudget", 1);
  579. this.$set(
  580. this.formCampaign,
  581. "groupDayBudgetInput",
  582. data.groupDayBudget / 1000
  583. );
  584. }
  585. } else {
  586. this.$set(this.formCampaign, "groupDayBudget", 300);
  587. }
  588. this.$set(this.formCampaign, "speed", data.speed);
  589. if (data.scheduleTime == "") {
  590. this.$set(this.formCampaign, "timeType", 3);
  591. setTimeout(() => {
  592. this.$set(
  593. this.formCampaign,
  594. "timeStr",
  595. !!data.beginTimeStr
  596. ? [data.beginTimeStr, data.endTimeStr]
  597. : undefined
  598. );
  599. }, 0);
  600. } else {
  601. this.$set(this.formCampaign, "timeType", 2);
  602. this.$set(this.formCampaign, "scheduleTime", data.scheduleTime);
  603. }
  604. this.$set(this.formCampaign, "unitName", data.unitName);
  605. this.$set(this.formCampaign, "creativeName", data.creativeName);
  606. this.$set(this.formCampaign, "showMode", data.showMode);
  607. this.$set(this.formCampaign, "sceneId", JSON.parse(data.sceneId));
  608. this.$set(
  609. this.formCampaign,
  610. "merchantItemPutType",
  611. data.merchantItemPutType
  612. );
  613. this.$set(this.formCampaign, "supportType", data.supportType);
  614. this.$set(
  615. this.formCampaign,
  616. "liveCreativeType",
  617. data.liveCreativeType
  618. );
  619. })
  620. .catch(() => {});
  621. },
  622. getAccountList() {
  623. getAccountList({
  624. userId: this.userId,
  625. pageNum: 1,
  626. pageSize: 100000,
  627. }).then((response) => {
  628. this.formList.accountList = response.rows.map((item) => {
  629. return {
  630. value: item.accountId,
  631. label: item.accountName,
  632. };
  633. });
  634. });
  635. },
  636. numberReturn(num) {
  637. var arr = ["一", "二", "三", "四", "五", "六", "日"];
  638. return arr[num];
  639. },
  640. // 失去焦点金额格式化
  641. nowInputMoney(el) {
  642. this.inputMoney(el).then((res) => {
  643. this.formCampaign.dayBudget = res;
  644. });
  645. },
  646. // 获得焦点金额去掉格式
  647. nowUninputMoney(el) {
  648. if (!!el.target.value) {
  649. this.uninputMoney(el).then((res) => {
  650. this.formCampaign.dayBudget = res;
  651. });
  652. }
  653. },
  654. //设置通配符
  655. getChangeAll(type, form, field) {
  656. var node = document.getElementById(field);
  657. var v = "-{{" + type + "}}-";
  658. if (document.selection) {
  659. //IE
  660. node.focus();
  661. var sel = document.selection.createRange();
  662. sel.text = v;
  663. sel.select();
  664. this.$set(this.formCampaign, field, sel.text);
  665. } else if (node.selectionStart || node.selectionStart == "0") {
  666. //MOZILLA/GOOGLE
  667. var startPos = node.selectionStart;
  668. var endPos = node.selectionEnd;
  669. var restoreTop = node.scrollTop;
  670. node.value =
  671. node.value.substring(0, startPos) +
  672. v +
  673. node.value.substring(endPos, node.value.length);
  674. if (restoreTop > 0) {
  675. node.scrollTop = restoreTop;
  676. }
  677. // this.formCampaign[field] = node.value;
  678. this.$set(this.formCampaign, field, node.value);
  679. node.focus();
  680. node.selectionStart = startPos + v.length;
  681. node.selectionEnd = startPos + v.length;
  682. // this.campaignName = node.value
  683. } else {
  684. //OTHER
  685. node.value += v;
  686. // console.log(node.value)
  687. this.$set(this.formCampaign, field, node.value);
  688. node.focus();
  689. // this.campaignName = node.value
  690. }
  691. },
  692. close() {
  693. if (this.editRecordId) {
  694. const obj = {
  695. path: "/live/create",
  696. query: { id: this.editRecordId },
  697. };
  698. const objOpen = { path: "/live/index" };
  699. this.$tab.closeOpenPage(obj);
  700. this.$tab.closePage(obj);
  701. this.$router.push(objOpen.path);
  702. } else {
  703. const obj = { path: "/live/create" };
  704. const objOpen = { path: "/live/index" };
  705. this.$tab.closeOpenPage(obj);
  706. this.$tab.closePage(obj);
  707. this.$router.push(objOpen.path);
  708. }
  709. },
  710. // 创建
  711. submitForm() {
  712. this.$refs["formCampaign"].validate((valid) => {
  713. if (valid) {
  714. var params = { ...this.formCampaign };
  715. if (params.dayBudgetType == "1") {
  716. params.budgetSchedule = [0, 0, 0, 0, 0, 0, 0];
  717. params.dayBudget = -1;
  718. } else if (params.dayBudgetType == "2") {
  719. params.dayBudget = params.dayBudget * 1000;
  720. params.budgetSchedule = [];
  721. } else if (params.dayBudgetType == "3") {
  722. var index = this.budgetSchedule.findIndex((item) => {
  723. return !item.one;
  724. });
  725. if (index > -1) {
  726. this.$message.error("分日预算必须全部填写");
  727. return;
  728. } else {
  729. params.budgetSchedule = this.budgetSchedule.map((item) => {
  730. return !!item.one ? item.one * 1000 : 0;
  731. });
  732. params.dayBudget = -1;
  733. }
  734. }
  735. if (params.groupDayBudget == 1) {
  736. params.groupDayBudget =
  737. this.formCampaign.groupDayBudgetInput * 1000;
  738. } else {
  739. params.groupDayBudget = params.groupDayBudget * 1000;
  740. }
  741. if (params.timeType == 3) {
  742. if (!this.formCampaign.timeType) {
  743. } else {
  744. params.beginTimeStr = this.formCampaign.timeStr[0];
  745. params.endTimeStr = this.formCampaign.timeStr[1];
  746. }
  747. params.scheduleTime = "";
  748. } else if (params.timeType == 2) {
  749. params.scheduleTime = !!params.scheduleTime
  750. ? params.scheduleTime
  751. : "000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000";
  752. params.beginTimeStr = "";
  753. params.endTimeStr = "";
  754. }
  755. params.createrId = this.userId;
  756. params.showMode = this.formCampaign.showMode;
  757. params.sceneId = this.formCampaign.sceneId;
  758. params.merchantItemPutType = this.formCampaign.merchantItemPutType;
  759. params.supportType = this.formCampaign.supportType;
  760. params.liveCreativeType = this.formCampaign.liveCreativeType;
  761. var that = this;
  762. if (this.editRecordId) {
  763. params.id = this.editRecordId;
  764. editLaunch(params)
  765. .then((res) => {
  766. const obj = {
  767. path: "/live/create",
  768. query: { id: this.editRecordId },
  769. };
  770. const objOpen = { path: "/live/index" };
  771. this.$tab.closeOpenPage(obj);
  772. this.$tab.closePage(obj);
  773. this.$router.push(objOpen.path);
  774. })
  775. .catch((err) => {});
  776. } else {
  777. addLaunchList(params)
  778. .then((res) => {
  779. const obj = { path: "/live/create" };
  780. const objOpen = { path: "/live/index" };
  781. this.$tab.closeOpenPage(obj);
  782. this.$tab.closePage(obj);
  783. this.$router.push(objOpen.path);
  784. })
  785. .catch((err) => {});
  786. }
  787. }
  788. });
  789. },
  790. },
  791. };
  792. </script>
  793. <style lang="scss" scoped>
  794. .entire-line {
  795. width: 100%;
  796. ::v-deep .el-form-item__content {
  797. width: 60%;
  798. }
  799. }
  800. ::v-deep .el-form-item__label {
  801. white-space: nowrap;
  802. }
  803. ::v-deep .el-tag {
  804. margin-right: 15px;
  805. }
  806. ::v-deep .only-the-class .el-input__inner {
  807. padding: 0;
  808. }
  809. ::v-deep .el-input-number__decrease {
  810. display: none;
  811. }
  812. ::v-deep .el-input-number__increase {
  813. display: none;
  814. }
  815. </style>