浏览代码

'暂存数据'

魏志佳 4 年之前
父节点
当前提交
647ca83ba0

+ 2 - 2
src/views/modules/BatchCreate/newPlan.vue

@@ -1411,7 +1411,7 @@ export default {
       align-self: flex-start;
       line-height: 20px;
       height: 20px;
-      margin-top: 9px;
+      margin-top: 5px;
     }
     .row-item .label-item {
       position: relative;
@@ -1419,7 +1419,7 @@ export default {
       align-self: flex-start;
       line-height: 20px;
       height: 20px;
-      margin-top: 10px;
+      margin-top: 7px;
       width: 80px;
       min-width: 80px;
       .text-item {

+ 114 - 166
src/views/modules/LaunchHousekeeper/LaunchHousekeeperList.vue

@@ -5,32 +5,35 @@
                 <!-- <Treeselect :appId.sync="accountID" :multiple="false" request="2,4" reqUrl='/ctop/projectMember/getProjectAccountByUserId' ref="treeSelect" style="margin-bottom:8px " /> -->
 
                 <a-tree-select
-                    v-model="accountIds"                   
-                    multiple
-                    tree-checkable
+                    v-model="accountIds"
+                    show-search
                     style="width: 600px;height:30px"
                     :dropdownMatchSelectWidth='true'
                     :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"              
+                    tree-checkable
+                    searchPlaceholder='请输入账户关键字搜索'
                     :show-checked-strategy="SHOW_PARENT"
                     placeholder="请选择项目和账户或搜索账户关键字"
                     treeNodeFilterProp="title"
                     :allowClear="true"
-                    :maxTagCount='1'   
-                    @change="treeChange"                                                        
-                    :tree-data="treeData"   
-                    :load-data="accountHttp"                
-                />
+                    @change="treeChange"
+                                       
+                    :maxTagCount='1'    
+                    :tree-data="treeData"
+                    :filterOption='filterOption'
+                >
               
+                </a-tree-select>
             </span>
             <span class="OptinItem">
                 <a-select  style="width: 120px" v-model="statusValue" @change="statusChange" placeholder="请选择状态">
-                    <a-select-option value="" >
+                    <a-select-option :value="0" >
                         不限
                     </a-select-option>
-                    <a-select-option value="ENABLED" >
+                    <a-select-option :value="1" >
                         启用
                     </a-select-option>
-                    <a-select-option value="DISABLED" >
+                    <a-select-option :value="2" >
                         暂停
                     </a-select-option>
                 </a-select>
@@ -144,13 +147,7 @@
                         <a-divider type="vertical" />
                         <a href="javascript:;" @click="planAnalysis(record)">计划分析</a>
                         <a-divider type="vertical" />
-                        <a-popconfirm
-                            title="确定删除该投放项目吗?"
-                            @confirm="deleteProject(record)"                            
-                        >
-                            <a href="javascript:;" >删除</a>
-                        </a-popconfirm>
-                        
+                        <a href="javascript:;" @click="deleteProject(record)">删除</a>
                     </span>
                 </a-table>
             </div>
@@ -161,9 +158,8 @@
 <script>
 import moment from 'moment';
 import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
-import { TreeSelect } from 'ant-design-vue';
 const SHOW_PARENT = TreeSelect.SHOW_PARENT;
-
+import { TreeSelect } from 'ant-design-vue';
 import qs from 'qs'
 const columns = [
   {
@@ -174,14 +170,14 @@ const columns = [
     scopedSlots: { customRender: 'checkedStatus' }
   },
   {
-    title: '名称',
+    title: '投放项目名称',
     dataIndex: 'name',
     key: 'name',
     align: 'center',
     scopedSlots: { customRender: 'name' }
   },
   {
-    title: '状态',
+    title: '投放项目状态',
     dataIndex: 'statusName',
     key: 'statusName',
     align: 'center',
@@ -193,7 +189,7 @@ const columns = [
     //     align: 'center',
     //   },
   {
-    title: '预算类型',
+    title: '投放项目预算类型',
     dataIndex: 'budgetMode',
     key: 'budgetMode',
     align: 'center',
@@ -201,7 +197,7 @@ const columns = [
     scopedSlots: { customRender: 'budgetMode' }
   },
   {
-    title: '预算(元)',
+    title: '投放项目预算(元)',
     dataIndex: 'budget',
     key: 'budget',
     align: 'center',
@@ -241,7 +237,6 @@ const columns = [
 export default {
     data() {
         return {
-            
             treeData: [],
             SHOW_PARENT,
             accountIds:[],
@@ -309,53 +304,53 @@ export default {
          // //项目改变后的事件
         treeChange(val) {
         // console.log(this.treeData)
-        console.log(val)
-        this.accountIds = [];
-        //选择一个后禁用其他
-        if(val.length==1){
-            if(val[0]*1){
-                let selectindex=0
-                this.treeData.forEach((ele,index)=>{                   
-                    if(ele.children){
-                        ele.children.map((item,ind)=>{
-                                if(item.value==val[0]){
-                                    selectindex=index;
+            console.log(val)
+            this.accountIds = [];
+            //选择一个后禁用其他
+            if(val.length==1){
+                if(val[0]*1){
+                    let selectindex=0
+                    this.treeData.forEach((ele,index)=>{                   
+                        if(ele.children){
+                            ele.children.map((item,ind)=>{
+                                    if(item.value==val[0]){
+                                        selectindex=index;
+                                    }
+                            })
+                        }                   
+                    });
+                    // console.log(selectindex)
+                    if(selectindex ||selectindex==0){
+                        this.treeData.forEach((ele,index)=>{
+                            if(index!=selectindex){
+                                ele.disableCheckbox = true;
+                                if(ele.children){
+                                    ele.children.map((item,ind)=>{
+                                        item.disableCheckbox = true;
+                                    })
                                 }
+                            }
                         })
-                    }                   
-                });
-                // console.log(selectindex)
-                if(selectindex ||selectindex==0){
+                    }
+                    
+                }else{
+                    //  console.log(1)
                     this.treeData.forEach((ele,index)=>{
-                        if(index!=selectindex){
-                            ele.disableCheckbox = true;
-                            if(ele.children){
-                                ele.children.map((item,ind)=>{
-                                    item.disableCheckbox = true;
-                                })
+                            if(ele.value!=val[0]){
+                                ele.disableCheckbox = true;
+                                
+                                if(ele.children){
+                                    ele.children.forEach((item,ind)=>{
+                                        item.disableCheckbox = true;
+                                    })
+                                }
                             }
-                        }
+                            
                     })
                 }
+                // console.log(this.mediaId)
                 
-            }else{
-                //  console.log(1)
-                this.treeData.forEach((ele,index)=>{
-                        if(ele.value!=val[0]){
-                            ele.disableCheckbox = true;
-                            
-                            if(ele.children){
-                                ele.children.forEach((item,ind)=>{
-                                    item.disableCheckbox = true;
-                                })
-                            }
-                        }
-                        
-                })
             }
-            // console.log(this.mediaId)
-            
-        }
 
             if(val.length==0){
                 this.treeData.forEach((ele,index)=>{              
@@ -370,53 +365,53 @@ export default {
                 });
                 
             }
-        if(val){
-            val.forEach((ele,index)=>{
-            if(ele*1){
-                this.accountIds.push(ele)
-            }else{              
-                let projectArr=this.treeData.filter((item)=>{
-                    return item.value==ele
-                });
-                // console.log(projectArr)
-                projectArr[0].children.forEach((element)=>{
-                    this.accountIds.push(element.value)
-                })
-            }
+            if(val){
+                val.forEach((ele,index)=>{
+                if(ele*1){
+                    this.accountIds.push(ele)
+                }else{              
+                    let projectArr=this.treeData.filter((item)=>{
+                        return item.value==ele
+                    });
+                    // console.log(projectArr)
+                    projectArr[0].children.forEach((element)=>{
+                        this.accountIds.push(element.value)
+                    })
+                }
 
 
-            })       
-        }
-        
-        console.log(this.accountIds);
-        let LHKaccountInfo=[]
-        this.accountIds.forEach(item=>{
-            this.treeData.forEach(element=>{
-                element.children.forEach(ele=>{
-                if(item==ele.value){
-                    LHKaccountInfo.push(ele)
-                }
+                })       
+            }
+            
+            console.log(this.accountIds);
+            let LHKaccountInfo=[]
+            this.accountIds.forEach(item=>{
+                this.treeData.forEach(element=>{
+                    element.children.forEach(ele=>{
+                    if(item==ele.value){
+                        LHKaccountInfo.push(ele)
+                    }
+                    })
                 })
             })
-        })
 
         
         },
         
         
-        // filterOption(input, option){
-        // console.log(input, option)
-        // return (
-        //     option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-        //     );
-        // },
+        filterOption(input, option){
+        console.log(input, option)
+        return (
+            option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            );
+        },
     
         //请求项目和账户内容
         accountHttp(){
             this.treeData=[];
             this.accountIds=[];
             getAction('/ctop/projectMember/getProjectAccountByUserId?mediaType=1', {}).then(res => {
-                if(res.success){
+            if(res.success){
                     // console.log(res);
                     if(res.result){
                         res.result.forEach((element,index) => {
@@ -442,7 +437,7 @@ export default {
                         // console.log(this.treeData)
                         
                     }
-                }
+            }
             })
         },
 
@@ -454,7 +449,7 @@ export default {
 
         disabledDate(current) {
             // console.log(current)
-            return current && current > moment()
+            return current && current > moment().subtract(1, 'day')
         },
 
         dateChange(date, dateString) {
@@ -464,14 +459,15 @@ export default {
 
         search(){
             // console.log(this.accountID,this.dateString,this.statusValue,this.optionId);
-            this.loading=true
+
+            if(this.accountIds.length>0){
+                this.loading=true
                 
-            this.tableListHttp()
-            // if(this.accountIds.length>0){              
+                this.tableListHttp()
                 
-            // }else{
-            //     this.$message.error('请选择账户后重试')
-            // }
+            }else{
+                this.$message.error('请选择账户后重试')
+            }
 
         },
 
@@ -490,13 +486,11 @@ export default {
                 let params=[];
                 params=this.selectedRows.map(item=>{
                     return {
-                        accountId:item.accountId,
-                        groupId:item.id,    
-                        userId:this.userInfo.value.id,
-                        optStatus:'DELETED',                   
+                        accountId:record.accountId,
+                        groupId:record.id,
+                        
                     }
                 })
-                this.batchEditStatus(params)
             }
         },
 
@@ -507,22 +501,21 @@ export default {
                 let params=[];
                 params=this.selectedRows.map(item=>{
                     return {
-                        accountId:item.accountId,
-                        groupId:item.id,
-                        userId:this.userInfo.value.id,
-                        optStatus:'DELETED',
+                        accountId:record.accountId,
+                        groupId:record.id,
+                        optStatus:'DELETE',
                     }
                 })
             
                 if(this.optValue=='pause'){   
                     this.loading=true;
                     params.forEach(item=>{
-                        item.optStatus='DISABLED';
+                        item.optStatus='ENABLE';
                     })
                     // this.batchEditStatus(params)
                 }else if(this.optValue=='open'){
                    params.forEach(item=>{
-                        item.optStatus='ENABLED';
+                        item.optStatus='DISABLED';
                     })
                     // this.batchEditStatus(params)
                 }
@@ -531,7 +524,6 @@ export default {
                 
             }
             
-
         },
 
         sort(pagination, filters, sorter, { currentDataSource }){
@@ -543,19 +535,14 @@ export default {
         },
 
         batchEditStatus(params){
-            this.loading=true;
             postAction('/adlab/ctopAdlabProjectDetail/edit',params).then(res=>{
                 console.log(res)
                 if(res.success){
                     this.$message.success('修改成功');
                     this.tableListHttp();
                 }else{
-                    this.$message.success('修改失败');
-                    this.loading=false;
-
+                    this.$message.success('修改失败')
                 }
-                this.selectedRows=[];
-                this.selectedRowKeys=[];
             })
         },
          //状态改变
@@ -567,12 +554,10 @@ export default {
 
             let params=[];
             params.push({
-                userId:this.userInfo.value.id,
                 accountId:record.accountId,
                 groupId:record.id,
-                optStatus:record.optStatus=="DISABLED"?'ENABLED':'DISABLED'
+                optStatus:record.optStatus=="DISABLED"?'ENABLE':'DISABLED'
             })
-            
             postAction('/adlab/ctopAdlabProjectDetail/edit',params).then(res=>{
                 console.log(res)
                 record.spin=false;
@@ -593,23 +578,6 @@ export default {
 
         editProject(records){
             console.log(records);
-            let accountName='';
-            this.treeData.forEach(item=>{
-                if(item.children){
-                    item.children.forEach(ele=>{
-                        if(ele.value==records.accountId){
-                            records.accountName=ele.title
-                        }
-                    })
-                }
-                
-            })
-            // getAction('/adlab/ctopAdlabProjectDetail/queryById',{
-            //     id:records.id
-            // }).then(res=>{
-            //     console.log(res)
-            // })
-
             sessionStorage.setItem('editLHKProjectInfo',JSON.stringify(records));
             this.$router.push({path:'/LaunchHousekeeper/setProjectBudget'})
         },
@@ -617,35 +585,18 @@ export default {
             console.log(records)
         },
         deleteProject(records){
-            console.log(records);
-          
-            let params=[];
-             params.push({
-                userId:this.userInfo.value.id,
-                accountId:records.accountId,
-                groupId:records.id,
-                optStatus:'DELETED'
-            })
-            
-            this.batchEditStatus(params)
-
-            
+            console.log(records)
         },
 
         // 请求账户的列表
         tableListHttp(){
             // let accountIds=JSON.stringify(this.accountIds)     
             // let createTime=JSON.stringify(this.dateString)      
-            let createTime=[]
-            if(this.dateValue.length){
-                createTime=[this.dateValue[0].format('YYYY-MM-DD 00:00:00'),this.dateValue[1].format('YYYY-MM-DD 23:59:59')]
-            }
             postAction('/adlab/ctopAdlabProjectDetail/list',{
                 accountIds:this.accountIds,
                 userId:this.userInfo.value.id,
-                // createTime:this.dateString,
-                createTime,
-                optStatus:this.statusValue==undefined?'':this.statusValue,
+                createTime:this.dateString,
+                optStatus:this.statusValue==undefined?0:this.statusValue,
                 name:this.name==undefined?'':this.name,
                 pageNo:this.ipagination.current,
                 pageSize:this.ipagination.pageSize
@@ -667,16 +618,13 @@ export default {
             })
         },
     },
-    activated(){
-        this.tableListHttp();
-    },
     mounted() {
         this.accountHttp()
         let userInfo=localStorage.getItem('pro__Login_Userinfo')
         if(userInfo){
             this.userInfo=JSON.parse(userInfo)        
         }
-        // this.tableListHttp();
+        this.tableListHttp();
     },
 }
 </script>

+ 7 - 0
src/views/modules/Statistics/videoStatics/TTvideoStatics.vue

@@ -195,6 +195,13 @@ const columnsFixd = [
     width: 120,
     fixed: 'left'
   },
+  // {
+  //   title: '视频ID',
+  //   dataIndex: 'signature',
+  //   align: 'center',
+  //   width: 120,
+  //   fixed: 'left'
+  // },
   {
     title: '项目名称',
     dataIndex: 'projectName',

+ 255 - 0
src/views/modules/autoRules/autoRulesList.vue

@@ -0,0 +1,255 @@
+<template>
+    <div class="autoRulesList">
+        <div class="tabBody">
+            <a-tabs v-model="tabKey" @change="tabChange">
+                <a-tab-pane key="1" tab="规则管理"></a-tab-pane>
+                <a-tab-pane key="2" tab="运行记录" ></a-tab-pane>
+            </a-tabs>
+        </div>
+        <div class="tableBody">
+            <div class="opt" v-if="tabKey=='1'">
+                <a-button type='primary' @click='createNewRule'>新建空白规则</a-button>
+                <p class="title">已创建的自动规则</p>
+            </div>
+            <div class="opts" v-else>
+                 <a-input-search placeholder="请输入规则id" style="width:350px" v-model="rulesId" enter-button @search="onSearch" />
+            </div>
+            <div class="table">
+                <a-table
+                    size="middle"
+                    :columns="columns"
+                    :dataSource="data"
+                    bordered
+                    id="outTable"
+                    :pagination="ipagination"
+                    :scroll="{ x: scrollX }"
+                    :loading="loading"
+                    @change="sort"
+                    style="word-break: break-all;"
+                    >
+                    <span slot="status" slot-scope="text,record">
+                        <a-spin :spinning="record.spin" size="small" >
+                            <div class="spin-content">
+                                <a-switch size="default" :checked=text  @change="switchChange(text,record)"/>
+                            </div>
+                        </a-spin>
+                        <!-- <a-switch size="default" :checked=text  @change="switchChange(text,record)"/> -->
+                    </span>
+                    <span slot="options" slot-scope="text,record">
+                        <a href="javascript:;" @click="editRule(record)">编辑</a>
+                        <a-divider type="vertical" />
+                        <a href="javascript:;" @click="recordsRule(record)">计划分析</a>
+                        <a-divider type="vertical" />
+                        <a-popconfirm
+                            title="确定删除该规则吗?"
+                            @confirm="deleteRule(record)"                            
+                        >
+                            <a href="javascript:;" >删除</a>
+                        </a-popconfirm>
+                        
+                    </span>
+
+                </a-table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment';
+import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
+let existColumns=[
+    {
+        title: '运行/暂停',
+        dataIndex: 'status',
+        align: 'center',
+        width:100,
+        key: 'status',
+        scopedSlots: { customRender: 'status' }
+    },
+    {
+        title: '规则名称',
+        dataIndex: 'name',
+        align: 'center',
+        
+        key: 'name',
+        scopedSlots: { customRender: 'name' }
+    },
+    {
+        title: '规则ID',
+        dataIndex: 'id',
+        align: 'center',
+        key: 'id',
+        scopedSlots: { customRender: 'id' }
+    },
+    {
+        title: '应用对象',
+        dataIndex: 'applyObject',
+        align: 'center',
+        key: 'applyObject',
+        scopedSlots: { customRender: 'applyObject' }
+    },
+    {
+        title: '创建者',
+        dataIndex: 'creator',
+        align: 'center',
+        
+        key: 'creator',
+        scopedSlots: { customRender: 'creator' }
+    },
+    {
+        title: '操作',
+        dataIndex: 'options',
+        align: 'center',
+       
+        key: 'options',
+        scopedSlots: { customRender: 'options' }
+    },
+]
+
+
+let recordsColumns=[
+   
+    {
+        title: '规则名称',
+        dataIndex: 'name',
+        align: 'center',
+        
+        key: 'name',
+        scopedSlots: { customRender: 'name' }
+    },
+    {
+        title: '运行时间',
+        dataIndex: 'time',
+        align: 'center',
+        key: 'time',
+        scopedSlots: { customRender: 'time' }
+    },
+    {
+        title: '运行对象',
+        dataIndex: 'runObject',
+        align: 'center',
+        key: 'runObject',
+        scopedSlots: { customRender: 'runObject' }
+    },
+    {
+        title: '满足条件',
+        dataIndex: 'meetCondition',
+        align: 'center',      
+        key: 'meetCondition',
+        scopedSlots: { customRender: 'meetCondition' }
+    },
+    {
+        title: '运行结果',
+        dataIndex: 'result',
+        align: 'center',       
+        key: 'result',
+        scopedSlots: { customRender: 'result' }
+    },
+]
+
+
+
+export default {
+    data() {
+        return {
+            tabKey:"1",
+            rulesId:undefined,
+            data:[],
+            columns:[...existColumns],
+            scrollX:0,
+            loading:false,
+            ipagination: {
+            current: 1,
+            pageSize: 10,
+                //   pageSizeOptions: ['10', '20', '30'],
+                showTotal: (total, range) => {
+                    return range[0] + "-" + range[1] + " 共" + total + "条"
+                },
+                showQuickJumper: true,
+                showSizeChanger:true,
+                pageSizeOptions: ['10', '30', '50'],
+                total: 0,
+                onChange: (current, pageSize) => {
+                    // 切换分页时的回调,
+                    // 当在页面定义change事件时,切记要把此处的事件清除,因为这两个事件重叠了,可能到时候会导致一些莫名的bug
+                    this.ipagination.current = current;
+                    this.ipagination.pageSize= pageSize;
+                }
+            },
+            url:{
+                OverTime:'/oa/wechatNoList/selectOverTimePage',
+                abnormal:'/oa/wechatNoList/selectNoListPage',
+                allData:'/oa/wechatCheckinData/queryPageList'
+            },
+        }
+    },
+    methods: {
+        moment,
+        onSearch(value) {
+            console.log(value);
+        },
+        tabChange(key){
+            console.log(key);
+            if(key=='1'){
+                this.columns=[...existColumns]
+            }else{
+                 this.columns=[...recordsColumns]
+            }
+        },
+        createNewRule(){
+            this.$router.push('/newBlankRule')
+        },
+        sort(pagination, filters, sorter, { currentDataSource }){
+        
+            this.ipagination.current=pagination.current;
+
+            this.ipagination.pageSize=pagination.pageSize;
+            this.search()
+        },
+        editRule(record){
+            console.log(record)
+        },
+        recordsRule(record){
+            console.log(record)
+        },
+        deleteRule(record){
+            console.log(record)
+        },
+        switchChange(text,record){
+            console.log(text,record)
+        },
+    },
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.autoRulesList{
+    background: white;
+    padding: 20px;
+    .tabBody{
+        margin-bottom: 5px;
+    }
+    .tableBody{
+        .opt{
+            .title{
+                margin: 15px 0;
+                height: 57px;
+                font-size: 16px;
+                color: #333;
+                line-height: 57px;
+                background: #ffffff;
+                padding-left: 15px;
+                border-radius: 4px 4px 0 0;
+                font-weight: 600;
+                border-bottom: 1px solid #DADFE3;
+            }
+        }
+        .opts{
+            margin-bottom: 15px;
+        }
+    }
+}
+</style>

+ 795 - 0
src/views/modules/autoRules/newBlankRule.vue

@@ -0,0 +1,795 @@
+<template>
+    <div class='newBlankRule'>
+        <div class="toolbox-automate-rules-create-body">
+            <div class="toolbox-automate-rules-create-content_title"><h3> 新建自动规则</h3></div>
+            <div class="toolbox-automate-rules-create-content">
+                <a-form-model
+                    ref="ruleForm"
+                    :model="form"
+                    :rules="rules"
+                >
+                <div class="moduler">
+                    <!-- 应用对象 -->
+                    <div class="row-item" >
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">应用对象</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item"> 
+                             <a-form-model-item ref="applyObject"  prop="applyObject">
+                                <!-- <a-input
+                                    v-model="form.name"
+                                    @blur="
+                                    () => {
+                                        $refs.name.onFieldBlur();
+                                    }
+                                    "
+                                /> -->
+                                <a-radio-group v-model="form.applyObject" @change="applyObjChange">
+                                    <a-radio-button value="ACCOUNT">账户</a-radio-button>
+                                    <a-radio-button value="CAMPAIGN">计划</a-radio-button>
+                                    <a-radio-button value="UNIT">组</a-radio-button>
+                                    <a-radio-button value="CREATE">创意</a-radio-button>
+                                </a-radio-group>
+                            </a-form-model-item>
+                        </div>
+                    </div>
+                    <div class="row-item" >
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">应用范围</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item" > 
+                             <a-form-model-item ref="applyRange" prop="applyRange" v-if="form.applyObject!='ACCOUNT'">
+                                <a-radio-group v-model="form.applyRange">
+                                    <a-radio-button value="ACCORDINGTO_STATUS">按状态筛选</a-radio-button>
+                                    <a-radio-button value="APPOINT">指定</a-radio-button>
+                                </a-radio-group>
+                            </a-form-model-item>
+
+                            <a-form-model-item ref="applyAccount" prop="applyAccount" v-if="form.applyObject=='ACCOUNT'">
+                                <a-select  style="width: 300px" v-model="form.applyAccount" mode="multiple" placeholder="请选择具体的账户">
+                                    <a-select-option v-for="item in accountList" :key="item.id" :value='item.value'>
+                                        {{item.title}}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-model-item>
+                        </div>
+                    </div>
+                    <div class="row-item" v-if="form.applyRange=='APPOINT'&&form.applyObject!='ACCOUNT'">
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">选择状态</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item" > 
+                            <a-form-model-item ref="status"  prop="status">
+                                <a-select  style="width: 300px" v-model="form.status">
+                                    <a-select-option v-for="item in statusList" :key="item.id" :value='item.value'>
+                                        {{item.title}}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-model-item>
+
+                        </div>
+                    </div>
+                    <div class="row-item" v-if="form.applyRange=='ACCORDINGTO_STATUS'&&form.applyObject!='ACCOUNT'">
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">具体{{form.applyObject | handlerApplyObj}}</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item" > 
+                            <a-form-model-item ref="status"  prop="status">
+                                <a-select  style="width: 300px" v-model="form.status">
+                                    <a-select-option v-for="item in statusList" :key="item.id" :value='item.value'>
+                                        {{item.title}}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-model-item>
+
+                        </div>
+                    </div>
+                    <div class="row-item" >
+                        <div class="hint-item">
+                            <a-tooltip>
+                                <template slot="title">
+                                    针对计划或者账户粒度的消耗、成本、转化数等数据设置阈值作为监控条件,方便系统判断当前的计划状态;条件之间为「且」的关系
+                                </template>
+                                <a-icon type="question-circle" />
+                            </a-tooltip>
+                        </div>
+                        <div class="label-item">
+                            <div class="text-item">规则条件</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item" > 
+                           <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
+                               <div class="title">
+                                   <span class="condition-title">如果</span>
+                                   <a-form-model-item ref="causalCondition"  prop="causalCondition">
+                                        <a-select  style="width: 300px" v-model="form.causalCondition">
+                                            <a-select-option  value='MEET_ALL'>满足以下所有条件</a-select-option>
+                                            <a-select-option  value='MEET_ANY'>满足以下任意条件</a-select-option>
+                                        </a-select>
+                                    </a-form-model-item>
+                               </div>
+                               <div class="content">
+                                   <div class="rules-list" v-for="(item,index) in rulesList" :key='index'>
+                                        <div class="rules-list-item">
+                                            <div class="rules-list-item-subject" >
+                                                <a-cascader
+                                                    v-model="item.baseCondition"
+                                                    :options="condition"
+                                                    :display-render="displayRender"
+                                                    expand-trigger="hover"
+                                                    placeholder=""
+                                                    @change="conditionChange(item)"
+                                                />
+                                            </div>
+                                            <div class="rules-list-item-subject" >
+                                                <a-select  v-model="item.whichDayOfData">
+                                                    <a-select-option  value='CURRENT_DAY_DATA'>当天数据</a-select-option>
+                                                </a-select>
+                                            </div>
+                                            <div class="rules-list-item-subject" >
+                                                <a-select   v-model="item.compareOperate">
+                                                    <a-select-option  value='GT_EQ'>大于等于</a-select-option>
+                                                    <a-select-option  value='LT_EQ'>小于等于</a-select-option>
+                                                    <a-select-option  value='BETWEEN'>介于</a-select-option>
+                                                </a-select>
+                                            </div>
+                                            <div class="rules-list-item-subject" v-if="item.baseCondition[1]=='COST'">
+                                                <a-select   v-model="item.whichModuleOfMoney">
+                                                    <a-select-option  value='MONEY'>金额</a-select-option>
+                                                    <a-select-option  value='DAY_BUDGET'>日预算</a-select-option>
+                                                </a-select>
+                                            </div>
+                                            <!-- <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='MONEY'&&item.compareOperate!='BETWEEN'">
+                                                <a-input-number :min="0" style="width:100%" :max="9999999.99" :step="1" v-model="item.specificMoney" placeholder="请输入" />
+                                                <span style="margin-left:8px;line-height:32px">元</span>
+                                            </div> -->
+                                            
+                                            <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='MONEY'&&item.compareOperate!='LT_EQ'">
+                                                <a-input-number :min="0" style="width:100%" :max="9999999.99" :step="1" v-model="item.specificMoneyMin" placeholder="请输入" />
+                                                <span style="margin-left:8px;line-height:32px">元</span>
+                                            </div>
+                                            <span style="margin-right:20px" v-if="item.whichModuleOfMoney=='MONEY'&&item.compareOperate!='GT_EQ'">-</span>
+                                            <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='MONEY'&&item.compareOperate=='BETWEEN'">
+                                               <a-input-number :min="0" style="width:100%" :max="9999999.99" :step="1" v-model="item.specificMoneyMax" placeholder="请输入" />
+                                               <span style="margin-left:8px;line-height:32px">元</span>
+                                            </div>
+
+
+                                            <!-- <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='DAY_BUDGET'&&item.compareOperate!='BETWEEN'">
+                                                <a-select   v-model="item.budgetMultiple">
+                                                    <a-select-option v-for="item in budgetMultipleArr" :key="item.value" :value='item.value' >{{item.label}}</a-select-option>
+                                                </a-select>
+                                            </div> -->
+                                            <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='DAY_BUDGET'&&item.compareOperate!='LT_EQ'">
+                                                <a-select   v-model="item.budgetMultipleMin">
+                                                    <a-select-option v-for="item in budgetMultipleArr" :key="item.value" :value='item.value' >{{item.label}}</a-select-option>
+                                                </a-select>
+                                            </div>
+
+                                            <span style="margin-right:20px" v-if="item.whichModuleOfMoney=='DAY_BUDGET'&&item.compareOperate=='BETWEEN'">-</span>
+                                            <div class="rules-list-item-subject" v-if="item.whichModuleOfMoney=='DAY_BUDGET'&&item.compareOperate!='GT_EQ'">
+                                                <a-select   v-model="item.budgetMultipleMax">
+                                                    <a-select-option v-for="item in budgetMultipleArr" :key="item.value" :value='item.value' >{{item.label}}</a-select-option>
+                                                </a-select>
+                                            </div>
+
+
+                                            <!-- 处理不是消耗的情况 -->
+                                            <div class="rules-list-item-subject" v-if="item.baseCondition[1]!='COST'&&item.compareOperate!='LT_EQ'">
+                                                <a-input-number :min="0" style="width:100%" :max="9999999.99" :step="1" v-model="item.minNumber" placeholder="请输入" />
+                                                <span style="margin-left:8px;line-height:32px">{{item.baseCondition[1] | handlerDANWEI}}</span>
+                                            </div>
+                                            <span style="margin-right:20px" v-if="item.baseCondition[1]!='COST'&&item.compareOperate=='BETWEEN'">-</span>
+                                            <div class="rules-list-item-subject" v-if="item.baseCondition[1]!='COST'&&item.compareOperate!='GT_EQ'">
+                                               <a-input-number :min="0" style="width:100%" :max="9999999.99" :step="1" v-model="item.maxNumber" placeholder="请输入" />
+                                               <span style="margin-left:8px;line-height:32px">{{item.baseCondition[1] | handlerDANWEI }}</span>
+                                            </div>
+
+
+
+                                            <div class="rules-list-item-delete" @click="deleteRulesListItem(item,index)">
+                                                <a-icon type="delete" style="font-size:16px;position: relative;top: 4px;" />
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                    
+                                   <div class="add-rule" @click="addRule"> 添加条件</div>
+                               </div>
+                           </div>
+                           <div class="toolbox-automate-rules-create-content_rules-and-condition_rules">
+                               <div class="title">
+                                   <span class="condition-title">则依次执行以下操作</span>
+                               </div>
+                               <div class="content">
+                                    <div class="rules-list">                                        
+                                        <div class="rules-list-item">
+                                            <div class="rules-list-item-subject" >
+                                                <a-form-model-item ref="checkedTime"  prop="checkedTime">
+                                                    <a-select   v-model="form.finalOperation">
+                                                        <a-select-option  value='PAUSE' v-if="form.applyObject!='ACCOUNT'">暂停{{form.applyObject | handlerApplyObj}}</a-select-option>
+                                                        <a-select-option  value='OLNY_SENDMESSAGE'>仅发送通知</a-select-option>
+                                                    </a-select>
+                                                </a-form-model-item>
+                                            </div>
+                                        </div>
+                                    </div>
+                                   
+                               </div>
+                           </div>
+                        </div>
+                    </div>
+                     <div class="row-item" >
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">检查时间</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item"> 
+                             <a-form-model-item ref="checkedTime"  prop="checkedTime">
+                                <a-radio-group v-model="form.checkedTime">
+                                    <a-radio-button value="DAY">每天</a-radio-button>
+                                    <a-radio-button value="HOUR">每小时</a-radio-button>
+                                    <a-radio-button value="HALF_AN_HOUR">每半小时</a-radio-button>
+                                    <!-- <a-radio-button value="CUSTOM_TIME">自定义</a-radio-button> -->
+                                </a-radio-group>
+                            </a-form-model-item>
+                        </div>
+                    </div>
+                     <div class="row-item" v-if="form.checkedTime=='DAY'">
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">选择时刻</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item"> 
+                             <a-form-model-item ref="specificMoment"  prop="specificMoment">
+                               <a-select  style="width: 300px" placeholder="请选择具体时刻" v-model="form.specificMoment">
+                                    <a-select-option v-for="(item,index) in 24" :key="item" :value='index'>
+                                        {{index>10?`${index}:00`:`0${index}:00`}}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-model-item>
+                        </div>
+                    </div>
+                     <!-- <div class="row-item" >
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">发送通知</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item"> 
+                             <a-form-model-item ref="sendMessage"  prop="sendMessage">
+                                <a-radio-group v-model="form.sendMessage">
+                                    <a-radio-button :value="1">发送</a-radio-button>
+                                    <a-radio-button :value="0">不发送</a-radio-button>
+                                </a-radio-group>
+                            </a-form-model-item>
+                        </div>
+                    </div> -->
+                     <div class="row-item" >
+                        <div class="hint-item"></div>
+                        <div class="label-item">
+                            <div class="text-item">规则名称</div>
+                            <div class="required-item"></div>
+                        </div>
+                        <div class="input-item"> 
+                             <a-form-model-item ref="applyObject"  prop="applyObject">
+                                <a-input
+                                    v-model="form.name"
+                                    @blur="
+                                    () => {
+                                        $refs.name.onFieldBlur();
+                                    }
+                                    "
+                                />
+                            </a-form-model-item>
+                        </div>
+                    </div>
+                </div>
+                <div class="moduler">
+                    <!-- <div class="moduler-title">计划名称</div> -->
+                    <div class="opt">
+                        <a-button type="default" style="margin-right:15px" @click="goBack">取消</a-button>
+                        <a-button type="primary"  style="margin-right:15px" @click="saveHandler" :loading="saveLoading">保存</a-button>
+                    </div>
+                </div>   
+                </a-form-model>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment';
+import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
+import { Switch } from 'ant-design-vue';
+
+let statusList=[
+    {
+        id:1,
+        value:'STATUS_ALL',
+        title:'所有',
+    },
+    {
+        id:2,
+        value:'STATUS_DELIVERY_OK',
+        title:'所有投放中',
+    },
+    {
+        id:3,
+        value:'STATUS_CREATE',
+        title:'所有新建',
+    },
+    {
+        id:4,
+        value:'STATUS_DISABLE',
+        title:'所有已暂停',
+    },
+    {
+        id:5,
+        value:'STATUS_AUDIT',
+        title:'所有新建审核',
+    },
+    {
+        id:6,
+        value:'STATUS_DONE',
+        title:'所有已完成',
+    },
+]
+
+let condition=[
+    {
+        value:'0',
+        label:'展示数据',
+        children:[
+            {
+                value:'SHOW',
+                label:'展示数',
+            },
+            {
+                value:'CLICK',
+                label:'点击数',
+            },
+            {
+                value:'CLICK_RATE',
+                label:'点击率',
+            },
+            {
+                value:'COST',
+                label:'消耗',
+            },
+            {
+                value:'AD_CLICK_PRICE',
+                label:'平均点击单价',
+            },
+        ]
+    },
+    {
+        value:'1',
+        label:'转化数据',
+        children:[
+            {
+                value:'CONVERT',
+                label:'转化数',
+            },
+            {
+                value:'CONVERT_COST',
+                label:'转化成本',
+            },
+            {
+                value:'CONVERT_RATE',
+                label:'转化率',
+            },
+            {
+                value:'DEEP_CONVERT',
+                label:'深度转化数',
+            },
+            {
+                value:'DEEP_CONVERT_COST',
+                label:'深度转化成本',
+            },
+            {
+                value:'DEEP_CONVERT_RATE',
+                label:'深度转化率',
+            },
+            
+        ]
+    }
+]
+
+let budgetMultipleArr=[
+    {
+        value:0.5,
+        label:'0.5倍预算',
+    },
+    {
+        value:0.8,
+        label:'0.8倍预算',
+    },
+    {
+        value:1,
+        label:'1倍预算',
+    },
+    {
+        value:1.5,
+        label:'1.5倍预算',
+    },
+]
+
+export default {
+    data() {
+        return {
+            saveLoading:false,
+            // 用到的参数数组
+            condition,
+            statusList,
+            budgetMultipleArr,
+            accountList:[],    
+            form: {
+                name: `空白规则_${moment().format('YYYY_MM_DD_hh:mm:ss')}`,
+                applyObject:'ACCOUNT',
+                applyAccount:[],
+                applyRange:'ACCORDINGTO_STATUS',
+                status:'STATUS_DELIVERY_OK',
+                specificMoment:undefined,
+                sendMessage:1,
+                specificMoment:undefined,
+                checkedTime:'DAY',
+                causalCondition:'MEET_ALL', //因果条件 满足所有/满足任意
+                finalOperation:'OLNY_SENDMESSAGE',
+               
+            },
+            rules: {
+                name: [
+                    { required: true, message: '请填写规则的具体名称', trigger: 'blur' },
+                    { min: 2, message: '长度不得小于2', trigger: 'blur' },
+                ],
+                applyObject: [{ required: true, message: '请选择具体应用对象', trigger: 'change' }],
+                applyRange: [{ required: true, message: '请选择具体应用范围', trigger: 'change' }],
+                applyAccount: [{required: true, message: '请选择具体应用范围', trigger: 'change' }],
+                specificMoment: [{required: true, message: '请选择具体时刻', trigger: 'change' }],
+               
+            },
+
+            rulesList:[
+                {
+                    baseCondition:['0','COST'],
+                    whichDayOfData:'CURRENT_DAY_DATA',
+                    compareOperate:'GT_EQ',
+                    whichModuleOfMoney:'MONEY',
+                    budgetMultiple:0.5,
+                    budgetMultipleMin:0.5,
+                    budgetMultipleMax:0.8,
+                    specificMoney:undefined,
+                    specificMoneyMin:undefined,
+                    specificMoneyMax:undefined,
+                }
+            ]
+        }
+    },
+    methods: {
+        // form-modal 自带方法
+        onSubmit() {
+            this.$refs.ruleForm.validate(valid => {
+                if (valid) {
+                    console.log('submit!',valid);
+                } else {
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
+        },
+        resetForm() {
+            this.$refs.ruleForm.resetFields();
+        },
+        addRule(){
+            this.rulesList.push({
+                baseCondition:['0','COST'],
+                whichDayOfData:'CURRENT_DAY_DATA',
+                compareOperate:'GT_EQ',
+                whichModuleOfMoney:'MONEY',
+                budgetMultiple:0.5,
+                budgetMultipleMin:0.5,
+                budgetMultipleMax:0.8,
+                specificMoney:undefined,
+                specificMoneyMin:undefined,
+                specificMoneyMax:undefined,
+                minNumber:undefined,
+                maxNumber:undefined,
+            })
+        },
+        deleteRulesListItem(item,index){
+            console.log(item,index)
+            this.rulesList=this.rulesList.filter((ele,ind)=>{
+                return ind!=index
+            })
+        },
+        displayRender({ labels }) {
+            return labels[labels.length - 1];
+        },
+        conditionChange(item){
+            console.log(item)
+            if(item.baseCondition[1]=='COST'){
+                item.whichModuleOfMoney='MONEY';
+            }else{
+                item.whichModuleOfMoney=undefined;
+            } 
+            item.specificMoney=undefined;
+            item.specificMoneyMin=undefined;
+            item.specificMoneyMax=undefined;
+            item.minNumber=undefined;
+            item.maxNumber=undefined;
+        },
+
+        applyObjChange(e){
+            if(e.target.value=='ACCOUNT'){
+                this.form.finalOperation='OLNY_SENDMESSAGE'
+            }   
+        },
+
+        saveHandler(){
+             this.$refs.ruleForm.validate(valid=> {
+                if (valid) {
+                    this.form.rulesList=this.rulesList;
+                    console.log(valid,this.form);
+
+                } else {
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
+        },
+
+        goBack() {
+            this.$router.replace('/autoRules')
+            this.$bus.$emit('remove', '/newBlankRule')
+           
+        },
+
+    },
+
+    filters:{
+        handlerApplyObj(val){
+            let showVal=''
+            switch (val) {
+                case 'CAMPAIGN':
+                    showVal='计划'
+                    break;
+                case 'UNIT':
+                    showVal='组'
+                    break;
+                case 'CREATE':
+                    showVal='创意'
+                    break;           
+                default:
+                    break;
+            }
+            return showVal
+        },
+        handlerDANWEI(val){
+            console.log(val.indexOf("RATE") != -1)
+
+            let returnVal='';
+            
+            if(val.indexOf("RATE") != -1){
+                returnVal='%';
+            }else if(val.indexOf("COST") != -1|| val.indexOf("PRICE") != -1){
+                returnVal='元'                   
+            }else{
+                    returnVal='个'                    
+            }
+
+            return returnVal
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.newBlankRule{
+    
+    .toolbox-automate-rules-create-body {
+        margin: 16px 12px 12px;
+        padding: 32px 32px 16px;
+        background-color: #fff;
+        border-radius: 4px;
+    }
+    .toolbox-automate-rules-create-content_title {
+        background-color: #fff;
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+        align-items: center;
+        margin-bottom: 28px;
+        h3 {
+            font-size: 22px;
+            margin: 0;
+            font-weight: 400;
+            height: 30px;
+            line-height: 30px;
+        }
+    }
+    .toolbox-automate-rules-create-content {
+        padding-left: 28px;
+    }
+    .moduler {
+         .opt {
+            text-align: right;
+        }
+        width: 100%;
+        background: #fff;
+        margin-bottom: 16px;
+        position: relative;
+        padding: 32px 24px 48px 32px;
+        // border-radius: 4px;
+        // box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
+        .moduler-title {
+        display: flex;
+        align-items: center;
+        font-size: 22px;
+        margin-bottom: 20px;
+        }
+        .row-item {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        margin-bottom: 32px;
+        }
+        .row-item:last-of-type {
+        margin-bottom: 0;
+        }
+        .row-item .hint-item {
+        width: 24px;
+        min-width: 24px;
+        align-self: flex-start;
+        line-height: 20px;
+        height: 20px;
+        margin-top: 9px;
+        }
+        .row-item .label-item {
+        position: relative;
+        align-items: flex-start;
+        align-self: flex-start;
+        line-height: 20px;
+        height: 20px;
+        margin-top: 10px;
+        width: 80px;
+        min-width: 80px;
+        .text-item {
+            font-size: 14px;
+            width: 60px;
+        }
+        }
+        .row-item .required-item {
+        width: 4px;
+        height: 4px;
+        border-radius: 2px;
+        background: #f45858;
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        }
+        .row-item .input-item {
+        min-width: 480px;
+        position: relative;
+        // height: 35px;
+        .tip {
+            font-size: 12px;
+            color: tomato;
+        }
+        }
+        .adName{
+        display: flex;
+        .nameList{
+            width: 90%;
+        }
+        .item{
+            display: inline-block;
+            width: 30%;
+            margin-left: 15px;
+            margin-bottom: 10px;
+        }
+        }
+    }
+
+    .toolbox-automate-rules-create-content_rules-and-condition_rules {
+        margin-bottom: 24px;  
+    }
+    .toolbox-automate-rules-create-content_rules-and-condition_rules, .toolbox-automate-rules-create-content_rules-and-condition_condition {
+        width: 1138px;
+        background: #fff;
+        border-radius: 4px;
+        border: 1px solid #dadfe3;
+    }
+    .toolbox-automate-rules-create-content_rules-and-condition_rules, .toolbox-automate-rules-create-content_rules-and-condition_condition{
+         .title{
+            height: 20px;
+            font-size: 14px;
+            font-weight: 600;
+            color: #333;
+            height: 56px;
+            border-bottom: 1px solid #E4E9ED;
+            padding-left: 24px;
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            .condition-title{
+                padding-right: 17px;
+            }
+        }
+        .content{
+            padding: 24px;
+
+            .add-rule {
+                cursor: pointer;
+               
+                height: 40px;
+                border-radius: 2px;
+                border: 1px dashed #dadfe3;
+                font-size: 12px;
+                display: flex;
+                flex-flow: row column;
+                justify-content: center;
+                align-items: center;
+                color: #666;
+                margin-top: 16px;
+                -moz-user-select: none;
+                -webkit-user-select: none;
+                -ms-user-select: none;
+                -khtml-user-select: none;
+                user-select: none;
+            }
+
+            .rules-list-item {
+                box-sizing: border-box;
+                width: 100%;
+                padding: 24px;
+                background: #f8f9fa;
+                border-radius: 4px;
+                margin-bottom: 16px;
+                display: flex;
+                align-items: center;
+                position: relative;
+                .rules-list-item-delete {
+                    position: absolute;
+                    right: 24px;
+                    height: 30px;
+                    padding-left: 24px;
+                    border-left: 1px solid #DADFE3;
+                    cursor: pointer;
+                }
+                .rules-list-item-subject {
+                    width: 120px;
+                    margin-right: 16px;
+                    display: flex;
+                }
+            }
+            .rules—list_item:last-of-type {
+                margin-bottom: 0;
+            }
+        }
+    }
+}
+</style>
+<style lang="scss">
+.newBlankRule{
+    .ant-form-item {
+        margin-bottom: 0;
+    }
+    .ant-radio-button-wrapper {
+        
+        min-width: 70px;
+        text-align: center;
+    }
+}
+</style>

+ 1 - 0
src/views/modules/material/videoMaterial.vue

@@ -2294,6 +2294,7 @@ export default {
         userId: this.userInfo().id,
         status: this.active,
       }
+      this.labelValue=undefined;
       this.loadData(1)
     },
     getList(value) {