新策略模板

purchase_ao/src/router/index.js

@@ -6,454 +6,395 @@ import Layout from '@/layout'
 import Close from '@/layout/close'
 
 export const constantRoutes = [{
-    path: '/login',
-    component: () => import('@/views/login/index'),
-    hidden: true
-  },
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/dashboard',
-    children: [{
-      path: '/dashboard',
-      name: '首页',
-      component: () => import('@/views/schemeV2/index'),
-      meta: {
-        title: '首页',
-        icon: 'dashboard'
-      }
-    }]
+  path: '/login',
+  component: () => import('@/views/login/index'),
+  hidden: true
+},
+{
+  path: '/',
+  component: Layout,
+  redirect: '/dashboard',
+  children: [{
+    path: '/dashboard',
+    name: '首页',
+    component: () => import('@/views/schemeV2/index'),
+    meta: {
+      title: '首页',
+      icon: 'dashboard'
+    }
+  }]
+},
+{
+  path: '/productManagement',
+  component: Layout,
+  redirect: '/productManagement/',
+  name: '产品管理',
+  meta: {
+    title: '产品管理',
+    icon: 'el-icon-s-goods'
   },
-  {
-    path: '/productManagement',
-    component: Layout,
-    redirect: '/productManagement/',
+  children: [{
+    path: '/produce/produceClass/index',
+    component: () => import('@/views/produce/produceClass/index'),
+    name: '产品分类',
+    meta: {
+      title: '产品分类'
+    }
+  }, {
+    path: '/productV2/productManagement/',
     name: '产品管理',
+    component: () => import('@/views/productV2/productManagement'),
     meta: {
       title: '产品管理',
-      icon: 'el-icon-s-goods'
-    },
-    children: [{
-      path: '/produce/produceClass/index',
-      component: () => import('@/views/produce/produceClass/index'),
-      name: '产品分类',
-      meta: {
-        title: '产品分类'
-      }
-    }, {
-      path: '/productV2/productManagement/',
-      name: '产品管理',
-      component: () => import('@/views/productV2/productManagement'),
-      meta: {
-        title: '产品管理',
-      }
-    }, ]
-  },
-  {
-    path: '/addProduct',
-    component: Close,
-    redirect: '/addProduct/',
+    }
+  },]
+},
+{
+  path: '/addProduct',
+  component: Close,
+  redirect: '/addProduct/',
+  name: '新增产品',
+  children: [{
+    path: '/productV2/addProduct',
     name: '新增产品',
-    children: [{
-      path: '/productV2/addProduct',
-      name: '新增产品',
-      component: () => import('@/views/productV2/addProduct')
-    }]
-  },
-  {
-    path: '/editProduct',
-    component: Close,
-    redirect: '/editProduct/',
+    component: () => import('@/views/productV2/addProduct')
+  }]
+},
+{
+  path: '/editProduct',
+  component: Close,
+  redirect: '/editProduct/',
+  name: '新增产品',
+  children: [{
+    path: '/productV2/editProduct',
     name: '新增产品',
-    children: [{
-      path: '/productV2/editProduct',
-      name: '新增产品',
-      component: () => import('@/views/productV2/editProduct')
-    }]
-  },
-  {
+    component: () => import('@/views/productV2/editProduct')
+  }]
+},
+{
+  path: '/channel',
+  component: Layout,
+  name: '渠道管理',
+  children: [{
     path: '/channel',
-    component: Layout,
-    name: '渠道管理',
-    children: [{
-      path: '/channel',
-      name: '渠道列表',
-      component: () => import('@/views/schemeV2/channel'),
-      meta: {
-        title: '渠道管理',
-        icon: 'el-icon-s-flag'
-      }
-    }]
-  }, {
-    path: '/channelView',
-    component: Layout,
-    redirect: '/channelView/',
+    name: '渠道列表',
+    component: () => import('@/views/schemeV2/channel'),
+    meta: {
+      title: '渠道管理',
+      icon: 'el-icon-s-flag'
+    }
+  }]
+}, {
+  path: '/channelView',
+  component: Layout,
+  redirect: '/channelView/',
+  name: '查看渠道',
+  children: [{
+    path: '/schemeV2/channelView',
     name: '查看渠道',
-    children: [{
-      path: '/schemeV2/channelView',
-      name: '查看渠道',
-      component: () => import('@/views/schemeV2/channelView')
-    }]
-  }, {
-    path: '/channelSubList',
-    component: Layout,
-    redirect: '/channelSubList/',
+    component: () => import('@/views/schemeV2/channelView')
+  }]
+}, {
+  path: '/channelSubList',
+  component: Layout,
+  redirect: '/channelSubList/',
+  name: '所有二级渠道',
+  children: [{
+    path: '/schemeV2/channelSubList',
     name: '所有二级渠道',
-    children: [{
-      path: '/schemeV2/channelSubList',
-      name: '所有二级渠道',
-      component: () => import('@/views/schemeV2/channelSubList')
-    }]
-  }, {
-    path: '/channelEdit',
-    component: Close,
-    redirect: '/channelEdit/',
+    component: () => import('@/views/schemeV2/channelSubList')
+  }]
+}, {
+  path: '/channelEdit',
+  component: Close,
+  redirect: '/channelEdit/',
+  name: '修改渠道',
+  children: [{
+    path: '/schemeV2/channelEdit',
     name: '修改渠道',
-    children: [{
-      path: '/schemeV2/channelEdit',
-      name: '修改渠道',
-      component: () => import('@/views/schemeV2/channelEdit')
-    }]
+    component: () => import('@/views/schemeV2/channelEdit')
+  }]
+},
+{
+  path: '/schemeV2',
+  component: Layout,
+  redirect: '/schemeV2/',
+  name: '策略管理',
+  children: [{
+    path: '/schemeV2/index',
+    name: '策略列表',
+    component: () => import('@/views/schemeV2/index'),
+    meta: {
+      title: '策略管理',
+      icon: 'el-icon-s-management'
+    }
+  }]
+}, {
+  path: '/schemeAdd',
+  component: Close,
+  redirect: '/schemeAdd/',
+  name: '新增策略',
+  children: [{
+    path: '/schemeV2/schemeAdd',
+    name: '新增策略',
+    component: () => import('@/views/schemeV2/schemeAdd')
+  }]
+},
+// 高级策略
+{
+  path: '/schemeProinfo',
+  component: Layout,
+  redirect: '/schemeProinfo/',
+  name: '高级策略',
+  meta: {
+    title: '高级策略',
+    icon: 'el-icon-star-on'
   },
-  {
-    path: '/schemeV2',
-    component: Layout,
-    redirect: '/schemeV2/',
-    name: '策略管理',
-    children: [{
-      path: '/schemeV2/index',
-      name: '策略列表',
-      component: () => import('@/views/schemeV2/index'),
+  children: [
+    // {
+    //   path: '/schemeProinfo/index',
+    //   name: '高级策略',
+    //   component: () => import('@/views/schemeProinfo/index'),
+    //   meta: {
+    //     title: '高级策略管理-内测',
+    //   },
+    // },
+    {
+      path: '/schemeProinfo/number',
+      component: () => import('@/views/schemeProinfo/number'),
+      name: '认证方式管理',
       meta: {
-        title: '策略管理',
-        icon: 'el-icon-s-management'
+        title: '认证方式管理'
       }
-    }]
-  }, {
-    path: '/schemeAdd',
-    component: Close,
-    redirect: '/schemeAdd/',
+    },
+    {
+      path: '/schemeProinfo/numberIntercept',
+      component: () => import('@/views/schemeProinfo/numberIntercept'),
+      name: '虚商号码管理',
+      meta: {
+        title: '虚商号码管理'
+      }
+    }
+  ]
+},
+{
+  path: '/ProinfoEdit',
+  component: Close,
+  redirect: '/ProinfoEdit/',
+  name: '新增策略',
+  children: [{
+    path: '/schemeProinfo/ProinfoEdit',
     name: '新增策略',
-    children: [{
-      path: '/schemeV2/schemeAdd',
-      name: '新增策略',
-      component: () => import('@/views/schemeV2/schemeAdd')
-    }]
+    component: () => import('@/views/schemeProinfo/ProinfoEdit')
+  }]
+},
+// 全局策略
+{
+  path: '/schemeGlobal',
+  component: Layout,
+  redirect: '/schemeGlobal/',
+  name: '全局策略',
+  meta: {
+    title: '全局策略',
+    icon: 'el-icon-message-solid'
   },
-  // 高级策略
-  {
-    path: '/schemeProinfo',
-    component: Layout,
-    redirect: '/schemeProinfo/',
-    name: '高级策略',
+  children: [{
+    path: '/schemeGlobal/index',
+    name: '策略列表',
+    component: () => import('@/views/schemeGlobal/index'),
     meta: {
-      title: '高级策略',
-      icon: 'el-icon-star-on'
+      title: '全局策略控制',
     },
-    children: [
-      // {
-      //   path: '/schemeProinfo/index',
-      //   name: '高级策略',
-      //   component: () => import('@/views/schemeProinfo/index'),
-      //   meta: {
-      //     title: '高级策略管理-内测',
-      //   },
-      // },
-      {
-        path: '/schemeProinfo/number',
-        component: () => import('@/views/schemeProinfo/number'),
-        name: '认证方式管理',
-        meta: {
-          title: '认证方式管理'
-        }
-      },
-      {
-        path: '/schemeProinfo/numberIntercept',
-        component: () => import('@/views/schemeProinfo/numberIntercept'),
-        name: '虚商号码管理',
-        meta: {
-          title: '虚商号码管理'
-        }
-      }
-    ]
+  }, {
+    path: '/schemeGlobal/itemGlobal',
+    name: '全局策略-管理项登记',
+    component: () => import('@/views/schemeGlobal/itemGlobal'),
+    meta: {
+      title: '全局策略-管理项登记',
+    },
+
+  }, {
+    path: '/schemeGlobal/itemEdit',
+    name: '全局策略-管理项登记',
+    component: () => import('@/views/schemeGlobal/itemEdit')
+  }]
+},
+{
+  path: '/ABtest',
+  component: Layout,
+  redirect: '/ABtest/',
+  name: 'A/B测试',
+  meta: {
+    // title: 'A/B测试',
+    title: 'A/B实验-内测',
+    icon: 'el-icon-s-opportunity'
+  },
+  children: [{
+    path: '/ABtest/index',
+    component: () => import('@/views/ABtest/index'),
+    name: '测试列表',
+    meta: {
+      title: '实验室'
+    }
   },
   {
-    path: '/ProinfoEdit',
-    component: Close,
-    redirect: '/ProinfoEdit/',
-    name: '新增策略',
-    children: [{
-      path: '/schemeProinfo/ProinfoEdit',
-      name: '新增策略',
-      component: () => import('@/views/schemeProinfo/ProinfoEdit')
-    }]
+    path: '/ABtest/edit',
+    component: () => import('@/views/ABtest/edit'),
+    name: '编辑测试'
   },
-  // 全局策略
   {
-    path: '/schemeGlobal',
-    component: Layout,
-    redirect: '/schemeGlobal/',
-    name: '全局策略',
+    path: '/ABtest/ABclass/index',
+    component: () => import('@/views/ABtest/ABclass/list'),
+    name: '类型管理',
     meta: {
-      title: '全局策略',
-      icon: 'el-icon-message-solid'
-    },
-    children: [{
-      path: '/schemeGlobal/index',
-      name: '策略列表',
-      component: () => import('@/views/schemeGlobal/index'),
-      meta: {
-        title: '全局策略控制',
-      },
-    }, {
-      path: '/schemeGlobal/itemGlobal',
-      name: '全局策略-管理项登记',
-      component: () => import('@/views/schemeGlobal/itemGlobal'),
-      meta: {
-        title: '全局策略-管理项登记',
-      },
-
-    }, {
-      path: '/schemeGlobal/itemEdit',
-      name: '全局策略-管理项登记',
-      component: () => import('@/views/schemeGlobal/itemEdit')
-    }]
+      title: '类型管理'
+    }
+  },
+  {
+    path: '/ABtest/ABclass/edit',
+    component: () => import('@/views/ABtest/ABclass/edit'),
+    name: '编辑类型'
   },
   {
-    path: '/ABtest',
-    component: Layout,
-    redirect: '/ABtest/',
-    name: 'A/B测试',
+    path: '/ABtest/testData',
+    component: () => import('@/views/ABtest/testData'),
+    name: '测试数据',
     meta: {
-      // title: 'A/B测试',
-      title: 'A/B实验-内测',
-      icon: 'el-icon-s-opportunity'
-    },
-    children: [{
-        path: '/ABtest/index',
-        component: () => import('@/views/ABtest/index'),
-        name: '测试列表',
-        meta: {
-          title: '实验室'
-        }
-      },
-      {
-        path: '/ABtest/edit',
-        component: () => import('@/views/ABtest/edit'),
-        name: '编辑测试'
-      },
-      {
-        path: '/ABtest/ABclass/index',
-        component: () => import('@/views/ABtest/ABclass/list'),
-        name: '类型管理',
-        meta: {
-          title: '类型管理'
-        }
-      },
-      {
-        path: '/ABtest/ABclass/edit',
-        component: () => import('@/views/ABtest/ABclass/edit'),
-        name: '编辑类型'
-      },
-      {
-        path: '/ABtest/testData',
-        component: () => import('@/views/ABtest/testData'),
-        name: '测试数据',
-        meta: {
-          title: '测试数据'
-        }
-      },
+      title: '测试数据'
+    }
+  },
 
-    ]
+  ]
+},
+{
+  path: '/model',
+  component: Layout,
+  redirect: '/model/',
+  name: '模板管理',
+  children: [{
+    path: '/model/index',
+    name: '模板管理',
+    component: () => import('@/views/model/index'),
+    meta: {
+      title: '模板管理',
+      icon: 'el-icon-s-open'
+    }
+  }]
+},
+{
+  path: '/dataPage',
+  component: Layout,
+  redirect: '/dataPage/',
+  name: '数据管理',
+  meta: {
+    title: '数据管理',
+    icon: 'el-icon-s-data'
+  },
+  children: [{
+    path: '/dataPage/orderData/index',
+    component: () => import('@/views/dataPage/orderData/index'),
+    name: '订单数据',
+    meta: {
+      title: '订单数据'
+    }
   },
   {
-    path: '/model',
-    component: Layout,
-    redirect: '/model/',
-    name: '模板管理',
-    children: [{
-      path: '/model/index',
-      name: '模板管理',
-      component: () => import('@/views/model/index'),
-      meta: {
-        title: '模板管理',
-        icon: 'el-icon-s-open'
-      }
-    }]
+    path: '/dataPage/receData/index',
+    component: () => import('@/views/dataPage/receData/index'),
+    name: '会员领取数据',
+    meta: {
+      title: '会员领取数据'
+    }
   },
   {
-    path: '/dataPage',
-    component: Layout,
-    redirect: '/dataPage/',
-    name: '数据管理',
+    path: '/dataPage/feedback/index',
+    component: () => import('@/views/dataPage/feedback/index'),
+    name: '求助反馈',
     meta: {
-      title: '数据管理',
-      icon: 'el-icon-s-data'
-    },
-    children: [{
-        path: '/dataPage/orderData/index',
-        component: () => import('@/views/dataPage/orderData/index'),
-        name: '订单数据',
-        meta: {
-          title: '订单数据'
-        }
-      },
-      {
-        path: '/dataPage/receData/index',
-        component: () => import('@/views/dataPage/receData/index'),
-        name: '会员领取数据',
-        meta: {
-          title: '会员领取数据'
-        }
-      },
-      {
-        path: '/dataPage/feedback/index',
-        component: () => import('@/views/dataPage/feedback/index'),
-        name: '求助反馈',
-        meta: {
-          title: '求助反馈'
-        }
-      },
-      {
-        path: '/dataPage/returnData/index',
-        component: () => import('@/views/dataPage/returnData/index'),
-        name: '退订原因',
-        meta: {
-          title: '退订原因'
-        }
-      }
-    ]
+      title: '求助反馈'
+    }
   },
   {
-    path: '/userRight',
-    component: Layout,
-    redirect: '/userRight/',
-    name: '系统管理',
+    path: '/dataPage/returnData/index',
+    component: () => import('@/views/dataPage/returnData/index'),
+    name: '退订原因',
     meta: {
-      title: '系统管理',
-      icon: 'el-icon-s-tools'
-    },
-    children: [{
-        path: '/userRight/rightList/index',
-        component: () => import('@/views/userRight/rightList/index'),
-        name: '权限管理',
-        meta: {
-          title: '权限管理'
-        }
-      },
-      {
-        path: '/userRight/roleList/index',
-        component: () => import('@/views/userRight/roleList/index'),
-        name: '角色管理',
-        meta: {
-          title: '角色管理'
-        }
-      },
-      {
-        path: '/userRight/userList/index',
-        component: () => import('@/views/userRight/userList/index'),
-        name: '用户管理',
-        meta: {
-          title: '用户管理'
-        }
-      }
-    ]
+      title: '退订原因'
+    }
+  }
+  ]
+},
+
+{
+  path: '/strategy',
+  component: Layout,
+  redirect: '/strategy/',
+  name: '新策略',
+  meta: {
+    title: '新策略',
+    icon: 'el-icon-s-tools'
+  },
+  children: [{
+    path: '/strategy/index',
+    component: () => import('@/views/strategy/index'),
+    name: '新策略列表',
+    meta: {
+      title: '新策略列表'
+    }
+  }, {
+    path: '/strategy/add',
+    component: () => import('@/views/strategy/add'),
+    name: '新增策略',
+    meta: {
+      title: '新增策略'
+    }
+  }]
+},
+{
+  path: '/userRight',
+  component: Layout,
+  redirect: '/userRight/',
+  name: '系统管理',
+  meta: {
+    title: '系统管理',
+    icon: 'el-icon-s-tools'
+  },
+  children: [{
+    path: '/userRight/rightList/index',
+    component: () => import('@/views/userRight/rightList/index'),
+    name: '权限管理',
+    meta: {
+      title: '权限管理'
+    }
   },
   {
-    path: '*',
-    redirect: '/404',
-    hidden: true
+    path: '/userRight/roleList/index',
+    component: () => import('@/views/userRight/roleList/index'),
+    name: '角色管理',
+    meta: {
+      title: '角色管理'
+    }
   },
-
-  // {
-  //   path: '/scheme',
-  //   component: Layout,
-  //   redirect: '/scheme/',
-  //   name: '策略管理',
-  //   children: [{
-  //     path: '/scheme/index',
-  //     name: '首页',
-  //     component: () => import('@/views/scheme/index'),
-  //     meta: {
-  //       title: '策略管理',
-  //       icon: 'el-icon-s-management'
-  //     }
-  //   }]
-  // },
-  // {
-  //   path: '/produce',
-  //   component: Layout,
-  //   redirect: '/produce/',
-  //   name: '产品管理',
-  //   meta: {
-  //     title: '产品管理',
-  //     icon: 'el-icon-s-help'
-  //   },
-  //   children: [{
-  //       path: '/produce/produceClass/index',
-  //       component: () => import('@/views/produce/produceClass/index'),
-  //       name: '产品分类',
-  //       meta: {
-  //         title: '产品分类'
-  //       }
-  //     },
-  //     {
-  //       path: '/produce/index',
-  //       component: () => import('@/views/produce/index'),
-  //       name: '产品管理',
-  //       meta: {
-  //         title: '产品管理'
-  //       }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: '/channl',
-  //   component: Layout,
-  //   redirect: '/channl/',
-  //   name: '渠道管理',
-  //   meta: {
-  //     title: '渠道管理',
-  //     icon: 'el-icon-s-flag'
-  //   },
-  //   children: [{
-  //       path: '/channl/channlClass/index',
-  //       component: () => import('@/views/channl/channlClass/index'),
-  //       name: '一级渠道管理',
-  //       meta: {
-  //         title: '一级渠道管理'
-  //       }
-  //     },
-  //     {
-  //       path: '/channl/index',
-  //       component: () => import('@/views/channl/index'),
-  //       name: '二级渠道管理',
-  //       meta: {
-  //         title: '二级渠道管理'
-  //       }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: '/deveBox',
-  //   component: Layout,
-  //   redirect: '/deveBox/',
-  //   name: '开发测试',
-  //   children: [{
-  //     path: '/deveBox/index',
-  //     name: '开发测试',
-  //     component: () => import('@/views/deveBox/index'),
-  //     meta: {
-  //       title: '开发测试',
-  //       icon: 'el-icon-s-open'
-  //     }
-  //   }]
-  // }
   {
-    path: '/404',
-    component: () => import('@/views/404'),
-    hidden: true
+    path: '/userRight/userList/index',
+    component: () => import('@/views/userRight/userList/index'),
+    name: '用户管理',
+    meta: {
+      title: '用户管理'
+    }
   }
+  ]
+},
+{
+  path: '*',
+  redirect: '/404',
+  hidden: true
+},
+{
+  path: '/404',
+  component: () => import('@/views/404'),
+  hidden: true
+}
 ]
 
 const createRouter = () => new Router({
@@ -465,7 +406,7 @@ const createRouter = () => new Router({
 
 const router = createRouter()
 
-export function resetRouter() {
+export function resetRouter () {
   const newRouter = createRouter()
   router.matcher = newRouter.matcher // reset router
 }

purchase_ao/src/views/strategy/index.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="strategyList">
+    <el-form size="small" inline>
+      <el-form-item label="策略名称">
+        <el-input v-model="form.strategyName" placeholder="输入策略名称"></el-input>
+      </el-form-item>
+      <el-form-item label="状态">
+        <el-select v-model="form.strategyStatus" clearable>
+          <el-option label="有效" :value="1"></el-option>
+          <el-option label="无效" :value="0"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button plain icon="el-icon-refresh" @click="reset">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="getStrategyList">搜索</el-button>
+        <el-button size="small" plain type="primary" icon="el-icon-add" @click="addClick('add')">新增</el-button>
+      </el-form-item>
+    </el-form>
+    <div class="infoList">已选择{{deleteDatas.length}}项 <el-button v-if="deleteDatas.length>0" style="margin-left:20px" type="primary" icon="el-icon-delete" size="mini" @click="removeAll">批量删除</el-button>
+    </div>
+    <el-table v-loading="loading" :data="datas" :header-cell-style="{'background-color':'#E4E7ED','color':'#000'}" @selection-change="deleteDatas = $event">
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="strategyName" label="策略名称"></el-table-column>
+      <el-table-column prop="maskText" label="策略备注"></el-table-column>
+      <el-table-column label="产品">
+        <template slot-scope="scope">
+          <span>{{productList.find(val => { return val.id === scope.row.primaryProductId }).productName}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="模板">
+        <template slot-scope="scope">
+          <span>{{templateList.find(val => { return val.id === scope.row.templateId }).templateName}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="strategyStatus" label="状态">
+        <template slot-scope="scope">
+          <span v-if="scope.row.strategyStatus===1">有效</span>
+          <span v-if="scope.row.strategyStatus===0" style="color:#F56C6C">无效</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="创建时间"></el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="invalid(scope.row)">失效</el-button>
+          <el-button type="text" size="small" icon="el-icon-document-copy" @click="addClick('copy',scope.row)">复制</el-button>
+          <el-button type="text" size="small" icon="el-icon-edit" @click="addClick('edit',scope.row)">编辑</el-button>
+          <el-button type="text" size="small" icon="el-icon-delete" @click="addClick('remove',scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination style="float:right" background layout="total, sizes, prev, pager, next, jumper" :total="total" :current-page="form.pageNum" :page-size="form.pageSize" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
+  </div>
+</template>
+
+<script>
+import { post, get } from "@/api/common";
+export default {
+  data () {
+    return {
+      loading: true,
+      form: {
+        pageNum: 1,
+        pageSize: 10,
+        strategyName: "",
+        strategyStatus: null
+      },
+      total: 0,
+      datas: [],
+      deleteDatas: [], //删除所选数据
+      templateList: [], //模板列表
+      productList: [], //产品列表
+    }
+  },
+  mounted () {
+    this.getProductList()
+
+  },
+  methods: {
+    // 批量删除
+    removeAll () {
+      let arr = this.deleteDatas.map(val => {
+        return val.id
+      })
+      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        post('/strategytemplate/delete', { ids: arr }).then(res => {
+          this.$message.success('删除成功!')
+          this.getStrategyList()
+        })
+      })
+    },
+    // 获取新策略列表
+    getStrategyList () {
+      get('/strategytemplate/list', this.form).then(res => {
+        console.log(res)
+        this.loading = false
+        this.datas = res.data.list
+        this.total = res.data.total
+        this.form.pageNum = res.data.pageNum
+        this.form.pageSize = res.data.pageSize
+      })
+
+    },
+    // 新增策略
+    addClick (val, item) {
+      if (val === 'add') {
+        this.$router.push('/strategy/add')
+      } else if (val === 'edit') {
+        this.$router.push({
+          path: "/strategy/add",
+          query: { id: item.id, editId: 1 }
+        })
+      } else if (val === 'remove') {
+        this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          let id = []
+          id.push(item.id)
+          post('/strategytemplate/delete', { ids: id }).then(res => {
+            this.$message.success('删除成功!')
+            this.getStrategyList()
+          })
+        })
+      } else if (val === 'copy') {
+        this.$router.push({
+          path: "/strategy/add",
+          query: { id: item.id, copy: 1 }
+        })
+      }
+
+    },
+    // 获取模板信息
+    getTemplate () {
+      get("/templateInfo/page", {
+        pageSize: 9999,
+        pageNum: 1,
+      }).then((res) => {
+        this.templateList = res.data.list
+        this.getStrategyList()
+      });
+    },
+    // 获取产品信息
+    getProductList () {
+      get("/productInfo/page", {
+        pageSize: 9999,
+        pageNum: 1,
+      }).then((res) => {
+        this.productList = res.data.list
+        this.getTemplate()
+      });
+    },
+    // 每页数量
+    handleSizeChange (val) {
+      this.form.pageNum = val
+      this.getStrategyList()
+    },
+    // 当前页
+    handleCurrentChange (val) {
+      this.form.pageNum = 1
+      this.form.pageSize = val
+      this.getStrategyList()
+    },
+    // 数据失效处理
+    invalid (item) {
+      if (item.strategyStatus === 1) {
+        post('/strategytemplate/update/' + item.id, { strategyStatus: 0 }).then(res => {
+          this.$message.success('修改成功!')
+          this.getStrategyList()
+        })
+      } else {
+        this.$message.error('当前策略以失效!')
+      }
+
+    },
+    // 重置
+    reset () {
+      this.form.pageNum = 1
+      this.form.pageSize = 10
+      this.form.strategyName = ''
+      this.form.strategyStatus = null
+      this.getStrategyList
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.strategyList {
+  padding: 20px !important;
+  .infoList {
+    width: 100%;
+    height: 50px;
+    line-height: 50px;
+    padding-left: 20px;
+    border: 1px solid #409eff;
+    background-color: #e1eefc;
+    font-size: 13px;
+    border-radius: 10px;
+    margin-top: 40px;
+  }
+}
+</style>