内容发布完成

src/apps/AppContentManager/AppContentManager.vue

@@ -0,0 +1,106 @@
+<template>
+  <section class="AppContentManager">
+    <AiNewsList :list="list" :loadmore="loadmore" @select="showDetail">
+      <template #header>
+        <div flex>
+          <AiAreaPicker :areaId="user.areaId" @select="handleSelectArea" icon="Location2.png"/>
+          <u-search placeholder="请输入标题" :show-action="false" v-model="search.title" @search="current=1,getList()"/>
+        </div>
+      </template>
+    </AiNewsList>
+    <AiFixedBtn>
+      <div class="addBtn iconfont iconfont-iconfangda" @click="gotoAdd"/>
+    </AiFixedBtn>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppContentManager",
+  appName: "内容发布",
+  computed: {
+    ...mapState(['user']),
+    loadmore() {
+      return this.pages <= this.current ? 'loading ' : 'nomore'
+    }
+  },
+  data() {
+    return {
+      list: [],
+      current: 1,
+      pages: 0,
+      search: {}
+    }
+  },
+  onLoad(params) {
+    if (params.moduleId) {
+      this.moduleId = params.moduleId
+      this.getData(params.moduleId)
+    }
+  },
+  methods: {
+    getData(moduleId) {
+      let {current, search} = this
+      moduleId && this.$http.post("/app/appcontentinfo/list", null, {
+        params: {moduleId, current, size: 10, ...search}
+      }).then(res => {
+        if (res?.data) {
+          this.list = current > 1 ? [...this.list, ...res.data.records] : res.data.records
+          this.pages = res.data.pages
+        }
+      })
+    },
+    handleSelectArea(e) {
+      this.search.areaId = e.id
+      this.getData()
+    },
+    showDetail(row) {
+      uni.navigateTo({url: `./contentDetail?id=${row.id}`})
+    },
+    gotoAdd() {
+      uni.navigateTo({url: `./contentAdd?moduleId=${this.moduleId}`})
+    }
+  },
+  onReachBottom() {
+    this.current++;
+    this.getData()
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.AppContentManager {
+  ::v-deep.location {
+    width: 60px;
+    height: 60px;
+    margin-right: 12px;
+  }
+
+  ::v-deep .u-search {
+    margin-bottom: 0 !important;
+    padding-left: 60px;
+    box-shadow: none;
+
+    .u-content {
+      padding-left: 50px;
+      box-sizing: border-box;
+    }
+  }
+
+  .addBtn {
+    width: 96px;
+    height: 96px;
+    flex-shrink: 0;
+    background: #fff;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
+    font-size: 48px;
+    color: $uni-color-primary;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+}
+</style>

src/apps/AppContentManager/contentAdd.vue

@@ -0,0 +1,89 @@
+<template>
+  <section class="contentAdd">
+    <u-form ref="ContentForm" label-position="top" :model="form">
+      <u-form-item label="标题" prop="title" required>
+        <u-input v-model="form.title" placeholder="请输入，最多30字" maxlength="30"/>
+      </u-form-item>
+      <u-form-item label="详情描述" prop="content">
+        <AiTextarea v-model="form.content" placeholder="请输入，最多500字" :maxlength="500"/>
+      </u-form-item>
+      <u-form-item label="图片（最多9张）" class="files">
+        <AiUploader multiple :limit="9" :def.sync="form.fileList" action="/admin/file/add2"/>
+      </u-form-item>
+    </u-form>
+    <div flex class="submitBtn" @tap="submitForm">提交</div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "contentAdd",
+  computed: {
+    isEdit() {
+      return !!this.$route.query?.id
+    },
+  },
+  data() {
+    return {
+      form: {
+        fileList: []
+      },
+      moduleId: ""
+    }
+  },
+  onLoad(params) {
+    this.moduleId = params.moduleId
+    this.getForm(params.id)
+  },
+  methods: {
+    getForm(id) {
+      id && this.$http.post(`/app/appcontentinfo/queryDetailById`, null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.form = {...res.data};
+        }
+      })
+    },
+    submitForm() {
+      if (!this.form.title) {
+        return this.$u.toast("标题请填写")
+      }
+
+      this.$refs.ContentForm?.validate(v => {
+        if (v) {
+          let {moduleId} = this
+          this.$http.post(`/app/appcontentinfo/addOrUpdate`, {moduleId, ...this.form}).then(res => {
+            if (res?.code == 0) {
+              this.$u.toast("提交成功！")
+              setTimeout(() => {
+                uni.navigateBack({})
+              }, 1000)
+            }
+          })
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.contentAdd {
+  .files {
+    margin-top: 24px;
+  }
+
+  .submitBtn {
+    position: fixed;
+    justify-content: center;
+    bottom: 0;
+    width: 100%;
+    height: 112px;
+    color: #fff;
+    background: $uni-color-primary;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+}
+</style>

src/apps/AppContentManager/contentDetail.vue

@@ -0,0 +1,38 @@
+<template>
+  <section class="contentDetail">
+    <AiDetail :title="detail.title" :detail="detail" :props="props"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "contentDetail",
+  data() {
+    return {
+      detail: {title: "内容详情"},
+      props: {
+        count: "viewCount"
+      }
+    }
+  },
+  onLoad(params) {
+    params.id && this.getDetail(params.id)
+  },
+  methods: {
+    getDetail(id) {
+      this.$http.post(`/app/appcontentinfo/queryDetailById`, null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.contentDetail {
+}
+</style>