t

src/api/other.js

@@ -154,4 +154,10 @@ export default {
   admthemetemplate: params => { // 小程序主题 - 主题数据 - 一键创建
     return getRequestNoSort('/adm/theme/template', params, 'loading')
   },
+  admnewslist: params => { // 今日简报 - 列表
+    return getRequestNoSort('/adm/news/list', params)
+  },
+  admnewschange: params => { // 今日简报 - 修改
+    return getRequestNoSort('/adm/news/change', params, 'loading')
+  },
 }

src/views/qa/todayNews.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="app-container">
+    <div class="scoped-news xl-form">
+      <div class="sn-op" v-for="(item, index) in newsList" :key="index">
+        <div class="n">{{index + 1}}</div>
+        <el-input class="i" v-model="item.text" placeholder="请输入内容"></el-input>
+        <el-button class="xl-form-btn t4" @click="delHandle(index)">删除</el-button>
+      </div>
+      <div class="sn-op">
+        <div class="n">M</div>
+        <el-input class="i" v-model="moreText" placeholder="请输入内容"></el-input>
+      </div>
+      <div slot="footer">
+        <el-button class="xl-form-btn t1" @click="confirmHandle">保存</el-button>
+        <el-button class="xl-form-btn t3" @click="addHandle">添加一条</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'todayNews',
+  data() {
+    return {
+      newsList: [],
+      moreText: '',
+    }
+  },
+  computed: {},
+  created() {
+    this.$api.other.admnewslist().then(res => {
+      const allData = res || {}
+      const newsList = allData.news || []
+      this.newsList = newsList.map(item => {
+        return {text: item}
+      })
+      this.moreText = allData.jt || ''
+    })
+  },
+  mounted() {},
+  methods: {
+    delHandle (index) {
+      let newsList = [...this.newsList]
+      newsList.splice(index, 1)
+      this.newsList = [...newsList]
+    },
+    addHandle () {
+      let newsList = [...this.newsList]
+      newsList.push({text: ''})
+      this.newsList = [...newsList]
+    },
+    confirmHandle() {
+      this.$msg(`您确定要保存吗？`, 'confirm', () => {
+        const news = this.newsList.map(item => {
+          return item.text
+        })
+        this.$api.other.admnewschange({
+          news: JSON.stringify(news),
+          jt: this.moreText,
+        }).then(data => {
+          this.$msgs(`已保存！`)
+          this.fetchData()
+        })
+      }, null, true)
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.scoped-news {
+  .sn-op {
+    display: flex;
+    padding-bottom: 10px;
+    .n {
+      width: 18px;
+      height: 18px;
+      line-height: 18px;
+      background: #fc5f5b;
+      color: #fff;
+      text-align: center;
+      font-size: 12px;
+      border-radius: 50%;
+      margin-top: 10px;
+      margin-right: 6px;
+    }
+    .i {
+      flex: 1;
+    }
+  }
+}
+</style>