浏览代码

文案库管理

jiayufei 4 年之前
父节点
当前提交
40827493a9
共有 2 个文件被更改,包括 49 次插入12 次删除
  1. 9 0
      src/views/modules/copy-library/copy-library.less
  2. 40 12
      src/views/modules/copy-library/copy-library.vue

+ 9 - 0
src/views/modules/copy-library/copy-library.less

@@ -56,6 +56,15 @@
             .select-project {
                 width: 100%;
             }
+            .mater-list-name {
+                height: 30px;
+                margin: 0;
+                .mater-list-icon {
+                    margin-left: 10px;
+                    color: #1890ff;
+                    cursor: pointer;
+                }
+            }
         }
         .examin-form-model {
             width: 500px;

+ 40 - 12
src/views/modules/copy-library/copy-library.vue

@@ -98,7 +98,17 @@
                     <div class="acount-title-left">选择素材</div>
                     <div class="acount-title-right">
                         <div class="only-title-mater">
-                            <p><a @click="handleSelectMaterial">选择素材</a></p>
+                            <div><a @click="handleSelectMaterial">选择素材</a></div>
+                            <div class="title-mater-list">
+                                <p
+                                    class="mater-list-name"
+                                    v-for="item in modalSelectMaterial"
+                                    :key="item.id"
+                                >
+                                    {{ item.name }}
+                                    <span class="mater-list-icon" @click="handleDelAlone(item)"><a-icon type="close"/></span>
+                                </p>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -166,17 +176,18 @@
             </div>
         </a-modal>
         <a-modal
+            v-if="visibleMatemal"
             title="选择素材"
-            v-model="visibleMatemal"
+            :visible="visibleMatemal"
             dialog-class="select-matermal-modal"
             @ok="handleOkShow"
-            @cancel="cancelAll"
+            @cancel="handleCancelAll"
         >
             <div class="mater-viedo-content">
                 <div class="viedo-header-class">
                     <div></div>
                     <div> 
-                        当前选择数量 1/15
+                        当前选择数量 1/{{ materTotalAll }}
                         <a-button type="primary" class="refush-btn-mat">刷新素材</a-button>
                     </div>
                 </div>
@@ -216,8 +227,8 @@
                         size="small"
                         show-size-changer
                         show-quick-jumper
-                        @change="onShowSizeChange"
-                        @showSizeChange="onShowSizeChange"
+                        @change="handleMasterPageChange"
+                        @showSizeChange="handleMasterPageChange"
                     />
                 </div>
             </div>
@@ -239,6 +250,18 @@ export default {
     },
     data() {
         return {
+            modalSelectMaterial: [
+                {
+                    name: '北京市去',
+                    id: 1,
+                    statDate: '2019-08-08'
+                },
+                {
+                    name: '素材视频',
+                    id: 2,
+                    statDate: '2019-08-08'
+                },
+            ],
             materTotalAll: 0,
             viedoCheckValue: [],
             viedoDefaultList: [
@@ -412,27 +435,30 @@ export default {
     },
     mounted() {
         this.handleInitTable();
-        this.handleGetCreativeWord();
     },
     methods: {
         ...mapGetters(['nickname', 'avatar', 'userInfo']),
-        onShowSizeChange(current, pageSize) {
+        handleDelAlone(data) {
+            this.modalSelectMaterial = this.modalSelectMaterial.filter(item => item.id !== data.id);
+        },
+        handleMasterPageChange(current, pageSize) {
             this.masterPag = {
                 page: current,
                 size: pageSize
             };
-            this.handleInitTable();
         },
         handleSelectMaterial() {
             console.log('选择素材');
             this.visibleMatemal = true;
         },
-        cancelAll() {
+        // 选择素材的取消按钮
+        handleCancelAll() {
             // this.checkVideoAll = []
             // this.checkVideoWei = []
-            this.visibleMatemal = false
-            this.md5Str = ""
+            this.visibleMatemal = false;
+            this.md5Str = '';
         },
+        // 选择素材的确认按钮
         handleOkShow() {
             // this.checkVideoAll = [...new Set(this.checkVideoAll)]
             // var data = tqFun(this.checkVideoAll).concat(tqFun(this.checkVideoWai))
@@ -622,6 +648,7 @@ export default {
             });
         },
         handleCauseCancel() {
+            this.copywrittypeName = 'horizontal';
             this.causeVisible = false;
             this.defaultFormList = [];
         },
@@ -666,6 +693,7 @@ export default {
             this.defaultFormList = formData.filter(item => list.id !== item.id);
         },
         handleAddAccountConfig() {
+            this.handleGetCreativeWord();
             this.causeVisible = true;
         },
         handleLaunchData(date, dateString) {