修改

src/components/common/choicezx.vue

+<template>
+  <div>
+    <el-input size="mini" v-model="msg.Name" placeholder="根据名称搜索" :clearable="true" @clear="msg.pageIndex=1,getList()"
+      @keyup.enter.native="msg.pageIndex=1,getList()">
+      <el-button slot="append" @click="msg.pageIndex=1,getList()">搜索</el-button>
+    </el-input>
+    <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
+      @selection-change="handleSelectionChange">
+      <template v-if="isSingle">
+        <el-table-column width="50px" label="">
+          <template slot-scope="scope">
+            <el-radio v-model="scope.row.IsChecked" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;
+            </el-radio>
+          </template>
+        </el-table-column>
+      </template>
+      <template v-else>
+        <el-table-column type="selection" width="50px">
+        </el-table-column>
+      </template>
+      <el-table-column label="编号" width="80px">
+        <template slot-scope="scope">{{ scope.row.ID }}</template>
+      </el-table-column>
+      <el-table-column prop="Name" label="标题">
+      </el-table-column>
+      <el-table-column prop="CreateDateStr" label="发布时间">
+      </el-table-column>
+      <el-table-column label="资讯状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.ArticleStatus==1">上架</span>
+            <span v-if="scope.row.ArticleStatus==2">下架</span>
+          </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+      layout="prev, pager, next" :total="total">
+    </el-pagination>
+  </div>
+</template>
+<script>
+  export default {
+    props: ['ckGoods', "isSingle", "IsGetSpec"],
+    data() {
+      return {
+        dataList: [],
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+          ArticleStatus: 1, //资讯状态
+          StartTime: '',
+          EndTime: '',
+          Name: '' //标题
+        },
+        total: 0,
+        selectRow: [],
+      };
+    },
+    created() {
+      if (this.IsGetSpec) {
+        this.msg.IsGetSpec = this.IsGetSpec;
+      }
+    },
+    methods: {
+      //获取所有菜单
+      getList() {
+        this.apipost("/api/Education/GetArticlePageList", this.msg, res => {
+          if (res.data.resultCode == 1) {
+              console.log(res,'res');
+            this.total = res.data.data.count;
+            var tempArray = res.data.data.pageData;
+            if (tempArray && tempArray.length > 0) {
+              tempArray.forEach(item => {
+                item.IsChecked = false;
+              });
+            }
+            this.dataList = JSON.parse(JSON.stringify(tempArray));
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      handleSelectionChange(val) {
+        this.selectRow = JSON.parse(JSON.stringify(val));
+      },
+      getTemplateRow(index, row) {
+        this.selectRow = [];
+        if (this.dataList && this.dataList.length > 0) {
+          this.dataList.forEach(item => {
+            if (item.ID != row.ID) {
+              item.IsChecked = false;
+            }
+          })
+        }
+        this.selectRow.push(JSON.parse(JSON.stringify(row)));
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //父组件调用方法
+      getChoicedGoods() {
+        return this.selectRow;
+      },
+      //清空多选方法
+      toggleSelection(rows) {
+        if (rows) {
+          rows.forEach(row => {
+            this.$refs.multipleTable.toggleRowSelection(row);
+          });
+        } else {
+          this.$refs.multipleTable.clearSelection();
+        }
+      },
+    },
+    mounted() {
+      this.getList();
+    }
+  };
+
+</script>