随手拍

src/apps/AppHandSnapshot/Detail.vue

@@ -199,7 +199,7 @@
     </div>
 
     <div class="fixedBtn">
-      <!-- <div class="status00">
+      <div class="status00">
         <div class="columns" @click="toTransfer">
           <img src="./components/22.png" alt="" />
           <span class="hint">转交事件</span>
@@ -211,9 +211,9 @@
         </div>
 
         <div class="doIt" @click="ToMyDoIt">我来受理</div>
-      </div> -->
+      </div>
 
-      <div class="endDoIt">我已办结</div>
+      <!-- <div class="endDoIt">我已办结</div> -->
     </div>
   </div>
 </template>
@@ -233,7 +233,9 @@ export default {
   watch: {},
   onLoad(o) {
     this.id = o.id
-    this.getDetail()
+    this.$dict.load('realityStatus').then(() => {
+      this.getDetail()
+    })
   },
   onShow() {},
   methods: {
@@ -247,14 +249,17 @@ export default {
 
     toTransfer() {
       console.log('转交事件')
+      uni.navigateTo({ url: `./Transfer?id=${this.id}` })
     },
 
     toReject() {
       console.log('拒绝受理')
+      uni.navigateTo({ url: `./Reject?id=${this.id}` })
     },
 
     ToMyDoIt() {
       console.log('我来受理')
+      uni.navigateTo({ url: `./DoThings?id=${this.id}` })
     },
   },
 }

src/apps/AppHandSnapshot/DoThings.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="DoThings">
+    <div class="contents">
+      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
+        <u-form-item label="事件分类" prop="status" required :border-bottom="false" right-icon="arrow-right">
+          <u-input v-model="forms.status" placeholder="请选择事件分类" @click="show = true" />
+
+          <u-select v-model="show" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
+        </u-form-item>
+
+        <u-form-item label="拒绝意见" prop="content" :border-bottom="false" label-position="top" class="contents">
+          <u-input v-model="forms.content" placeholder="请写下你的拒绝意见..." type="textarea" auto-height height="100" maxlength="500" />
+        </u-form-item>
+
+        <div class="line"></div>
+
+        <u-form-item label="图片上传(最多9张)" prop="fileIds" :border-bottom="false" class="avatars" label-position="top">
+          <AiUploader :def.sync="forms.fileIds" multiple placeholder="上传图片" :limit="9"></AiUploader>
+        </u-form-item>
+      </u-form>
+    </div>
+
+    <div class="btn" @click="submit">转交事件</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DoThings',
+  components: {},
+  props: {},
+  data() {
+    return {
+      forms: {
+        status: '',
+        content: '',
+        fileIds: [],
+      },
+      flag: false,
+      show: false,
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    this.$dict.load('realityStatus').then(() => {
+      // this.getDetail()
+    })
+  },
+  onShow() {},
+  methods: {
+    submit() {
+      if (this.flag) return
+
+      this.$refs.uForm.validate((valid) => {
+        if (valid) {
+          if (!this.forms.content) {
+            return this.$u.toast('请选择转交人')
+          }
+
+          const imgs = []
+          if (this.forms.fileIds) {
+            this.forms.fileIds.map((e) => {
+              imgs.push({ url: e.url, id: e.id })
+            })
+          }
+
+          this.flag = true
+          this.$http
+            .post(`/app/appvisitvondolence/addOrUpdate`, {
+              title: this.forms.title,
+              content: this.forms.content,
+              // images: JSON.stringify(imgs) || [],
+              images: imgs || [],
+
+              people: this.forms.people,
+              phone: this.forms.phone,
+              id: this.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.$u.toast('发布成功')
+                this.flag = false
+                uni.navigateTo({ url: `./AppHandSnapshot` })
+              }
+            })
+        } else {
+          this.$u.toast('失败')
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.DoThings {
+  height: 100%;
+  .contents {
+    ::v-deep .u-form {
+      .u-form-item {
+        padding: 0 45px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .u-form-item:first-child {
+        .u-form-item__body {
+          border-bottom: 1px solid #ddd;
+        }
+      }
+
+      .line {
+        height: 24px;
+        background: #f3f6f9;
+      }
+
+      .contents {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: left !important;
+            }
+          }
+        }
+      }
+
+      .avatars {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    background: #3975c6;
+    padding: 34px 0;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+  }
+}
+</style>

src/apps/AppHandSnapshot/Reject.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="Reject">
+    <div class="contents">
+      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
+        <u-form-item label="事件分类" prop="status" required :border-bottom="false" right-icon="arrow-right">
+          <u-input v-model="forms.status" placeholder="请选择事件分类" @click="show = true" />
+
+          <u-select v-model="show" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
+        </u-form-item>
+
+        <u-form-item label="拒绝意见" prop="content" :border-bottom="false" label-position="top" class="contents">
+          <u-input v-model="forms.content" placeholder="请写下你的拒绝意见..." type="textarea" auto-height height="100" maxlength="500" />
+        </u-form-item>
+
+        <div class="line"></div>
+
+        <u-form-item label="图片上传(最多9张)" prop="fileIds" :border-bottom="false" class="avatars" label-position="top">
+          <AiUploader :def.sync="forms.fileIds" multiple placeholder="上传图片" :limit="9"></AiUploader>
+        </u-form-item>
+      </u-form>
+    </div>
+
+    <div class="btn" @click="submit">转交事件</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Reject',
+  components: {},
+  props: {},
+  data() {
+    return {
+      forms: {
+        status: '',
+        content: '',
+        fileIds: [],
+      },
+      flag: false,
+      show: false,
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    this.$dict.load('realityStatus').then(() => {
+      // this.getDetail()
+    })
+  },
+  onShow() {},
+  methods: {
+    submit() {
+      if (this.flag) return
+
+      this.$refs.uForm.validate((valid) => {
+        if (valid) {
+          if (!this.forms.content) {
+            return this.$u.toast('请选择转交人')
+          }
+
+          const imgs = []
+          if (this.forms.fileIds) {
+            this.forms.fileIds.map((e) => {
+              imgs.push({ url: e.url, id: e.id })
+            })
+          }
+
+          this.flag = true
+          this.$http
+            .post(`/app/appvisitvondolence/addOrUpdate`, {
+              title: this.forms.title,
+              content: this.forms.content,
+              // images: JSON.stringify(imgs) || [],
+              images: imgs || [],
+
+              people: this.forms.people,
+              phone: this.forms.phone,
+              id: this.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.$u.toast('发布成功')
+                this.flag = false
+                uni.navigateTo({ url: `./AppHandSnapshot` })
+              }
+            })
+        } else {
+          this.$u.toast('失败')
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Reject {
+  height: 100%;
+  .contents {
+    ::v-deep .u-form {
+      .u-form-item {
+        padding: 0 45px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .u-form-item:first-child {
+        .u-form-item__body {
+          border-bottom: 1px solid #ddd;
+        }
+      }
+
+      .line {
+        height: 24px;
+        background: #f3f6f9;
+      }
+
+      .contents {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: left !important;
+            }
+          }
+        }
+      }
+
+      .avatars {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    background: #3975c6;
+    padding: 34px 0;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+  }
+}
+</style>

src/apps/AppHandSnapshot/Selecter.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="Selecter"></div>
+</template>
+
+<script>
+export default {
+  name: 'Selecter',
+  components: {},
+  props: {
+    dict: Object,
+    instance: Function,
+    params: Object,
+  },
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.Selecter {
+  height: 100%;
+}
+</style>

src/apps/AppHandSnapshot/Transfer.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="Transfer">
+    <div class="contents">
+      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
+        <u-form-item label="转交给" prop="status" required :border-bottom="false" right-icon="arrow-right" class="first-form">
+          <u-input v-model="forms.status" placeholder="请选择转交对象" />
+        </u-form-item>
+
+        <u-form-item label="办理意见" prop="content" :border-bottom="false" label-position="top" class="contents">
+          <u-input v-model="forms.content" placeholder="请写下你的办理意见..." type="textarea" auto-height height="100" maxlength="500" />
+        </u-form-item>
+
+        <div class="line"></div>
+
+        <u-form-item label="图片上传(最多9张)" prop="fileIds" :border-bottom="false" class="avatars" label-position="top">
+          <AiUploader :def.sync="forms.fileIds" multiple placeholder="上传图片" :limit="9"></AiUploader>
+        </u-form-item>
+      </u-form>
+    </div>
+
+    <div class="btn" @click="submit">转交事件</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Transfer',
+  components: {},
+  props: {},
+  data() {
+    return {
+      forms: {
+        status: '',
+        content: '',
+        fileIds: [],
+      },
+      flag: false,
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {
+    submit() {
+      if (this.flag) return
+
+      this.$refs.uForm.validate((valid) => {
+        if (valid) {
+          if (!this.forms.content) {
+            return this.$u.toast('请选择转交人')
+          }
+
+          const imgs = []
+          if (this.forms.fileIds) {
+            this.forms.fileIds.map((e) => {
+              imgs.push({ url: e.url, id: e.id })
+            })
+          }
+
+          this.flag = true
+          this.$http
+            .post(`/app/appvisitvondolence/addOrUpdate`, {
+              title: this.forms.title,
+              content: this.forms.content,
+              // images: JSON.stringify(imgs) || [],
+              images: imgs || [],
+
+              people: this.forms.people,
+              phone: this.forms.phone,
+              id: this.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.$u.toast('发布成功')
+                this.flag = false
+                uni.navigateTo({ url: `./AppHandSnapshot` })
+              }
+            })
+        } else {
+          this.$u.toast('失败')
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Transfer {
+  height: 100%;
+  .contents {
+    ::v-deep .u-form {
+      .u-form-item {
+        padding: 0 45px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .u-form-item:first-child {
+        .u-form-item__body {
+          border-bottom: 1px solid #ddd;
+        }
+      }
+
+      .line {
+        height: 24px;
+        background: #f3f6f9;
+      }
+
+      .contents {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: left !important;
+            }
+          }
+        }
+      }
+
+      .avatars {
+        padding-bottom: 20px !important;
+        .u-form-item__body {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    background: #3975c6;
+    padding: 34px 0;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+  }
+}
+</style>