zhuxinbo преди 5 години
родител
ревизия
7d56b45014

+ 175 - 0
src/views/modules/kuaishouapp/account/newMould.vue

@@ -0,0 +1,175 @@
+<style>
+#table_time_selected1 tr {
+  border: 1px solid rgb(102, 162, 243);
+}
+
+.plug-timer-grid th {
+  line-height: 25px;
+}
+.group-creat .ant-form-item-required::before {
+  display: inline-block;
+  margin-right: 4px;
+  color: #f5222d;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+  line-height: 1;
+  content: '';
+}
+.else-label .ant-form-item-label label::after {
+  content: '';
+  position: relative;
+  top: -0.5px;
+  margin: 0 8px 0 2px;
+}
+</style>
+<template>
+  <a-card :body-style="{ padding: '24px 32px' }" :bordered="false" class="group-creat">
+    <a-button type="primary" @click="visible = true">
+      创建模板
+    </a-button>
+    <a-modal v-model="visible" title="广告组创建信息" :width="900">
+      <targeted-population ref="population" :populationData.sync="populationData" v-if="visible"></targeted-population>
+      <template slot="footer">
+        <a-button key="submit" type="primary" @click="handleSubmit">
+          确定
+        </a-button>
+      </template>
+    </a-modal>
+  </a-card>
+</template>
+
+<script>
+import { getAction, postAction } from '@/api/manage'
+import moment from 'moment'
+import { mapGetters } from 'vuex'
+import jq from 'jquery'
+
+import targetedPopulation from '@/views/modules/kuaishouapp/account/stepForm/stepModule/targetedPopulation.vue'
+export default {
+  name: 'new-mould',
+  components: {
+    targetedPopulation
+  },
+  data() {
+    return {
+      populationData: {
+        platform_os: '1',
+        is_open: '0',
+        gender: '1',
+        network: '1',
+        interest_video: [2, 3],
+        ages_range: ['12', '41'],
+        device_brand: ['2', '9'],
+        device_price: ['5', '9'],
+        fans_star: [2, 3, 4, 5],
+        app_interest: [3, 4],
+        android_osv: '3',
+        business_interest_type: '2',
+        business_interest: [34328, 34330],
+        no_age_break: 0,
+        no_gender_break: 0,
+        no_area_break: 0,
+        region: [
+          11,
+          12,
+          13,
+          14,
+          15,
+          21,
+          22,
+          23,
+          31,
+          32,
+          33,
+          34,
+          35,
+          36,
+          37,
+          41,
+          42,
+          43,
+          44,
+          45,
+          46,
+          50,
+          51,
+          52,
+          53,
+          54,
+          61,
+          62,
+          63,
+          64,
+          65,
+          71,
+          81,
+          82
+        ],
+
+        allForm: {
+          regionType: 'limit',
+          region: [
+            { label: '北京', value: 11 },
+            { label: '天津', value: 12 },
+            { label: '河北', value: 13 },
+            { label: '山西', value: 14 },
+            { label: '内蒙古', value: 15 },
+            { label: '辽宁', value: 21 },
+            { label: '吉林', value: 22 },
+            { label: '黑龙江', value: 23 },
+            { label: '上海', value: 31 },
+            { label: '江苏', value: 32 },
+            { label: '浙江', value: 33 },
+            { label: '安徽', value: 34 },
+            { label: '福建', value: 35 },
+            { label: '江西', value: 36 },
+            { label: '山东', value: 37 },
+            { label: '河南', value: 41 },
+            { label: '湖北', value: 42 },
+            { label: '湖南', value: 43 },
+            { label: '广东', value: 44 },
+            { label: '广西', value: 45 },
+            { label: '海南', value: 46 },
+            { label: '重庆', value: 50 },
+            { label: '四川', value: 51 },
+            { label: '贵州', value: 52 },
+            { label: '云南', value: 53 },
+            { label: '西藏', value: 54 },
+            { label: '陕西', value: 61 },
+            { label: '甘肃', value: 62 },
+            { label: '青海', value: 63 },
+            { label: '宁夏', value: 64 },
+            { label: '新疆', value: 65 },
+            { label: '台湾', value: 71 },
+            { label: '香港', value: 81 },
+            { label: '澳门', value: 82 }
+          ],
+          ageType: 'ageLimit',
+          ages_range: [],
+          age: [],
+          device: '1',
+          price: '1',
+          appType: '1',
+          fansStar: '1',
+          interestVideo: '1'
+        }
+      },
+      visible: false
+    }
+  },
+  computed: {},
+  filters: {},
+  methods: {
+    handleSubmit(e) {
+      //   this.$refs.population.handleSubmit()
+      e.preventDefault()
+      this.$refs.population.handleSubmit()
+      console.log(JSON.stringify(this.populationData))
+    },
+    getData(className) {
+      return this.form.getFieldValue(className)
+    }
+  },
+  mounted: function() {}
+}
+</script>

+ 66 - 17
src/views/modules/kuaishouapp/account/stepForm/stepModule/targetedPopulation.vue

@@ -39,14 +39,14 @@ li:hover {
     <a-form-item
       label="地区"
       :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
-      :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
+      :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
     >
       <a-radio-group @change="regionChange" v-model="allForm.regionType" buttonStyle="solid">
         <a-radio-button value="noLimit">不限</a-radio-button>
         <a-radio-button value="limit">指定地区</a-radio-button>
       </a-radio-group>
       <div v-if="allForm.regionType == 'limit'" style="margin-top:10px">
-        <select-region :checkData.sync="allForm.region" />
+        <select-region :checkData.sync="allForm.region" :dataValue="allForm.region" />
         <!-- v-model="allForm.region" -->
         <!-- {{ getData('region') }} -->
         <!-- <el-cascader
@@ -229,7 +229,7 @@ li:hover {
       label="APP行为"
       :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
       :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
-      v-if="getData('platform_os') == '1'"
+      v-show="getData('platform_os') == '1'"
     >
       <a-radio-group buttonStyle="solid" v-model="allForm.appType" @change="getAppType">
         <a-radio-button value="0">不限</a-radio-button>
@@ -241,18 +241,31 @@ li:hover {
       label=" "
       :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
       :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
-      v-if="getData('platform_os') == '1' && allForm.appType == '1'"
+      v-show="getData('platform_os') == '1' && allForm.appType == '1'"
       class="else-label"
     >
-      <el-cascader
+      <a-select
+        mode="multiple"
+        style="width: 100%"
+        optionFilterProp="children"
+        showSearch
+        :filterOption="filterOption"
+        v-decorator="['app_interest', { rules: [{ required: true, message: '请选择APP行为' }] }]"
+      >
+        <a-select-option v-for="item in optionsAppActive" :key="item.tagId" :value="item.tagId">{{
+          item.tagName
+        }}</a-select-option>
+      </a-select>
+
+      <!-- <el-cascader
         ref="cascader"
         v-decorator="['app_interest', { rules: [{ required: true, message: '请选择分类' }] }]"
-        :options="optionsApp"
+        :options="optionsAppActive"
         :props="optionPropsApp"
         clearable
         filterable
         style="width:100%"
-      ></el-cascader>
+      ></el-cascader> -->
     </a-form-item>
     <a-form-item
       label=" "
@@ -322,7 +335,7 @@ li:hover {
       :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
       :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
       class="else-label"
-      v-if="getData('business_interest_type') == '2'"
+      v-show="getData('business_interest_type') == '2'"
     >
       <a-select
         mode="multiple"
@@ -344,7 +357,6 @@ li:hover {
     >
       <a-radio-group
         buttonStyle="solid"
-        @change="businessInterest"
         v-decorator="[
           'network',
           {
@@ -487,7 +499,7 @@ import { mapGetters } from 'vuex'
 import jq from 'jquery'
 
 import selectRegion from './selectRegion'
-
+import pick from 'lodash.pick'
 let dateQuantumRangeConst = ''
 const clickoutside = {
   // 初始化指令
@@ -529,7 +541,8 @@ export default {
       default() {
         return null
       }
-    }
+    },
+    populationData: {}
   },
   watch: {
     platform(n, o) {
@@ -588,6 +601,7 @@ export default {
         // checkStrictly: true
       },
       optionsApp: [],
+      optionsAppActive: [],
       checkOptions: [],
       businessOptions: [],
       fansStarOptions: [],
@@ -703,7 +717,8 @@ export default {
             ...json,
             no_age_break: values.no_age_break ? 1 : 0,
             no_gender_break: values.no_gender_break ? 1 : 0,
-            no_area_break: values.no_area_break ? 1 : 0
+            no_area_break: values.no_area_break ? 1 : 0,
+            allForm: this.allForm
           }
           this.$emit('update:populationData', dataJson)
         }
@@ -769,6 +784,8 @@ export default {
     getAppType(e) {
       console.log(e.target.value)
       this.optionsApp = []
+      this.form.setFieldsValue({ app_interest: [] })
+      this.checkArr = []
       if (e.target.value == '1') {
         getAction('/kuaishou/batch/getTargetList', { tagType: 'APP_INTEREST' }).then(res => {
           console.log(res)
@@ -779,6 +796,7 @@ export default {
       }
     },
     businessInterest(e) {
+      this.form.setFieldsValue({ business_interest: [] })
       if (e.target.value == '2') {
         this.getDataType('BUSINESS_INTEREST', 'businessOptions')
       }
@@ -809,11 +827,42 @@ export default {
     }
   },
   mounted: function() {
-    getAction('/kuaishou/batch/getRegion').then(res => {
-      console.log(res)
-      this.options = res.result
-      this.optionsAll = res.result
-    })
+    this.getDataType('APP_INTEREST', 'optionsAppActive')
+    this.getDataType('BUSINESS_INTEREST', 'businessOptions')
+    this.getDataType('FANS_STAR', 'fansStarOptions')
+    this.getDataType('INTEREST_VIDEO', 'interestVideoOptions')
+    if (this.populationData.allForm) {
+      this.allForm = this.populationData.allForm
+      this.$nextTick(() => {
+        //   setTimeout(() => {
+        console.log(this.populationData)
+        this.form.setFieldsValue(
+          pick(this.populationData, [
+            'business_interest_type',
+            'fans_star',
+            'interest_video',
+            'app_interest',
+            'platform_os',
+            'is_open',
+            'gender',
+            'network',
+            'ages_range',
+            'android_osv',
+            'device_brand',
+            'device_price',
+            'no_age_break',
+            'no_gender_break',
+            'no_area_break',
+            'business_interest'
+          ])
+        )
+        //   }, 100)
+        //   setTimeout(() => {
+        //     console.log(this.populationData)
+        //     this.form.setFieldsValue(pick(this.populationData, ['app_interest', 'business_interest']))
+        //   }, 100)
+      })
+    }
   }
 }
 

+ 8 - 3
src/views/modules/material/videoMaterial.vue

@@ -258,18 +258,23 @@ a {
                   />
                 </a-badge>
                 <div style="display:flex;justify-content:center;width:100%;height:200px;position:relative">
-                  <video
+                  <!-- <video
                     :src="items.url"
                     @canplay="a(items)"
                     style="height:200px;max-width:100%;position:absolute;z-index:10;"
-                  />
+                  /> -->
                   <img
+                    :src="items.url + '?x-oss-process=video/snapshot,t_00000,m_fast'"
+                    alt=""
+                    style="height:200px;max-width:100%;position:absolute;z-index:10;"
+                  />
+                  <!-- <img
                     src="./timg.gif"
                     v-if="!items.showVideo"
                     alt=""
                     style="height:200px;max-width:100%;position:absolute;z-index:11;"
                     @click.stop
-                  />
+                  /> -->
                 </div>
 
                 <div v-if="active == '2'" class="bh">驳回原因:{{ items.refuseReason }}</div>

+ 1 - 1
vue.config.js

@@ -66,7 +66,7 @@ module.exports = {
       '/jeecg-boot': {
         // target: 'http://39.97.120.42:8080', //请求本地 需要jeecg-boot后台项目  生产环境
         // target: 'http://39.106.184.70:8080', //请求本地 需要jeecg-boot后台项目
-        target: 'http://192.168.2.130:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙
+        target: 'http://192.168.2.143:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙
         // target: 'http://192.168.2.133:8080', //请求本地 需要jeecg-boot后台项目  英豪
         // target: 'http://192.168.2.132:8080', //请求本地 需要jeecg-boot后台项目
         // target: 'http://192.168.2.174:8080', //请求本地 需要jeecg-boot后台项目  祚云