fuliqi
2024-01-24 29c1e7eb5ac16e90d8991a86c1c071bc312ec8d9
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<template>
  <div class="version-list">
    <list-condition-template ref="table" :form="listQuery" :formLabel="formLabel"
                             :tableData="tableData" :total="total"
                             @page-info-change="handlePageInfoChange">
      <template slot="otherElement">
        <el-col :span="6" :offset="0">
          <el-form-item>
            <el-button size="mini" type="primary" @click="queryData">查询</el-button>
            <el-button size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-col>
      </template>
      <template slot="operationSection">
        <el-button size="mini" type="success" @click="addItem">新增</el-button>
      </template>
      <template slot="columns">
        <el-table-column label="版本号" prop="version"></el-table-column>
        <el-table-column label="Android/iOS" prop="appType"></el-table-column>
        <el-table-column label="发布内容" prop="content" show-overflow-tooltip></el-table-column>
        <el-table-column label="发布时间" prop="currDate"></el-table-column>
      </template>
    </list-condition-template>
  </div>
</template>
<script>
import { getMobileVersionList } from '../../api/system'
export default {
  name: 'version-list',
  data() {
    return {
      listQuery: {
        searchDate: null,
        appType:null,
        bizId: 'B02',
        status: '0'
      },
      formLabel: [
        {
          model: 'searchDate',
          label: '发布日期',
          type: 'date',
          valueFormat: 'yyyy-MM-dd'
        },
        {
          model: 'appType',
          label: '版本类型',
          type: 'select',
          opts: [
            {
              id: 'Android',
              name: 'Android'
            },
            {
              id: 'iOS',
              name: 'iOS'
            }
          ]
        }
      ],
      tableData: [],
      total: 0
    }
  },
  /**
   * 数据变化后刷新列表
   */
  activated() {
    this._getMobileVersionList(this.$refs.table.getPageInfo())
  },
  methods: {
    /**
       * '分页信息改变时查询列表
       */
    handlePageInfoChange(pageInfo) {
      this._getMobileVersionList(pageInfo)
    },
 
    /**
     * 重置
     */
    resetQuery() {
      this.$refs.table.reloadCurrent()
    },
    /**
     * 点击查询按钮
     */
    queryData() {
      this.$refs.table.changeCondition()
    },
    // formatter(row, column, cellValue, index) {
    //   const arr = []
    //   if (row.apkUrl) {
    //     arr.push('Android')
    //   }
    //   if (row.iosUrl) {
    //     arr.push('iOS')
    //   }
    //   return arr.join('、')
    // },
    addItem() {
      this.$router.push({ name: 'versionAdd' })
    },
    async _getMobileVersionList(pageInfo = { pageNum: 1, pageSize: 10 }) {
      try {
        const res = await getMobileVersionList({ ...this.listQuery, ...pageInfo })
        if (res.code === '0') {
          this.tableData = res.data.list
          this.total = res.data.total
        }
      } catch (error) {
      }
    }
  }
}
</script>
<style scoped lang="stylus">
.version-list {
}
</style>