提交一波居民议事

2021-12-30 21:05:45 +08:00
parent 24d5fa8f5d
commit f510951dc7
13 changed files with 891 additions and 2401 deletions
--- a/src/apps/AppVillageDiscuss/Add.vue
+++ b/src/apps/AppVillageDiscuss/Add.vue
@@ -0,0 +1,206 @@
+<template>
+  <div class="add">
+    <div class="header-description">
+      <u-form :model="form" ref="uForm" label-width="auto">
+        <u-form-item label="主题" prop="content" required label-position="top">
+          <u-input v-model="form.content" placeholder="请输入标题(1000字以内)" type="textarea" auto-height height="280"
+                   maxlength="1000"/>
+        </u-form-item>
+        <u-form-item label="图片(最多9张)" prop="images" class="avatars" label-position="top">
+          <AiUploader :def.sync="form.images" multiple placeholder="上传图片" :limit="9"
+                      action="/admin/file/add2"></AiUploader>
+        </u-form-item>
+        <u-form-item label="议事截止时间" prop="discussDeadline" required>
+          <AiDateTime v-model="form.discussDeadline"/>
+        </u-form-item>
+        <u-form-item label="公示截止时间" prop="publicityDeadline">
+          <AiDateTime v-model="form.publicityDeadline"/>
+        </u-form-item>
+        <u-form-item label="议事类型" prop="type" required label-position="top">
+          <div v-for="op in $dict.getDict('discussType')" :key="op.dictValue" class="discussType"
+               @click="form.type=op.dictValue" :class="{current:form.type==op.dictValue}">
+            {{ op.dictName }}
+          </div>
+        </u-form-item>
+      </u-form>
+    </div>
+    <div class="pad-b112"></div>
+    <div class="btn" @click="submit">保存</div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: 'Add',
+  props: {},
+  data() {
+    return {
+      id: '',
+      form: {type: 0},
+      flag: false,
+    }
+  },
+  computed: {...mapState(['user'])},
+  onLoad(o) {
+    if (o.id) {
+      this.id = o.id
+      this.getDetail()
+    }
+    this.$dict.load("discussType")
+  },
+  onShow() {
+    document.title = "新增议事"
+  },
+  methods: {
+    getDetail() {
+      this.$http.post(`/app/appvillagediscuss/queryDetailById?id=${this.id}`).then((res) => {
+        if (res?.data) {
+          this.form = {...res.data}
+          if (res.data.images) {
+            this.form.images = JSON.parse(res.data.images || '[]')
+          }
+        }
+      })
+    },
+    submit() {
+      if (this.flag) return
+      if (!this.form.content) {
+        return this.$u.toast('请输入 主题')
+      }
+      if (!this.form.discussDeadline) {
+        return this.$u.toast('请选择 议事截止时间')
+      }
+      this.$http.post(`/app/appvillagediscuss/addOrUpdate`, {
+        ...this.form,
+        images: JSON.stringify(this.form.images),
+        id: this.id,
+      }).then((res) => {
+        if (res?.code == 0) {
+          uni.$emit('update')
+          this.$u.toast('发布成功')
+          this.flag = true
+          setTimeout(() => {
+            uni.navigateBack({})
+          }, 600)
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  height: 100%;
+
+  .header-description {
+    ::v-deep .u-form {
+      .u-form-item {
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+          }
+        }
+      }
+
+      .u-form-item:last-child {
+        margin-bottom: 0;
+        padding-bottom: 20px !important;
+      }
+
+      .avatars {
+        margin: 16px 0;
+
+        .u-form-item__body {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+    }
+  }
+
+  .pad-b112 {
+    padding-bottom: 224px;
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #1365dd;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+    z-index: 999;
+  }
+
+  .right {
+    width: 100%;
+    text-align: right;
+
+    .right-icon {
+      margin-left: 8px;
+    }
+  }
+
+  .discussType {
+    width: 320px;
+    height: 112px;
+    background: #F5F5F5;
+    border-radius: 4px;
+    font-size: 30px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    letter-spacing: 1px;
+    text-align: center;
+    line-height: 112px;
+
+    & + .discussType {
+      margin-left: 42px;
+    }
+
+    &.current {
+      color: #1174FE;
+      background: #E7F1FE;
+      position: relative;
+
+      &:before {
+        position: absolute;
+        display: block;
+        content: " ";
+        bottom: 0;
+        right: 0;
+        border: 24px solid #1576FE;
+        border-top-color: transparent;
+        border-left-color: transparent;
+        border-radius: inherit;
+        z-index: 1;
+      }
+
+      &:after {
+        position: absolute;
+        display: block;
+        content: "✓";
+        bottom: 0;
+        right: 0;
+        color: #fff;
+        z-index: 2;
+        line-height: normal;
+        font-weight: normal;
+      }
+    }
+  }
+
+  .color-999 {
+    color: #999;
+  }
+}
+</style>