update: build

src/api/operation.js

@@ -30,6 +30,7 @@ let marketingApi = {
     url: '/sms/update-sms-setting',
     // useFormData: true
   },
+  getSystemTemplate: '/sms/page-system-template',
   // 生成appid
   getAppid: '/sms/default-appid',
 };

src/router/routes.js

@@ -23,6 +23,11 @@ export const routes = [
         name: '短信通道管理',
         component: _import('message', 'pass-manage')
       },
+      {
+        path: 'systemMessageTemplate',
+        name: '系统短信管理',
+        component: _import('message', 'system-message')
+      },
     ]
   }
 ];

src/views/message/system-message.vue

+<template>
+  <div class="container right_content">
+    <div class="search">
+      <el-input v-model="search.searchText" @change="searchTypeChange" prefix-icon="el-icon-search" placeholder="请输入GIC短信模板ID、模板名称、模板内容" style="width: 234px" clearable/>
+      <el-select v-model="search.channelId" @change="searchTypeChange" placeholder="选择发送通道" class="ml10">
+        <el-option v-for="item in channelList" :key="item.channelId" :value="item.channelId" :label="item.channelName">{{ item.channelName }}</el-option>
+      </el-select>
+    </div>
+    <div class="mt20">
+      <el-table :data="tableData.data" element-loading-text="拼命加载中" v-loading="loading">
+        <el-table-column v-for="(v, i) in tableData.tableHeader" :key="i" :prop="v.prop" :min-width="v.minWidth" :label="v.label" :formatter="v.formatter" :fixed="v.fixed" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="v.formatter" v-html="v.formatter(scope.row)"></span>
+            <span v-else>{{ scope.row[v.prop] || '--' }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- <el-pagination background class="dm-pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="tableData.currentPage" :page-sizes="tableData.pageSizeList" :page-size="tableData.pageSize" layout="total, sizes, prev, pager, next" :total="tableData.total" hide-on-single-page /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import requestApi from '@/api/operation';
+const { getAllChannel, getSystemTemplate } = requestApi;
+export default {
+  data() {
+    return {
+      loading: false,
+      channelList: [],
+      search: {
+        searchText: '',
+        channelId: 1
+      },
+      tableData: {
+        data: [],
+        currentPage: 1,
+        pageSizeList: [ 20, 40, 60, 80 ],
+        pageSize: 20,
+        tableHeader: [],
+        total: 0
+      }
+    };
+  },
+  created() {
+    this.getTableHeader();
+    this.getChannelList();
+    this.getTableData();
+  },
+  methods: {
+    // table methods
+    getTableHeader() {
+      this.tableData.tableHeader = [
+        { label: 'GIC模板ID', prop: 'smsTemplateId' },
+        { label: '模板名称', prop: 'title' },
+        { label: '模板内容', prop: 'content' },
+        { label: '应用场景', prop: 'remark', formatter: (row) => {
+          if(row.systemInfo == 2) {
+            switch(row.systemType) {
+              case 3: return '好办会话提醒';
+              case 6: return '商户余额不足短信通知';
+              case 4: return '运维后台验证码';
+              case 2: return '好办注册验证码';
+              case 7: return '微商城支付异常通知 ';
+              case 5: return '业务变动通知';
+              case 101: return '服务到期提醒';
+              case 1: return '商户欠费短信通知';
+              case 100: return '达摩中台密码重置 ';
+            }
+          } else if(row.systemInfo == 1) {
+            switch(row.systemType) {
+              case 0: return 'GIC会员小程序';
+              case 1: return '观云台小程序';
+            }
+          }
+          return '';
+        } },
+        { label: '通道模板ID', prop: 'templateId' },
+      ];
+    },
+    async getTableData() {
+      this.loading = true;
+      // const { currentPage, pageSize } = this.tableData;
+      const { searchText, channelId } = this.search;
+      const para = {
+        // pageNum: currentPage,
+        // pageSize,
+        smsSendType: channelId,
+        searchParams: searchText
+      };
+      const result = await getSystemTemplate(para);
+      this.loading = false;
+      this.tableData.data = result.result.result || [];
+      this.tableData.total = result.result.totalCount || 0;
+    },
+    handleSizeChange(val) {
+      this.tableData.pageSize = val;
+      this.tableData.currentPage = 1;
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.tableData.currentPage = val;
+      this.getTableData();
+    },
+    // others
+    async getChannelList() {
+      const { result } = await getAllChannel();
+      this.channelList = result || [];
+    },
+    searchTypeChange() {
+      this.tableData.currentPage = 1;
+      this.getTableData();
+    },
+  }
+};
+</script>
+
+<style scoped lang="scss"></style>