管理员申请

src/apps/AppMonitoringObject/MonitorAddView.vue

@@ -0,0 +1,128 @@
+<template>
+  <div class="MonitorAddView">
+    <div class="type" v-if="status == 0">
+      <div><span style="color: #FF4466">*</span>监测对象类型</div>
+      <div>
+        <AiSelect dict="fpRiskType" v-model="riskType" />
+      </div>
+    </div>
+    <div class="type" v-if="status == 1">
+      <div><span style="color: #FF4466">*</span>风险消除方式</div>
+      <div>
+        <AiSelect dict="fpRiskEliminationMethod" v-model="riskEliminationMethod" />
+      </div>
+    </div>
+    <div class="remark">
+      <div class="title"><span style="display: inline-block;width: 8px;"></span>备注说明</div>
+      <u-input v-model="opinion" type="textarea" placeholder="请输入备注说明" height="200" :maxlength="500"></u-input>
+    </div>
+    <div class="remark">
+      <div class="title"><span style="display: inline-block;width: 8px;"></span>图片<span style="color: #999999;font-size: 14px;">(最多9张)</span></div>
+      <div style="padding-bottom: 20px; box-sizing: border-box;">
+        <AiUploader :def.sync="file" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+      </div>
+    </div>
+
+    <div class="btn" @click="submit">提交</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonitorAddView',
+  data() {
+    return {
+      riskType: '',
+      opinion: '',
+      pass: '',
+      file: [],
+      filesList: [],
+      riskEliminationMethod: '',
+      status: '',
+    }
+  },
+  onLoad(o) {
+    this.$dict.load('fpRiskType')
+    this.pass = o.pass,
+    this.id = o.id
+    this.status = o.status
+    console.log(o);
+  },
+  methods: {
+    submit() {
+      if(!this.riskType) {
+        return this.$u.toast('请选择监测对象类型')
+      }
+      if(!this.opinion) {
+        return this.$u.toast('请输入备注说明')
+      }
+      if(this.file.length > 0) {
+        var files = []
+        this.file.map(item => {
+          files.push(item.id)
+        })
+        this.filesList = files.join(',')
+      }
+      this.$http.post(`/app/apppreventionreturntopoverty/examine`, null,{
+        params: {
+          pass: this.pass,
+          id: this.id,
+          riskType: this.riskType,
+          opinion: this.opinion,
+          files: this.filesList,
+        }
+      }).then(res => {
+        if (res.code === 0) {
+          this.$u.toast('操作成功')
+          setTimeout(() => {
+            uni.$emit('reload')
+            this.getInfo()
+            uni.navigateBack({
+              delta: 2
+            })
+          },600)
+          
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.MonitorAddView {
+  .type {
+    display: flex;
+    justify-content: space-between;
+    height: 112px;
+    line-height: 112px;
+    background: #FFF;
+    padding: 0 32px;
+    box-sizing: border-box;
+  }
+  .remark {
+    margin-top: 16px;
+    background: #FFF;
+    padding: 0 32px;
+    box-sizing: border-box;
+    .title {
+      padding: 30px 0 15px 0;
+    }
+  }
+  ::v-deep .ai-uploader .fileList .default {
+    width: 160px;
+    height: 160px;
+  }
+  .btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #3192F4;
+    color: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+}
+</style>