Merge branch 'dev' of http://git.sinoecare.com/sinoecare/digital_village_cp/dv_cp_wechat_app into dev

2021-12-24 20:24:38 +08:00
parent 02ae1fe61e c83aaf23f4
commit a245d9eb0d
5 changed files with 55 additions and 271 deletions
--- a/src/apps/AppContentManager/AppContentManager.vue
+++ b/src/apps/AppContentManager/AppContentManager.vue
@@ -1,106 +0,0 @@
-<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,getData()"/>
-        </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>
--- a/src/apps/AppContentManager/contentAdd.vue
+++ b/src/apps/AppContentManager/contentAdd.vue
@@ -1,89 +0,0 @@
-<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">
-        <AiEditor 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>
--- a/src/apps/AppContentManager/contentDetail.vue
+++ b/src/apps/AppContentManager/contentDetail.vue
@@ -1,38 +0,0 @@
-<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>
--- a/src/apps/AppServicePublic/Add.vue
+++ b/src/apps/AppServicePublic/Add.vue
@@ -3,7 +3,8 @@
    <div class="header-description">
      <u-form :model="forms" ref="uForm" label-width="auto">
        <u-form-item label="标题" prop="title" required label-position="top">
-          <u-input v-model="forms.title" placeholder="请输入标题(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
+          <u-input v-model="forms.title" placeholder="请输入标题(30字以内)" type="textarea" auto-height height="60"
+                   maxlength="30"/>
        </u-form-item>

        <u-form-item label="类别" prop="status" required v-if="selectList.length">
@@ -12,7 +13,8 @@
            <span v-else>{{ selectList[forms.selectIndex].categoryName }}</span>
            <u-icon name="arrow-right" color="#CCCCCC" class="right-icon"></u-icon>
          </div>
-          <u-select v-model="showStstus" :list="selectList" value-name="selectIndex" label-name="categoryName" @confirm="selectStatus"></u-select>
+          <u-select v-model="showStstus" :list="selectList" value-name="selectIndex" label-name="categoryName"
+                    @confirm="selectStatus"></u-select>
        </u-form-item>

        <u-form-item label="发布地区" prop="areaId" required>
@@ -23,11 +25,12 @@
        </u-form-item>

        <u-form-item label="正文" prop="content" required label-position="top">
-          <u-input v-model="forms.content" placeholder="请输入活动详情(30字以内)" type="textarea" auto-height height="60" maxlength="500" />
+          <AiEditor v-model="forms.content" placeholder="请输入，最多500字" :maxlength="500"/>
        </u-form-item>

        <u-form-item label="图片(最多9张)" prop="files" class="avatars" label-position="top">
-          <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+          <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9"
+                      action="/admin/file/add2"></AiUploader>
        </u-form-item>
      </u-form>
    </div>
@@ -80,7 +83,8 @@ export default {
    document.title = this.listName
  },

-  mounted() {},
+  mounted() {
+  },
  methods: {
    getDetail() {
      this.$http.post(`/app/appcontentinfo/queryDetailById?id=${this.id}`).then((res) => {
@@ -171,6 +175,7 @@ export default {
 <style lang="scss" scoped>
 .add {
  height: 100%;
+
  .header-description {
    ::v-deep .u-form {
      .u-form-item {
@@ -196,6 +201,7 @@ export default {
      }
    }
  }
+
  .pad-b112 {
    padding-bottom: 224px;
  }
@@ -217,16 +223,20 @@ export default {
  .right {
    width: 100%;
    text-align: right;
+
    .right-icon {
      vertical-align: middle;
      margin-left: 8px;
    }
+
    .area-right-icon {
      margin: -40px 0 0 8px;
    }
+
    ::v-deep .AiAreaPicker {
      display: inline-block;
      width: calc(100% - 50px);
+
      .areaSelector {
        div {
          width: 100%;
@@ -234,12 +244,14 @@ export default {
          box-sizing: border-box;
          text-align: right;
        }
+
        .fixedTop {
          text-align: left;
        }
      }
    }
  }
+
  .color-999 {
    color: #999;
  }
--- a/src/apps/AppServicePublic/AppServicePublic.vue
+++ b/src/apps/AppServicePublic/AppServicePublic.vue
@@ -10,7 +10,8 @@
      <div>区域选择</div>
      <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
    </div>
-    <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch" @search="search"></u-search>
+    <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch"
+              @search="search"></u-search>
    <template v-if="datas.length > 0">
      <AiCard v-for="(item, i) in datas" :ref="item.id" :key="i" @click.native="toAdd(item, 1)">
        <template #custom>
@@ -19,7 +20,8 @@
            <u-parse :html="item.content"></u-parse>
          </p>
          <div class="img-list" v-if="item.files.length && item.contentType != 1">
-            <img :src="items.accessUrl" alt="" v-for="(items, index) in item.files" :key="index" v-if="index < 3" @click.stop="previewImage(item.files, items.accessUrl)" />
+            <img :src="items.accessUrl" alt="" v-for="(items, index) in item.files" :key="index" v-if="index < 3"
+                 @click.stop="previewImage(item.files, items.accessUrl)"/>
          </div>
          <div class="img-list" v-if="item.files.length && item.contentType == 1">
            <video class="video" :src="item.files[0].url"></video>
@@ -62,7 +64,7 @@ import {mapState} from 'vuex'

 export default {
  name: 'AppServicePublic',
-  appName: '三务公开',
+  appName: '内容发布',
  components: {},
  props: {},
  data() {
@@ -296,6 +298,7 @@ uni-page-body {

      .img-list {
        margin-bottom: 24px;
+
        img {
          width: calc(33% - 16px);
          height: 204px;
@@ -338,12 +341,14 @@ uni-page-body {
        .right {
          font-size: 28px;
          color: #999;
+
          img {
            width: 32px;
            height: 32px;
            vertical-align: middle;
            margin-right: 8px;
          }
+
          .font {
            color: #4181ff;
          }