浏览代码

添加360借条报表生成页面

syh 5 年之前
父节点
当前提交
0f222cdb3e

+ 150 - 0
src/views/report/autodebit.vue

@@ -0,0 +1,150 @@
+<template>
+  <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
+    <a-form @submit="handleSubmit" :form="form">
+
+      <a-form-item
+        label="户一快手后台数据上传"
+        :labelCol="labelCol"
+        :wrapperCol="wrapperCol">
+        <upload-to-ali v-model="accountOneKsDataUrl"
+                       :customDomain="customDomain"
+                       preview
+                       :region="region"
+                       :bucket="bucket"
+                       :accept="acceptcsv"
+                       :size="102400"
+                       :accessKeyId="accessKeyId"
+                       :accessKeySecret="accessKeySecret"></upload-to-ali>
+      </a-form-item>
+
+      <a-form-item
+        label="户四快手后台数据上传"
+        :labelCol="labelCol"
+        :wrapperCol="wrapperCol">
+        <upload-to-ali v-model="accountFourKsDataUrl"
+                       :customDomain="customDomain"
+                       preview
+                       :region="region"
+                       :bucket="bucket"
+                       :accept="acceptcsv"
+                       :size="102400"
+                       :accessKeyId="accessKeyId"
+                       :accessKeySecret="accessKeySecret"></upload-to-ali>
+      </a-form-item>
+
+      <a-form-item
+        label="借条后台数据上传"
+        :labelCol="labelCol"
+        :wrapperCol="wrapperCol">
+        <upload-to-ali v-model="debitDataUrl"
+                       :customDomain="customDomain"
+                       preview
+                       :region="region"
+                       :bucket="bucket"
+                       :accept="acceptcsv"
+                       :size="102400"
+                       :accessKeyId="accessKeyId"
+                       :accessKeySecret="accessKeySecret"></upload-to-ali>
+      </a-form-item>
+      <a-form-item
+        label="文件下载"
+        v-if="showDownLoad"
+        :labelCol="labelCol"
+        :wrapperCol="wrapperCol">
+        <a style="margin-left: 8px" :href="downloadUrl" target="_blank">点击下载</a>
+      </a-form-item>
+
+      <a-form-item
+        :wrapperCol="{ span: 24 }"
+        style="text-align: center"
+      >
+        <a-button htmlType="submit" type="primary">提交</a-button>
+        <a-button style="margin-left: 8px">保存</a-button>
+      </a-form-item>
+    </a-form>
+  </a-card>
+</template>
+
+<script>
+  import UploadToAli from '@femessage/upload-to-ali';
+  import {postAction, getAction} from '@/api/manage';
+  import moment from 'moment';
+  import AFormItem from "ant-design-vue/es/form/FormItem";
+
+  export default {
+    name: 'BaseForm',
+    data() {
+      return {
+        previewVisible: false,
+        previewImage: '',
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        showDownLoad:false,
+        filepath:'',
+        downloadUrl:'',
+        debitDataUrl:'',
+        accountFourKsDataUrl:'',
+        accountOneKsDataUrl:'',
+        fileList:[],
+        accessKeyId:'LTAIbNbqWzSOklQV',
+        accessKeySecret:'1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
+        bucket:'ctop-media',
+        region:'oss-cn-beijing',
+        acceptcsv:'text/csv,application/vnd.ms-excel',
+        customDomain:'',
+        options:[],
+        loading: false,
+        form: this.$form.createForm(this),
+        url: {
+          uploadUrl:'/report/debitAuto',
+          downloadUrl:'/report/download/file'
+        }
+      }
+    },
+    components:{
+      AFormItem,
+      UploadToAli
+    },
+    methods: {
+      moment,
+      handleSubmit(e) {
+        e.preventDefault()
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            console.log('Received values of form: ', values);
+
+            let params = {};
+            params.accountOneKsDataUrl = this.accountOneKsDataUrl;
+            params.accountFourKsDataUrl = this.accountFourKsDataUrl;
+            params.debitDataUrl = this.debitDataUrl;
+            console.log(params)
+            postAction(this.url.uploadUrl,params).then((res)=>{
+              console.log(res)
+              if(res.success){
+                alert(res.path);
+                this.filepath = res.path;
+                this.downloadUrl = "http://39.97.120.42:8080/jeecg-boot/"+this.url.downloadUrl+"?path="+this.filepath;
+                this.showDownLoad = true;
+              }else{
+                alert(res.message);
+                this.showDownLoad = false;
+              }
+            });
+
+          }
+        })
+      },
+      onChange(value) {
+        console.log(value)
+      }
+    },
+    created: function () {
+    }
+  }
+</script>

+ 1 - 1
src/views/template/creative/create.vue

@@ -13,7 +13,7 @@
         style="width: 200px"
         :filterOption="filterOption"
       >
-        <a-select-option v-for="user in userList" :key="user.accountId" :value="user.accountId">{{user.advertiserName}}</a-select-option>
+        <a-select-option v-for="user in userList" :key="user.accountId" :value="user.accountId">{{user.authName}}</a-select-option>
       </a-select>
     </a-form-item>
 

+ 24 - 4
src/views/template/namemodel/modules/BytedanceNameModelRuleModal.vue

@@ -24,10 +24,10 @@
           <a-input placeholder="请输入生成规则" v-decorator="['rule', validatorRules.rule ]" />
           <br>
 
-          <a-button :size="size">渠道</a-button>
-          <a-button :size="size">素材类型</a-button>
-          <a-button :size="size">素材名称</a-button>
-          <a-button :size="size">日期</a-button>
+          <a-button :size="size" @click="clickQd">渠道</a-button>
+          <a-button :size="size" @click="clickSclx">素材类型</a-button>
+          <a-button :size="size" @click="clickScmc">素材名称</a-button>
+          <a-button :size="size" @click="clickRq">日期</a-button>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
@@ -79,6 +79,26 @@
     created () {
     },
     methods: {
+      clickQd(){
+        this.form.setFieldsValue({
+          "rule": this.form.getFieldValue("rule") +"{渠道号}"
+        });
+      },
+      clickSclx(){
+        this.form.setFieldsValue({
+          "rule": this.form.getFieldValue("rule") +"{素材类型}"
+        });
+      },
+      clickScmc(){
+        this.form.setFieldsValue({
+          "rule": this.form.getFieldValue("rule") +"{素材名称}"
+        });
+      },
+      clickRq(){
+        this.form.setFieldsValue({
+          "rule": this.form.getFieldValue("rule") +"{日期}"
+        });
+      },
       add () {
         this.edit({});
       },