精选

src/views/match/addChampionSay.vue

@@ -1,50 +1,56 @@
 <style lang="scss">
-.content {
-  .avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409eff;
-  }
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 200px;
-    height: 120px;
-    line-height: 120px;
-    text-align: center;
-  }
-  .avatar {
-    width: 200px;
-    height: 120px;
-    display: block;
-  }
-  height: 10vh!important;
+  .content {
+    .avatar-uploader .el-upload {
+      border: 1px dashed #d9d9d9;
+      border-radius: 6px;
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+    }
 
-  .top{
-    margin-left: 20px;
-  }
-  .save{
-    margin-left: 50px;
-    margin-top: 20px;
-  }
-  .detail{
-    margin-bottom: 100px;
-    width: 70%;
-  }
-  
-}
+    .avatar-uploader .el-upload:hover {
+      border-color: #409eff;
+    }
+
+    .avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 200px;
+      height: 120px;
+      line-height: 120px;
+      text-align: center;
+    }
 
-.w-e-text{
+    .avatar {
+      width: 200px;
+      height: 120px;
+      display: block;
+    }
+
+    height: 10vh !important;
+
+    .top {
+      margin-left: 20px;
+    }
+
+    .save {
+      margin-left: 50px;
+      margin-top: 20px;
+    }
+
+    .detail {
+      margin-bottom: 100px;
+      width: 70%;
+    }
+
+  }
+  .w-e-text {
     font-size: 16px;
-    img{
+
+    img {
       max-width: 50% !important;
     }
-}
+  }
 </style>
 <template>
   <section class="content">
@@ -52,7 +58,7 @@
     <el-divider></el-divider>
     <el-form>
       <el-row>
-        <el-col :span="8">
+        <el-col :span="6">
           <el-form-item label="标题">
             <el-input placeholder="标题" v-model="form.name"></el-input>
           </el-form-item>
@@ -61,11 +67,7 @@
         <el-col :span="3">
           <el-form-item label="分类" class="top">
             <el-select v-model="form.category" placeholder="">
-              <el-option
-                v-for="item in categoryList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
+              <el-option v-for="item in categoryList" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
           </el-form-item>
@@ -73,11 +75,15 @@
         <el-col :span="3" class="top">
           <el-form-item label="置顶">
             <el-select v-model="form.isbanner" placeholder="">
-              <el-option
-                v-for="item in bannerList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
+              <el-option v-for="item in bannerList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3" class="top">
+          <el-form-item label="精选">
+            <el-select v-model="form.ishot" placeholder="">
+              <el-option v-for="item in bannerList" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
           </el-form-item>
@@ -91,37 +97,27 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="4" class="save">
+        <el-col :span="2" class="save">
           <el-form-item label="">
             <el-button type="primary" @click="save">保存</el-button>
           </el-form-item>
         </el-col>
       </el-row>
-      
-      
+
+
       <el-form-item label="封面图">
-        <el-upload
-          class="avatar-uploader"
-          action="/api/admin/uploadfile"
-          :show-file-list="false"
-          :on-success="handleAvatarSuccess"
-          :before-upload="beforeAvatarUpload"
-        >
+        <el-upload class="avatar-uploader" action="/api/admin/uploadfile" :show-file-list="false"
+          :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
           <img v-if="form.img" :src="form.img" class="avatar" />
           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
         </el-upload>
       </el-form-item>
       <el-form-item label="文章抓取">
-         <el-input placeholder="URL地址" v-model="articleurl" style="width:500px"></el-input>
+        <el-input placeholder="URL地址" v-model="articleurl" style="width:500px"></el-input>
         <el-button type="primary" @click="spiderArticle" style="margin-left:20px">抓取</el-button>
       </el-form-item>
       <el-form-item v-loading="loading" class="detail">
-        <fuEditor
-          v-model="form.content"
-          :isClear="isClear"
-          @change="change"
-        ></fuEditor>
-
+        <fuEditor v-model="form.content" :isClear="isClear" @change="change"></fuEditor>
         <!-- <vue-ueditor-wrap ref="editor" v-model="form.content" :config="myConfig"></vue-ueditor-wrap> -->
       </el-form-item>
       <!-- <el-form-item label="状态" prop="status">
@@ -134,209 +130,242 @@
       <el-form-item label="">
         <el-button type="primary" @click="save">保存</el-button>
       </el-form-item> -->
-      <el-form-item >
+      <el-form-item>
       </el-form-item>
-      <el-form-item >
+      <el-form-item>
       </el-form-item>
-      <el-form-item >
+      <el-form-item>
       </el-form-item>
     </el-form>
   </section>
 </template>
 <script>
-import fuEditor from "@/components/fuEditor/index.vue";
-export default {
-  components: {
-    fuEditor,
-  },
-  data() {
-    return {
-      loading: false,
-      imageUrl: "",
-      test: "",
-      list: [],
-      form: {
-        title: "",
-        category_id: "",
-        content: "",
-        imgs: [],
-        address: "",
-        point: "",
-        status: 1,
-        img: "",
-        isbanner:0,
-        category:'每日点评',
-      },
-      isClear: false,
-      keyword: "",
-      point: {
-        lng: "",
-        lat: "",
-      },
-      BMap: null,
-      myConfig: {
-	      // 编辑器自动被内容撑高
-	      autoHeightEnabled: true,
-	      // 初始容器高度
-	      initialFrameHeight: 500,
-	      // 初始容器宽度
-	      initialFrameWidth: '100%',
-	      // 上传文件接口，实现上传图片功能必须的配置，这个地址会在后端配置的时候产生，此处先放上结果
-	      serverUrl: '/api/admin/ueditor/upload',
-	    },
-      categoryList:[
-        {label:"游资专场",value:"游资专场"},
-        {label:"冠军交割",value:"冠军交割"},
-        {label:"牛人专场",value:"牛人专场"},
-        {label:"妖股列传",value:"妖股列传"},
-        {label:"每日点评",value:"每日点评"}
-      ],
-      bannerList:[
-        {label:"否",value:0},
-        {label:"是",value:1}
-      ],
-      articleurl:"",
-    };
-  },
-  methods: {
-    getData() {
-      this.$api.getArticleById({ id: this.form.id }).then((res) => {
-        this.form = res.data.data;
-      });
+  import fuEditor from "@/components/fuEditor/index.vue";
+  export default {
+    components: {
+      fuEditor,
     },
-    getContent() {
-      this.$api.getContentList({ page: this.page }).then((res) => {
-        this.loading = false;
-        if (res.status == 200) {
-          this.list = res.data.data.list;
-        } else {
-          this.$message({
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-    },
-    change(val) {
-      this.form.content = val;
-    },
-    upload(type) {
-      var file = document.getElementById(type).files;
-      var data = new FormData();
-      data.append("file", file[0]);
-      this.$api.uploadFile(data).then((res) => {
-        if (res.data.code == 0) {
-          let imgs = this.form.imgs || [];
-          imgs.push(res.data.data.url);
-          this.form.imgs = imgs;
-          // this.$set(form,type,res.data.data.url)
-          this.$message({ message: "上传成功！", type: "success" });
-        } else {
-          this.$message.error(res.data.message);
-        }
-      });
+    data() {
+      return {
+        loading: false,
+        imageUrl: "",
+        test: "",
+        list: [],
+        form: {
+          title: "",
+          category_id: "",
+          content: "",
+          imgs: [],
+          address: "",
+          point: "",
+          status: 1,
+          img: "",
+          isbanner: 0,
+          category: '每日点评',
+        },
+        isClear: false,
+        keyword: "",
+        point: {
+          lng: "",
+          lat: "",
+        },
+        BMap: null,
+        myConfig: {
+          // 编辑器自动被内容撑高
+          autoHeightEnabled: true,
+          // 初始容器高度
+          initialFrameHeight: 500,
+          // 初始容器宽度
+          initialFrameWidth: '100%',
+          // 上传文件接口，实现上传图片功能必须的配置，这个地址会在后端配置的时候产生，此处先放上结果
+          serverUrl: '/api/admin/ueditor/upload',
+        },
+        categoryList: [{
+            label: "游资专场",
+            value: "游资专场"
+          },
+          {
+            label: "冠军交割",
+            value: "冠军交割"
+          },
+          {
+            label: "牛人专场",
+            value: "牛人专场"
+          },
+          {
+            label: "妖股列传",
+            value: "妖股列传"
+          },
+          {
+            label: "每日点评",
+            value: "每日点评"
+          }
+        ],
+        bannerList: [{
+            label: "否",
+            value: 0
+          },
+          {
+            label: "是",
+            value: 1
+          }
+        ],
+        articleurl: "",
+      };
     },
-    save() {
-      var parm = this.form;
-      // parm.point=this.point.lng+','+this.point.lat
-      parm.type = "champion";
-      if (parm.id) {
-        // debugger;
-        this.$api.editArticle(parm).then((res) => {
-          if (res.data.code == 0) {
-            this.$message({ message: "修改成功！", type: "success" });
-            this.$router.push({ path: "/championsay" });
+    methods: {
+      getData() {
+        this.$api.getArticleById({
+          id: this.form.id
+        }).then((res) => {
+          this.form = res.data.data;
+        });
+      },
+      getContent() {
+        this.$api.getContentList({
+          page: this.page
+        }).then((res) => {
+          this.loading = false;
+          if (res.status == 200) {
+            this.list = res.data.data.list;
           } else {
-            this.$message.error(res.data.message);
+            this.$message({
+              message: res.message,
+              type: "error",
+            });
           }
         });
-      } else {
-        this.$api.addArticle(parm).then((res) => {
+      },
+      change(val) {
+        this.form.content = val;
+      },
+      upload(type) {
+        var file = document.getElementById(type).files;
+        var data = new FormData();
+        data.append("file", file[0]);
+        this.$api.uploadFile(data).then((res) => {
           if (res.data.code == 0) {
-            this.$message({ message: "添加成功！", type: "success" });
-            this.$router.push({ path: "/championsay" });
+            let imgs = this.form.imgs || [];
+            imgs.push(res.data.data.url);
+            this.form.imgs = imgs;
+            // this.$set(form,type,res.data.data.url)
+            this.$message({
+              message: "上传成功！",
+              type: "success"
+            });
           } else {
             this.$message.error(res.data.message);
           }
         });
-      }
-    },
+      },
+      save() {
+        var parm = this.form;
+        // parm.point=this.point.lng+','+this.point.lat
+        parm.type = "champion";
+        if (parm.id) {
+          // debugger;
+          this.$api.editArticle(parm).then((res) => {
+            if (res.data.code == 0) {
+              this.$message({
+                message: "修改成功！",
+                type: "success"
+              });
+              this.$router.push({
+                path: "/championsay"
+              });
+            } else {
+              this.$message.error(res.data.message);
+            }
+          });
+        } else {
+          this.$api.addArticle(parm).then((res) => {
+            if (res.data.code == 0) {
+              this.$message({
+                message: "添加成功！",
+                type: "success"
+              });
+              this.$router.push({
+                path: "/championsay"
+              });
+            } else {
+              this.$message.error(res.data.message);
+            }
+          });
+        }
+      },
 
-    spiderArticle() {
-      this.loading = true;
+      spiderArticle() {
+        this.loading = true;
 
-      this.$api.getSpiderArticle({ url: this.articleurl }).then((res) => {
-        console.log('data',res.data)
-        this.form.content = res.data.data;
-        this.loading = false;
-      });
-    },
+        this.$api.getSpiderArticle({
+          url: this.articleurl
+        }).then((res) => {
+          console.log('data', res.data)
+          this.form.content = res.data.data;
+          this.loading = false;
+        });
+      },
 
-    handleAvatarSuccess(res, file) {
-      this.form.img = res.data.url;
-    },
-    beforeAvatarUpload(file) {
-      return;
-      const isJPG = file.type === "image/jpeg";
-      const isLt2M = file.size / 1024 / 1024 < 2;
+      handleAvatarSuccess(res, file) {
+        this.form.img = res.data.url;
+      },
+      beforeAvatarUpload(file) {
+        return;
+        const isJPG = file.type === "image/jpeg";
+        const isLt2M = file.size / 1024 / 1024 < 2;
 
-      if (!isJPG) {
-        this.$message.error("上传头像图片只能是 JPG 格式!");
-      }
-      if (!isLt2M) {
-        this.$message.error("上传头像图片大小不能超过 2MB!");
-      }
-      return isJPG && isLt2M;
-    },
-    onBaiduMapReady(e) {
-      // const that = this
-      this.BMap = e.BMap;
-    },
-    getClickInfo(e) {
-      // 调整地图中心位置
-      this.point = e.point;
+        if (!isJPG) {
+          this.$message.error("上传头像图片只能是 JPG 格式!");
+        }
+        if (!isLt2M) {
+          this.$message.error("上传头像图片大小不能超过 2MB!");
+        }
+        return isJPG && isLt2M;
+      },
+      onBaiduMapReady(e) {
+        // const that = this
+        this.BMap = e.BMap;
+      },
+      getClickInfo(e) {
+        // 调整地图中心位置
+        this.point = e.point;
 
-      // 此时已经可以获取到BMap类
-      if (this.BMap) {
-        const that = this;
-        // Geocoder() 类进行地址解析
-        // 创建地址解析器的实例
-        const geoCoder = new this.BMap.Geocoder();
-        // getLocation() 类--利用坐标获取地址的详细信息
-        // getPoint() 类--获取位置对应的坐标
-        geoCoder.getLocation(e.point, function (res) {
-          const addrComponent = res.addressComponents;
-          const surroundingPois = res.surroundingPois;
-          const province = addrComponent.province;
-          const city = addrComponent.city;
-          const district = addrComponent.district;
-          let addr = addrComponent.street;
-          if (surroundingPois.length > 0 && surroundingPois[0].title) {
-            if (addr) {
-              addr += `-${surroundingPois[0].title}`;
+        // 此时已经可以获取到BMap类
+        if (this.BMap) {
+          const that = this;
+          // Geocoder() 类进行地址解析
+          // 创建地址解析器的实例
+          const geoCoder = new this.BMap.Geocoder();
+          // getLocation() 类--利用坐标获取地址的详细信息
+          // getPoint() 类--获取位置对应的坐标
+          geoCoder.getLocation(e.point, function (res) {
+            const addrComponent = res.addressComponents;
+            const surroundingPois = res.surroundingPois;
+            const province = addrComponent.province;
+            const city = addrComponent.city;
+            const district = addrComponent.district;
+            let addr = addrComponent.street;
+            if (surroundingPois.length > 0 && surroundingPois[0].title) {
+              if (addr) {
+                addr += `-${surroundingPois[0].title}`;
+              } else {
+                addr += `${surroundingPois[0].title}`;
+              }
             } else {
-              addr += `${surroundingPois[0].title}`;
+              addr += addrComponent.streetNumber;
             }
-          } else {
-            addr += addrComponent.streetNumber;
-          }
-          that.form.address = province + city + district + addr;
-        });
+            that.form.address = province + city + district + addr;
+          });
+        }
+      },
+    },
+    created() {
+      // this.getContent()
+      if (this.$route.query.id) {
+        this.form.id = this.$route.query.id;
+        this.id = this.$route.query.id;
+        this.getData();
       }
     },
-  },
-  created() {
-    // this.getContent()
-    if (this.$route.query.id) {
-      this.form.id = this.$route.query.id;
-      this.id = this.$route.query.id;
-      this.getData();
-    }
-  },
-};
-</script>
-
-
-
-
-
+  };
+</script>

src/views/match/championSay.vue

@@ -2,77 +2,39 @@
   <section class="content">
     <h4>文章数据</h4>
     <el-divider></el-divider>
-    <el-form label-width="80px" class="filter-form">
-      <el-row>
-        <el-col :span="4">
-          <el-form-item label="标题">
-            <el-input
-              @clear="getData()"
-              clearable
-              v-model="queryParams.name"
-              placeholder="请输入标题"
-              size="mini"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="分类">
-            <el-select v-model="queryParams.category" placeholder="" size="mini" clearable @clear="getData" @change="getData">
-              <el-option
-                v-for="item in categoryList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="5">
-          <el-form-item label="是否置顶">
-            <el-select
-              v-model="queryParams.isbanner"
-              placeholder="请选择是否置顶"
-              @change="getData()"
-              size="mini"
-              clearable
-            >
-              <el-option
-                v-for="item in bannerList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label-width="10" style="margin-left: 10px">
-            <el-button type="primary" @click="getData" size="mini"
-              >筛选</el-button
-            >
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd"
-              >新增冠军心得</el-button
-            >
-          </el-form-item>
-        </el-col>
-      </el-row>
+    <el-form label-width="80px" class="filter-form" :inline="true">
+      <el-form-item label="标题">
+        <el-input @clear="getData()" clearable v-model="queryParams.name" placeholder="请输入标题" size="mini"></el-input>
+      </el-form-item>
+      <el-form-item label="分类">
+        <el-select v-model="queryParams.category" placeholder="" size="mini" clearable @clear="getData"
+          @change="getData">
+          <el-option v-for="item in categoryList" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否置顶">
+        <el-select v-model="queryParams.isbanner" placeholder="请选择是否置顶" @change="getData()" size="mini" clearable>
+          <el-option v-for="item in bannerList" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否精选">
+        <el-select v-model="queryParams.ishot" placeholder="请选择是否精选" @change="getData()" size="mini" clearable>
+          <el-option v-for="item in hotList" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label-width="10" style="margin-left: 10px">
+        <el-button type="primary" @click="getData" size="mini">筛选</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增冠军心得</el-button>
+      </el-form-item>
     </el-form>
-    <el-table
-      v-loading="loading"
-      :data="list"
-      style="width: 100%; margin-top: 10px"
-      height="50vh"
-    >
+    <el-table v-loading="loading" :data="list" style="width: 100%; margin-top: 10px" height="50vh">
       <el-table-column align="center" prop="name" label="标题" />
       <el-table-column align="center" prop="name" label="标题">
         <template slot-scope="scope">
-            <img :src="scope.row.img" width="180" height="80" alt="">
+          <img :src="scope.row.img" width="180" height="80" alt="">
         </template>
       </el-table-column>
       <el-table-column align="center" prop="isbanner" label="置顶">
@@ -81,6 +43,12 @@
           <span v-if="scope.row.isbanner == 1">已置顶</span>
         </template>
       </el-table-column>
+      <el-table-column align="center" prop="ishot" label="精选">
+        <template slot-scope="scope">
+          <span v-if="scope.row.ishot == 0">否</span>
+          <span v-if="scope.row.ishot == 1">是</span>
+        </template>
+      </el-table-column>
       <el-table-column align="center" prop="date" label="状态">
         <template slot-scope="scope">
           <span v-if="scope.row.status == 1">编辑中</span>
@@ -90,56 +58,28 @@
       </el-table-column>
       <el-table-column align="center" prop="category" label="创建时间" />
       <el-table-column align="center" prop="ctime" label="创建时间" />
-      <el-table-column align="center" prop="date" label="操作">
+      <el-table-column align="center" prop="date" label="操作" width="210px">
         <template slot-scope="scope">
-          <el-button @click="pushArticle(scope.row)" size="mini" type="primary"
-            >推送</el-button
-          >
-          <el-button @click="handleEdit(scope.row)" size="mini" type="warning"
-            >编辑</el-button
-          >
-          <el-button @click="del(scope.row.id)" size="mini" type="danger"
-            >删除</el-button
-          >
+          <el-button @click="pushArticle(scope.row)" size="mini" type="primary">推送</el-button>
+          <el-button @click="handleEdit(scope.row)" size="mini" type="warning">编辑</el-button>
+          <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <Page
-      ref="pageButton"
-      :current="form.page"
-      :page_size="form.page_size"
-      :total="total"
-      @pageChange="gopage"
-    />
+    <Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="比赛名称" prop="name">
-          <el-input
-            clearable
-            v-model="form.name"
-            placeholder="请输入比赛名称"
-          ></el-input>
+          <el-input clearable v-model="form.name" placeholder="请输入比赛名称"></el-input>
         </el-form-item>
         <el-form-item label="开始时间" prop="start_time">
-          <el-date-picker
-            v-model="form.start_time"
-            type="date"
-            placeholder="选择日期"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-            size="mini"
-          >
+          <el-date-picker v-model="form.start_time" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd" size="mini">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="结束时间" prop="end_time">
-          <el-date-picker
-            v-model="form.end_time"
-            type="date"
-            placeholder="选择日期"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-            size="mini"
-          >
+          <el-date-picker v-model="form.end_time" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd" size="mini">
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -151,125 +91,169 @@
   </section>
 </template>
 <script>
-import Page from "../../components/Page";
-export default {
-  components: {
-    Page,
-  },
-  data() {
-    return {
-      loading: false,
-      queryParams: {
-        page: 1,
-      },
-      form: {},
-      list: [{}, {}],
-      total: 0,
-      title: "新增赛事",
-      open: false,
-      rules: {
-        name: [{ required: true, message: "请输入比赛名称", trigger: "blur" }],
-        start_time: [
-          { required: true, message: "请输入开始时间", trigger: "blur" },
+  import Page from "../../components/Page";
+  export default {
+    components: {
+      Page,
+    },
+    data() {
+      return {
+        loading: false,
+        queryParams: {
+          page: 1,
+        },
+        form: {},
+        list: [{}, {}],
+        total: 0,
+        title: "新增赛事",
+        open: false,
+        rules: {
+          name: [{
+            required: true,
+            message: "请输入比赛名称",
+            trigger: "blur"
+          }],
+          start_time: [{
+            required: true,
+            message: "请输入开始时间",
+            trigger: "blur"
+          }, ],
+          end_time: [{
+            required: true,
+            message: "请输入结束时间",
+            trigger: "blur"
+          }, ],
+        },
+        matchList: [],
+        groupList: [],
+        userList: [],
+        categoryList: [{
+            label: "游资专场",
+            value: "游资专场"
+          },
+          {
+            label: "冠军交割",
+            value: "冠军交割"
+          },
+          {
+            label: "牛人专场",
+            value: "牛人专场"
+          },
+          {
+            label: "妖股列传",
+            value: "妖股列传"
+          }
+        ],
+        bannerList: [{
+            label: "未置顶",
+            value: 0
+          },
+          {
+            label: "已置顶",
+            value: 1
+          },
         ],
-        end_time: [
-          { required: true, message: "请输入结束时间", trigger: "blur" },
+        hotList: [{
+            label: "否",
+            value: 0
+          },
+          {
+            label: "是",
+            value: 1
+          },
         ],
+      };
+    },
+    methods: {
+      del(id) {
+        this.$confirm("确定删除吗?", "提示", {
+          type: "warning",
+        }).then(() => {
+          this.$api.delArticle({
+            id: id
+          }).then((res) => {
+            this.$message({
+              message: "删除成功",
+              type: "success",
+            });
+            this.getData();
+          });
+        });
+      },
+      gopage(size) {
+        if (size) {
+          this.queryParams.page_size = size;
+        }
+        this.queryParams.page = this.$refs.pageButton.page;
+        this.getData();
+      },
+      getData() {
+        this.loading = true;
+        //
+        this.queryParams.type = "champion";
+        this.$api.getArticleList(this.queryParams).then((res) => {
+          this.list = res.data.data.list;
+          this.total = res.data.data.total;
+          this.loading = false;
+        });
+      },
+      handleAdd() {
+        this.open = true;
+        this.title = "新增赛事";
+        this.form = {};
+        this.$router.push({
+          path: "/addChampionSay"
+        });
+      },
+      handleEdit(row) {
+        this.open = true;
+        this.title = "新增赛事";
+        // this.form={}
+        this.$router.push({
+          path: "/addChampionSay",
+          query: {
+            id: row.id
+          }
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            if (this.form.id != null) {
+              this.$api.updateMatch(this.form).then((response) => {
+                this.msgSuccess("修改成功");
+                this.open = false;
+                this.getData();
+              });
+            } else {
+              this.$api.addMatch(this.form).then((response) => {
+                this.msgSuccess("新增成功");
+                this.open = false;
+                this.getData();
+              });
+            }
+          }
+        });
       },
-      matchList: [],
-      groupList: [],
-      userList: [],
-      categoryList:[
-        {label:"游资专场",value:"游资专场"},
-        {label:"冠军交割",value:"冠军交割"},
-        {label:"牛人专场",value:"牛人专场"},
-        {label:"妖股列传",value:"妖股列传"}
-      ],
-      bannerList: [
-        { label: "未置顶", value: 0 },
-        { label: "已置顶", value: 1 },
-      ],
-    };
-  },
-  methods: {
-    del(id) {
-      this.$confirm("确定删除吗?", "提示", {
-        type: "warning",
-      }).then(() => {
-        this.$api.delArticle({ id: id }).then((res) => {
-          this.$message({
-            message: "删除成功",
-            type: "success",
+      pushArticle(row) {
+        this.$confirm("确认推送该文章给所有用户?", "提示", {
+          type: "warning",
+        }).then(() => {
+          this.$api.pushArticle({
+            id: row.id
+          }).then((res) => {
+            this.$message({
+              message: "推送成功",
+              type: "success",
+            });
+            this.getData();
           });
-          this.getData();
         });
-      });
-    },
-    gopage(size) {
-      if (size) {
-        this.queryParams.page_size = size;
       }
-      this.queryParams.page = this.$refs.pageButton.page;
-      this.getData();
-    },
-    getData() {
-      this.loading = true;
-      //
-      this.queryParams.type = "champion";
-      this.$api.getArticleList(this.queryParams).then((res) => {
-        this.list = res.data.data.list;
-        this.total = res.data.data.total;
-        this.loading = false;
-      });
     },
-    handleAdd() {
-      this.open = true;
-      this.title = "新增赛事";
-      this.form = {};
-      this.$router.push({ path: "/addChampionSay" });
-    },
-    handleEdit(row) {
-      this.open = true;
-      this.title = "新增赛事";
-      // this.form={}
-      this.$router.push({ path: "/addChampionSay", query: { id: row.id } });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            this.$api.updateMatch(this.form).then((response) => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getData();
-            });
-          } else {
-            this.$api.addMatch(this.form).then((response) => {
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getData();
-            });
-          }
-        }
-      });
+    created() {
+      this.getData();
     },
-    pushArticle(row){
-      this.$confirm("确认推送该文章给所有用户?", "提示", {
-        type: "warning",
-      }).then(() => {
-        this.$api.pushArticle({ id: row.id }).then((res) => {
-          this.$message({
-            message: "推送成功",
-            type: "success",
-          });
-          this.getData();
-        });
-      });
-    }
-  },
-  created() {
-    this.getData();
-  },
-};
+  };
 </script>

src/views/match/group.vue

@@ -2,63 +2,48 @@
     <section class="content">
         <h4>赛事分组</h4>
         <el-divider></el-divider>
-        <el-form label-width="80px" class="filter-form">
-            <el-row>
-                <el-col :span="6">
-                    <el-form-item label="赛事名称">
-                        <el-select v-model="queryParams.match_id" placeholder="请选择比赛" size="mini" @change="getData()">
-                            <el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id"></el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="4">
-                    <el-form-item label-width="10" style='margin-left:10px'>
-                        <el-button type="primary" @click="getData" size="mini">筛选</el-button>
-                        <el-button
-                        type="primary"
-                        plain
-                        icon="el-icon-plus"
-                        size="mini"
-                        @click="handleAdd"
-                        >新增分组</el-button>
-                    </el-form-item>
-                </el-col>
-            </el-row>   
+        <el-form label-width="80px" class="filter-form" :inline="true">
+            <el-form-item label="赛事名称">
+                <el-select v-model="queryParams.match_id" placeholder="请选择比赛" size="mini" @change="getData()">
+                    <el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label-width="10" style='margin-left:10px'>
+                <el-button type="primary" @click="getData" size="mini">筛选</el-button>
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增分组</el-button>
+            </el-form-item>
         </el-form>
         <el-table v-loading='loading' :data="list" style="width: 100%;margin-top:10px;" height="50vh">
-                <el-table-column align="center" prop="name" label="分组名称"/>
-                <el-table-column align="center" prop="match_name" label="比赛名称"/>
-                <el-table-column align="center" prop="is_active" label="是否显示">
-                    <template slot-scope="scope">
-                        <span v-if="scope.row.is_active==1">是</span>
-                        <span v-else>否</span>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center"  prop="join_count" label="参赛人数"/>
-                <el-table-column align="center"  prop="out_count" label="退赛人数"/>
-                <el-table-column align="center"  prop="order" label="排序"/>
-                <el-table-column align="center"  prop="date" label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="title='编辑分组',open=true,form=scope.row" size="mini" type="warning" :disabled="!scope.row.charge">编辑</el-button>
-                        <el-button @click="del(scope.row.id)" size="mini" type="danger" :disabled="!scope.row.charge">删除</el-button>
-                    </template>
-                </el-table-column>
+            <el-table-column align="center" prop="name" label="分组名称" />
+            <el-table-column align="center" prop="match_name" label="比赛名称" />
+            <el-table-column align="center" prop="is_active" label="是否显示">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.is_active==1">是</span>
+                    <span v-else>否</span>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="join_count" label="参赛人数" />
+            <el-table-column align="center" prop="out_count" label="退赛人数" />
+            <el-table-column align="center" prop="order" label="排序" />
+            <el-table-column align="center" prop="date" label="操作">
+                <template slot-scope="scope">
+                    <el-button @click="title='编辑分组',open=true,form=scope.row" size="mini" type="warning"
+                        :disabled="!scope.row.charge">编辑</el-button>
+                    <el-button @click="del(scope.row.id)" size="mini" type="danger" :disabled="!scope.row.charge">删除
+                    </el-button>
+                </template>
+            </el-table-column>
         </el-table>
-        <Page
-            ref="pageButton"
-            :current="form.page"
-            :page_size="form.page_size"
-            :total="total"
-            @pageChange="gopage"
-        />
+        <Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
         <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="80px">
                 <el-form-item label="分组名称" prop="name">
-                    <el-input clearable v-model="form.name" placeholder="请输入分组名称"  ></el-input>
+                    <el-input clearable v-model="form.name" placeholder="请输入分组名称"></el-input>
                 </el-form-item>
                 <el-form-item label="比赛名称" prop="match_id">
                     <el-select v-model="form.match_id" placeholder="请选择比赛">
-                        <el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id"></el-option>
+                        <el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id">
+                        </el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="是否显示" prop="is_active">
@@ -68,7 +53,7 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item label="排序" prop="order">
-                    <el-input clearable v-model="form.order" placeholder=""  ></el-input>
+                    <el-input clearable v-model="form.order" placeholder=""></el-input>
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -79,106 +64,112 @@
     </section>
 </template>
 <script>
-import Page from "../../components/Page";
-export default {
-    components: {
-        Page,
-    },
-    data(){
-        return{
-            loading:false,
-            queryParams:{
-                page:1
-            },
-            form:{},
-            list:[{},{}],
-            total:0,
-            title:'新增分组',
-            open:false,
-            rules:{
-                name: [
-                    { required: true, message: '请输入分组名称', trigger: 'blur' }
-                ],
-                match_id: [
-                    { required: true, message: '请选择比赛', trigger: 'blur' }
-                ],
-            },
-            matchList:[],
-            groupList:[],
-            userList:[]
-        }
-    },
-    methods:{
-        del(id) {
-        this.$confirm("确定删除吗?", "提示", {
-            type: "warning",
-        }).then(() => {
-            this.$api.delGroup({ id: id }).then((res) => {
-            this.$message({
-                message: "删除成功",
-                type: "success",
-            });
-            this.getData();
-            });
-        });
+    import Page from "../../components/Page";
+    export default {
+        components: {
+            Page,
         },
-        gopage(size) {
-            if (size) {
-                this.queryParams.page_size = size;
+        data() {
+            return {
+                loading: false,
+                queryParams: {
+                    page: 1
+                },
+                form: {},
+                list: [{}, {}],
+                total: 0,
+                title: '新增分组',
+                open: false,
+                rules: {
+                    name: [{
+                        required: true,
+                        message: '请输入分组名称',
+                        trigger: 'blur'
+                    }],
+                    match_id: [{
+                        required: true,
+                        message: '请选择比赛',
+                        trigger: 'blur'
+                    }],
+                },
+                matchList: [],
+                groupList: [],
+                userList: []
             }
-            this.queryParams.page = this.$refs.pageButton.page;
-            this.getData();
-        },
-        getData(){
-            this.loading = true;
-            this.$api.getMatchList().then(res=>{
-                this.matchList=res.data.data
-            })
-            this.$api.getGroupList().then(res=>{
-                this.groupList=res.data.data
-            })
-            this.$api.getUserSearch().then(res=>{
-                this.userList=res.data.data
-            })
-            // 
-            this.$api.getGroups(this.queryParams).then(res=>{
-                this.list=res.data.data.list
-                this.total = res.data.data.total;
-                this.loading = false;
-            })
-        },
-        handleAdd(){
-            this.open=true;
-            this.title='新增分组';
-            this.form={}
         },
-        /** 提交按钮 */
-        submitForm() {
-            this.$refs["form"].validate(valid => {
-                if (valid) {
-                if (this.form.id != null) {
-                    this.$api.updateGroup(this.form).then(response => {
-                    this.msgSuccess("修改成功");
-                    this.open = false;
-                    this.getData();
-                    });
-                } else {
-                    this.$api.addGroup(this.form).then(response => {
-                    this.msgSuccess("新增成功");
-                    this.open = false;
-                    this.getData();
+        methods: {
+            del(id) {
+                this.$confirm("确定删除吗?", "提示", {
+                    type: "warning",
+                }).then(() => {
+                    this.$api.delGroup({
+                        id: id
+                    }).then((res) => {
+                        this.$message({
+                            message: "删除成功",
+                            type: "success",
+                        });
+                        this.getData();
                     });
+                });
+            },
+            gopage(size) {
+                if (size) {
+                    this.queryParams.page_size = size;
                 }
+                this.queryParams.page = this.$refs.pageButton.page;
+                this.getData();
+            },
+            getData() {
+                this.loading = true;
+                this.$api.getMatchList().then(res => {
+                    this.matchList = res.data.data
+                })
+                this.$api.getGroupList().then(res => {
+                    this.groupList = res.data.data
+                })
+                this.$api.getUserSearch().then(res => {
+                    this.userList = res.data.data
+                })
+                // 
+                this.$api.getGroups(this.queryParams).then(res => {
+                    this.list = res.data.data.list
+                    this.total = res.data.data.total;
+                    this.loading = false;
+                })
+            },
+            handleAdd() {
+                this.open = true;
+                this.title = '新增分组';
+                this.form = {}
+            },
+            /** 提交按钮 */
+            submitForm() {
+                this.$refs["form"].validate(valid => {
+                    if (valid) {
+                        if (this.form.id != null) {
+                            this.$api.updateGroup(this.form).then(response => {
+                                this.msgSuccess("修改成功");
+                                this.open = false;
+                                this.getData();
+                            });
+                        } else {
+                            this.$api.addGroup(this.form).then(response => {
+                                this.msgSuccess("新增成功");
+                                this.open = false;
+                                this.getData();
+                            });
+                        }
+                    }
+                });
+            },
+        },
+        created() {
+            this.$api.getMatchList().then(res => {
+                this.matchList = res.data.data
+                this.queryParams.match_id = this.matchList[0].id;
+                this.getData()
+            })
         }
-      });
-    },
-    },
-    created(){
-        this.$api.getMatchList().then(res=>{
-            this.matchList=res.data.data
-            this.queryParams.match_id = this.matchList[0].id;
-            this.getData() 
-        })
     }
-}
 </script>

src/views/match/index.vue

@@ -7,9 +7,7 @@
   <section class="content">
     <h4>赛事管理</h4>
     <el-divider></el-divider>
-    <el-form label-width="80px" class="filter-form">
-      <el-row>
-        <el-col :span="6">
+    <el-form label-width="80px" class="filter-form" :inline="true">
           <el-form-item label="赛事名称">
             <el-input
               @clear="getData()"
@@ -19,12 +17,12 @@
               size="mini"
             ></el-input>
           </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label-width="10" style="margin-left: 10px">
+          <el-form-item label-width="10" >
             <el-button type="primary" @click="getData" size="mini"
               >筛选</el-button
             >
+          </el-form-item>
+          <el-form-item>
             <el-button
               type="primary"
               plain
@@ -34,8 +32,6 @@
               >新增赛事</el-button
             >
           </el-form-item>
-        </el-col>
-      </el-row>
     </el-form>
     <el-table
       v-loading="loading"
@@ -167,6 +163,9 @@
             </el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="奖项内容">
+          <el-input type="textarea" v-model="form.awards_content"></el-input>
+        </el-form-item>
         <el-form-item label="报单日历" prop="calendar">
           <full-calendar
             :events="monthData"

src/views/match/notice.vue

@@ -2,76 +2,47 @@
     <section class="content">
         <h4>赛事公告</h4>
         <el-divider></el-divider>
-        <el-form label-width="80px" class="filter-form">
-            <el-row>
-                <el-col :span="6">
-                    <el-form-item label="公告名称">
-                        <el-input @clear="getData()" clearable v-model="queryParams.name" placeholder="请输入公告名称" size="mini"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="4">
-                    <el-form-item label-width="10" style='margin-left:10px'>
-                        <el-button type="primary" @click="getData" size="mini">筛选</el-button>
-                        <el-button
-                        type="primary"
-                        plain
-                        icon="el-icon-plus"
-                        size="mini"
-                        @click="handleAdd"
-                        >新增公告</el-button>
-                    </el-form-item>
-                </el-col>
-            </el-row>   
+        <el-form label-width="80px" class="filter-form" :inline="true">
+            <el-form-item label="公告名称">
+                <el-input @clear="getData()" clearable v-model="queryParams.name" placeholder="请输入公告名称" size="mini">
+                </el-input>
+            </el-form-item>
+            <el-form-item label-width="10" style='margin-left:10px'>
+                <el-button type="primary" @click="getData" size="mini">筛选</el-button>
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增公告</el-button>
+            </el-form-item>
         </el-form>
         <el-table v-loading='loading' :data="list" style="width: 100%;margin-top:10px;" height="50vh">
-                <el-table-column align="center" prop="name" label="公告名称"/>
-                <el-table-column align="center"  prop="date" label="状态">
-                    <template slot-scope="scope">
-                        <span v-if="scope.row.status==1">编辑中</span>
-                        <span v-if="scope.row.status==2">上线</span>
-                        <span v-if="scope.row.status==-1">下线</span>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center"  prop="ctime" label="创建时间"/>
-                <el-table-column align="center"  prop="date" label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleEdit(scope.row)" size="mini" type="warning">编辑</el-button>
-                        <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
-                    </template>
-                </el-table-column>
+            <el-table-column align="center" prop="name" label="公告名称" />
+            <el-table-column align="center" prop="date" label="状态">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.status==1">编辑中</span>
+                    <span v-if="scope.row.status==2">上线</span>
+                    <span v-if="scope.row.status==-1">下线</span>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="ctime" label="创建时间" />
+            <el-table-column align="center" prop="date" label="操作">
+                <template slot-scope="scope">
+                    <el-button @click="handleEdit(scope.row)" size="mini" type="warning">编辑</el-button>
+                    <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
+                </template>
+            </el-table-column>
         </el-table>
-        <Page
-            ref="pageButton"
-            :current="form.page"
-            :page_size="form.page_size"
-            :total="total"
-            @pageChange="gopage"
-        />
+        <Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
         <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="80px">
                 <el-form-item label="比赛名称" prop="name">
                     <el-input clearable v-model="form.name" placeholder="请输入比赛名称"></el-input>
                 </el-form-item>
                 <el-form-item label="开始时间" prop="start_time">
-                    <el-date-picker
-                    v-model="form.start_time"
-                    type="date"
-                    placeholder="选择日期"
-                    format="yyyy-MM-dd"
-                    value-format="yyyy-MM-dd"
-                    size="mini"
-                    >
+                    <el-date-picker v-model="form.start_time" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+                        value-format="yyyy-MM-dd" size="mini">
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item label="结束时间" prop="end_time">
-                    <el-date-picker
-                    v-model="form.end_time"
-                    type="date"
-                    placeholder="选择日期"
-                    format="yyyy-MM-dd"
-                    value-format="yyyy-MM-dd"
-                    size="mini"
-                    >
+                    <el-date-picker v-model="form.end_time" type="date" placeholder="选择日期" format="yyyy-MM-dd"
+                        value-format="yyyy-MM-dd" size="mini">
                     </el-date-picker>
                 </el-form-item>
             </el-form>
@@ -83,105 +54,120 @@
     </section>
 </template>
 <script>
-import Page from "../../components/Page";
-export default {
-    components: {
-        Page,
-    },
-    data(){
-        return{
-            loading:false,
-            queryParams:{
-                page:1
-            },
-            form:{},
-            list:[{},{}],
-            total:0,
-            title:'新增赛事',
-            open:false,
-            rules:{
-                name: [
-                    { required: true, message: '请输入比赛名称', trigger: 'blur' }
-                ],
-                start_time: [
-                    { required: true, message: '请输入开始时间', trigger: 'blur' }
-                ],
-                end_time: [
-                    { required: true, message: '请输入结束时间', trigger: 'blur' }
-                ]
-            },
-            matchList:[],
-            groupList:[],
-            userList:[]
-        }
-    },
-    methods:{
-        del(id) {
-        this.$confirm("确定删除吗?", "提示", {
-            type: "warning",
-        }).then(() => {
-            this.$api.delArticle({ id: id }).then((res) => {
-            this.$message({
-                message: "删除成功",
-                type: "success",
-            });
-            this.getData();
-            });
-        });
+    import Page from "../../components/Page";
+    export default {
+        components: {
+            Page,
         },
-        gopage(size) {
-            if (size) {
-                this.queryParams.page_size = size;
+        data() {
+            return {
+                loading: false,
+                queryParams: {
+                    page: 1
+                },
+                form: {},
+                list: [{}, {}],
+                total: 0,
+                title: '新增赛事',
+                open: false,
+                rules: {
+                    name: [{
+                        required: true,
+                        message: '请输入比赛名称',
+                        trigger: 'blur'
+                    }],
+                    start_time: [{
+                        required: true,
+                        message: '请输入开始时间',
+                        trigger: 'blur'
+                    }],
+                    end_time: [{
+                        required: true,
+                        message: '请输入结束时间',
+                        trigger: 'blur'
+                    }]
+                },
+                matchList: [],
+                groupList: [],
+                userList: []
             }
-            this.queryParams.page = this.$refs.pageButton.page;
-            this.getData();
-        },
-        getData(){
-            this.loading = true;
-            // 
-            this.queryParams.type = "notice"
-            this.$api.getArticleList(this.queryParams).then(res=>{
-                this.list=res.data.data.list
-                this.total = res.data.data.total;
-                this.loading = false;
-            })
         },
-        handleAdd(){
-            this.open=true;
-            this.title='新增赛事';
-            this.form={}
-            this.$router.push({path:'/addNotice'})
-        },
-        handleEdit(row){
-            this.open=true;
-            this.title='新增赛事';
-            // this.form={}
-            this.$router.push({path:'/addNotice',query:{id:row.id}})
-        },
-        /** 提交按钮 */
-        submitForm() {
-            this.$refs["form"].validate(valid => {
-                if (valid) {
-                    this.form.type = "notice"
-                if (this.form.id != null) {
-                    this.$api.updateMatch(this.form).then(response => {
-                    this.msgSuccess("修改成功");
-                    this.open = false;
-                    this.getData();
-                    });
-                } else {
-                    this.$api.addMatch(this.form).then(response => {
-                    this.msgSuccess("新增成功");
-                    this.open = false;
-                    this.getData();
+        methods: {
+            del(id) {
+                this.$confirm("确定删除吗?", "提示", {
+                    type: "warning",
+                }).then(() => {
+                    this.$api.delArticle({
+                        id: id
+                    }).then((res) => {
+                        this.$message({
+                            message: "删除成功",
+                            type: "success",
+                        });
+                        this.getData();
                     });
+                });
+            },
+            gopage(size) {
+                if (size) {
+                    this.queryParams.page_size = size;
                 }
+                this.queryParams.page = this.$refs.pageButton.page;
+                this.getData();
+            },
+            getData() {
+                this.loading = true;
+                // 
+                this.queryParams.type = "notice"
+                this.$api.getArticleList(this.queryParams).then(res => {
+                    this.list = res.data.data.list
+                    this.total = res.data.data.total;
+                    this.loading = false;
+                })
+            },
+            handleAdd() {
+                this.open = true;
+                this.title = '新增赛事';
+                this.form = {}
+                this.$router.push({
+                    path: '/addNotice'
+                })
+            },
+            handleEdit(row) {
+                this.open = true;
+                this.title = '新增赛事';
+                // this.form={}
+                this.$router.push({
+                    path: '/addNotice',
+                    query: {
+                        id: row.id
+                    }
+                })
+            },
+            /** 提交按钮 */
+            submitForm() {
+                this.$refs["form"].validate(valid => {
+                    if (valid) {
+                        this.form.type = "notice"
+                        if (this.form.id != null) {
+                            this.$api.updateMatch(this.form).then(response => {
+                                this.msgSuccess("修改成功");
+                                this.open = false;
+                                this.getData();
+                            });
+                        } else {
+                            this.$api.addMatch(this.form).then(response => {
+                                this.msgSuccess("新增成功");
+                                this.open = false;
+                                this.getData();
+                            });
+                        }
+                    }
+                });
+            },
+        },
+        created() {
+            this.getData()
         }
-      });
-    },
-    },
-    created(){
-       this.getData() 
     }
-}
 </script>