Bläddra i källkod

配置页面新增 联调

jiayufei 4 år sedan
förälder
incheckning
0b1e6244b9

+ 0 - 139
src/views/modules/account-config/account-config.less

@@ -24,142 +24,3 @@
         margin-top: 20px;
     }
 }
-/deep/ .configuration-modal {
-    width: 900px !important;
-    .ant-modal-body {
-        height: 600px !important;
-        overflow-y: auto;
-    }
-    .config-form-modal {
-        .dp-link-start {
-            display: inline-block;
-            .ant-form-item-label {
-                width: 100px;
-                margin-left: 43px;
-            }
-            .ant-form-item-control-wrapper {
-                width: 163px;
-            }
-        }
-        .dp-link-end {
-            display: inline-block;
-        }
-        .campaign-cnt-class {
-            display: inline-block;
-            .ant-form-item-label {
-                width: 160px;
-                margin-left: 73px;
-            }
-            .ant-form-item-control-wrapper {
-                width: 110px;
-            }
-        }
-        .campaign-ad-class {
-            display: inline-block;
-            .ant-form-item-label {
-                width: 110px;
-            }
-            .ant-form-item-control-wrapper {
-                width: 120px;
-            }
-        }
-        .avatar-uploader > .ant-upload {
-            width: 128px;
-            height: 128px;
-            position: relative;
-        }
-        .ant-upload-select-picture-card i {
-            font-size: 32px;
-            color: #999;
-        }
-        .ant-upload-select-picture-card .ant-upload-text {
-            margin-top: 8px;
-            color: #666;
-        }
-        .upload-img-class {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 100%;
-            .img-flex-url {
-                width: 128px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                height: 100%;
-                img {
-                    max-width: 100%;
-                    max-height: 100%;
-                }
-            }
-            .cover-img-div {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                line-height: 120px;;
-                background: rgba(10, 10, 10, 0.5);
-                z-index: 10000;
-                .delete-icon-class {
-                    font-size: 20px;
-                    color: #1890ff;
-                }
-            }
-        }
-        /deep/ .ant-form-item-control-wrapper {
-            width: 80%;
-        }
-        .common-input {
-            width: 150px;
-        }
-        .common-input-long {
-            width: 320px;
-        }
-        .acount-search-class {
-            width: 350px;
-        }
-        .form-line {
-            width: 100%;
-            height: 1px;
-            background: #eee;
-        }
-        .rock-title {
-            padding-left: 40px;
-            font-size: 18px;
-        }
-        .form-itrm-icon {
-            position: absolute;
-            top: 3px;
-            left: -175px;
-        }
-        .advers-title-class {
-            margin-left: 10px;
-            margin-right: 15px;
-        }
-        .adver-position-radio {
-            margin-left: 140px;
-            .creative-label-content {
-                width: 400px;
-                height: 200px;
-                padding: 10px;
-                border: 1px solid #eee;
-                .tag-select-class {
-                    margin-bottom: 15px;
-                }
-            }
-            .examin-form-icon {
-                font-size: 18px;
-                color: #1890ff;
-                cursor: pointer;
-                margin-left: 10px;
-            }
-        }
-        .position-radio-change {
-            margin-bottom: 10px;
-            /deep/ .ant-checkbox-wrapper {
-                margin: 0 !important;
-            }
-        }
-    }
-}

+ 28 - 27
src/views/modules/account-config/account-config.vue

@@ -101,19 +101,10 @@
                 @showSizeChange="onShowSizeChange"
             />
         </div>
-        <configuration-modal
-            v-if="relaxVisible"
-            :title="accountModalTitle"
-            :visible="relaxVisible"
-            @relaxSure="handleRelaxSure"
-            @relaxCancel="handleRelaxCancel"
-        >
-        </configuration-modal>
     </div>
 </template>
 <script>
 import AcountSearch from '@/views/modules/Statistics/components/Treeselect.vue';
-import ConfigurationModal from './components/configuration-modal.vue';
 
 import {getAction, putAction, deleteAction} from '@/api/manage';
 import {mapGetters} from 'vuex';
@@ -121,8 +112,7 @@ import {mapGetters} from 'vuex';
 export default {
     name: 'account-config',
     components: {
-        AcountSearch,
-        ConfigurationModal
+        AcountSearch
     },
     data() {
         return {
@@ -130,8 +120,6 @@ export default {
             budgetContent: '',
             isBudgetVisible: false,
             isModVisible: false,
-            relaxVisible: false,
-            accountModalTitle: 'add',
             acountId: undefined, // 搜索的账户ID
             totalAll: 0,
             tablePag: {
@@ -235,7 +223,7 @@ export default {
             this.handlePopoverChange(paramsData);
         },
         handlePopoverChange(data) {
-            putAction('/ctop/aiBytedanceAdvertiserStrategy/updStaOrCpaOrBudgetById', data).then(result => {
+            putAction('http://192.168.1.43:8080/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/updStaOrCpaOrBudgetById', data).then(result => {
                 if (result.code === 0) {
                     this.isModVisible = false;
                     this.isBudgetVisible = false;
@@ -256,7 +244,7 @@ export default {
                 pageNo: this.tablePag.page,
                 pageSize: this.tablePag.size
             };
-            getAction('/advertiser/aiBytedanceAdvertiserStrategy/list', paramsData).then(result => {
+            getAction('http://192.168.1.43:8080/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/list', paramsData).then(result => {
                 if (result.code === 0) {
                     this.dataSource = result.result.records;
                 }
@@ -273,7 +261,7 @@ export default {
                 title: '删除提示',
                 content: '确定要删除这一条吗?',
                 onOk() {
-                    deleteAction('/ctop/aiBytedanceAdvertiserStrategy/delete', {id: data.id}).then(result => {
+                    deleteAction('http://192.168.1.43:8080/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/delete', {id: data.id}).then(result => {
                         if (result.code === 0) {
                             that.handleInitTable();
                             that.$message.success('删除成功');
@@ -318,7 +306,7 @@ export default {
             const forDate = new FormData();
             forDate.append('id', paramsData.id);
             forDate.append('state', paramsData.state);
-            putAction('/ctop/aiBytedanceAdvertiserStrategy/updStaById', forDate).then(result => {
+            putAction('http://192.168.1.43:8080/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/updStaById', forDate).then(result => {
                 if (result.code === 200) {
                     this.$message.success(result.message);
                     this.handleInitTable();
@@ -332,18 +320,31 @@ export default {
         },
         handleEdit(data) {
             console.log(data, 'data-edit');
-            this.accountModalTitle = 'edit';
-            this.relaxVisible = true;
+            // TODO 切换路由时候,及时删除上一次相同路由
+            // let params = {
+            //     accountModal: 'edit',
+            //     id: data.id
+            // };
+            // localStorage.setItem('videoInfo', JSON.stringify(params));
+            this.$router.push({
+                path: '/account-config/components/configuration-modal',
+                query: {
+                    accountModal: 'edit',
+                    id: 123
+                }
+            });
         },
         handleAddAccountConfig() {
-            this.accountModalTitle = 'add';
-            this.relaxVisible = true;
-        },
-        handleRelaxSure(data) {
-            this.relaxVisible = false;
-        },
-        handleRelaxCancel() {
-            this.relaxVisible = false;
+            // let params = {
+            //     accountModal: 'add'
+            // };
+            // localStorage.setItem('videoInfo', JSON.stringify(params));
+            this.$router.push({
+                path: '/account-config/components/configuration-modal',
+                query: {
+                    accountModal: 'add'
+                }
+            });
         }
     }
 };

+ 160 - 0
src/views/modules/account-config/components/configuration-modal.less

@@ -0,0 +1,160 @@
+.configuration-modal {
+    .ant-modal-body {
+        height: 600px !important;
+        overflow-y: auto;
+    }
+    .config-form-modal {
+        .btn-Unique-con {
+            display: flex;
+            justify-content: flex-start;
+            .sure-btn {
+                margin-left: 20px;
+            }
+            .cancel-btn {
+                margin-left: 20px;
+                margin-right: 20px;
+            }
+        }
+        .separate-module-con {
+            width: 100%;
+            background: #fff;
+            padding: 15px 0;
+            margin-bottom: 15px;
+            .form-line {
+                width: 100%;
+                height: 1px;
+                background: #eee;
+            }
+            .rock-title {
+                padding-left: 40px;
+                font-size: 18px;
+                font-weight: 700;
+            }
+            .ant-form-item-label {
+                width: 140px;
+            }
+            .dp-link-start {
+                display: inline-block;
+                .ant-form-item-label {
+                    width: 100px;
+                    margin-left: 43px;
+                }
+                .ant-form-item-control-wrapper {
+                    width: 163px;
+                }
+            }
+            .dp-link-end {
+                display: inline-block;
+            }
+            .campaign-cnt-class {
+                display: inline-block;
+                .ant-form-item-label {
+                    width: 160px;
+                    margin-left: 73px;
+                }
+                .ant-form-item-control-wrapper {
+                    width: 110px;
+                }
+            }
+            .campaign-ad-class {
+                display: inline-block;
+                .ant-form-item-label {
+                    width: 110px;
+                }
+                .ant-form-item-control-wrapper {
+                    width: 120px;
+                }
+            }
+            .avatar-uploader > .ant-upload {
+                width: 128px;
+                height: 128px;
+                position: relative;
+            }
+            .ant-upload-select-picture-card i {
+                font-size: 32px;
+                color: #999;
+            }
+            .ant-upload-select-picture-card .ant-upload-text {
+                margin-top: 8px;
+                color: #666;
+            }
+            .upload-img-class {
+                position: absolute;
+                top: 0;
+                left: 0;
+                height: 100%;
+                .img-flex-url {
+                    width: 128px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    height: 100%;
+                    img {
+                        max-width: 100%;
+                        max-height: 100%;
+                    }
+                }
+                .cover-img-div {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    line-height: 120px;;
+                    background: rgba(10, 10, 10, 0.5);
+                    z-index: 10000;
+                    .delete-icon-class {
+                        font-size: 20px;
+                        color: #1890ff;
+                    }
+                }
+            }
+            /deep/ .ant-form-item-control-wrapper {
+                width: 80%;
+            }
+            .common-input {
+                width: 150px;
+            }
+            .common-input-long {
+                width: 320px;
+            }
+            .acount-search-class {
+                width: 350px;
+            }
+            
+            .form-itrm-icon {
+                position: absolute;
+                top: 3px;
+                left: -175px;
+            }
+            .advers-title-class {
+                margin-left: 10px;
+                margin-right: 15px;
+            }
+            .adver-position-radio {
+                margin-left: 140px;
+                .creative-label-content {
+                    width: 400px;
+                    height: 200px;
+                    padding: 10px;
+                    border: 1px solid #eee;
+                    .tag-select-class {
+                        margin-bottom: 15px;
+                    }
+                }
+                .examin-form-icon {
+                    font-size: 18px;
+                    color: #1890ff;
+                    cursor: pointer;
+                    margin-left: 10px;
+                }
+            }
+            .position-radio-change {
+                margin-bottom: 10px;
+                /deep/ .ant-checkbox-wrapper {
+                    margin: 0 !important;
+                }
+            }
+        }
+    }
+}

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 507 - 425
src/views/modules/account-config/components/configuration-modal.vue


+ 0 - 8
vue.config.js

@@ -67,14 +67,6 @@ module.exports = {
     port: 3000,
     open : true,
     proxy: {
-      '/jeecg-boot/ctop': {
-        target: 'http://192.168.1.43:8080', // 子安
-        ws: false,
-      },
-      '/jeecg-boot/file/': {
-        target: 'http://192.168.1.43:8080/', // 子安
-        ws: false,
-      },
       '/jeecg-boot': {
           // target: 'http://192.168.1.8:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙
           // target: 'http://192.168.1.3:8080', //请求本地 需要jeecg-boot后台项目  蒙蒙