BUG 29874

packages/conv/creditScore/AppIntegralAudit/components/Detail.vue

@@ -1,4 +1,4 @@
- <template>
+<template>
   <ai-detail class="audit">
     <template slot="title">
       <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
@@ -8,7 +8,7 @@
       <ai-card title="基本信息">
         <template #content>
           <ai-wrapper
-            label-width="120px">
+              label-width="120px">
             <ai-info-item label="申请人" :value="info.residentName"></ai-info-item>
             <ai-info-item label="申请时间" :value="info.createTime"></ai-info-item>
             <!-- <ai-info-item label="积分类型" :value="dict.getLabel('atWillReportType', info.applyIntegralType)"></ai-info-item> -->
@@ -23,23 +23,24 @@
       <ai-card title="处理结果" v-if="info.auditStatus !== '0'">
         <div slot="content" style="margin-top: 16px;margin-bottom:24px">
           <ai-wrapper
-            label-width="120px">
+              label-width="120px">
             <ai-info-item label="审核结果" :value="info.auditStatus === '1' ? '通过' : '拒绝'" isLine></ai-info-item>
             <ai-info-item label="审核意见" v-if="info.auditStatus === '2'" isLine :value="info.auditOpinion"></ai-info-item>
-<!--            <ai-info-item label="积分规则类别" v-if="info.auditStatus === '1'" :value="dict.getLabel('atWillReportType', info.auditIntegralType)"></ai-info-item>-->
+            <!--            <ai-info-item label="积分规则类别" v-if="info.auditStatus === '1'" :value="dict.getLabel('atWillReportType', info.auditIntegralType)"></ai-info-item>-->
-<!--            <ai-info-item label="积分规则事项" v-if="info.auditStatus === '1'" :value="info.auditRuleName"></ai-info-item>-->
+            <!--            <ai-info-item label="积分规则事项" v-if="info.auditStatus === '1'" :value="info.auditRuleName"></ai-info-item>-->
-            <ai-info-item label="积分调整" isLine v-if="info.auditStatus === '1'" :value="(info.auditIntegral >= 0 ? info.auditIntegral : info.auditIntegral) + '分'"></ai-info-item>
+            <ai-info-item label="积分调整" isLine v-if="info.auditStatus === '1'"
+                          :value="(info.auditIntegral >= 0 ? info.auditIntegral : info.auditIntegral) + '分'"></ai-info-item>
             <ai-info-item label="审核人" :value="info.auditUserName"></ai-info-item>
             <ai-info-item label="审核时间" :value="info.auditTime"></ai-info-item>
           </ai-wrapper>
         </div>
       </ai-card>
       <ai-dialog
-        :visible.sync="isShow"
+          :visible.sync="isShow"
-        width="800px"
+          width="800px"
-        @close="onClose"
+          @close="onClose"
-        title="事件审核"
+          title="事件审核"
-        @onConfirm="onConfirm">
+          @onConfirm="onConfirm">
         <el-form class="ai-form" label-width="120px" :model="form" ref="form">
           <el-form-item label="是否通过审核" prop="pass" style="width: 100%;" :rules="[{ required: true, message: '请选择是否通过审核' }]">
             <el-radio-group v-model="form.pass" @change="onStatusChange">
@@ -47,37 +48,40 @@
               <el-radio label="1">是</el-radio>
             </el-radio-group>
           </el-form-item>
-<!--          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '' }]">-->
+          <el-form-item v-if="form.pass === '1'" label="积分调整" prop="auditIntegral" style="width: 100%;" :rules="[{ required: true, message: '请输入积分调整' }]">
-<!--            <div class="flex-warpper">-->
+            <el-input v-model.number="form.auditIntegral" clearable placeholder="请输入积分调整" @keyup.native="form.auditIntegral=Math.abs(form.auditIntegral)"/>
-<!--               <el-form-item  label-width="0" prop="auditIntegralType" :rules="[{ required: true, message: '请选择积分规则类别' }]">-->
+          </el-form-item>
-<!--                <ai-select-->
+          <!--          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '' }]">-->
-<!--                  v-model="form.auditIntegralType"-->
+          <!--            <div class="flex-warpper">-->
-<!--                  clearable-->
+          <!--               <el-form-item  label-width="0" prop="auditIntegralType" :rules="[{ required: true, message: '请选择积分规则类别' }]">-->
-<!--                  style="width: 180px;"-->
+          <!--                <ai-select-->
-<!--                  placeholder="请选择积分规则类别"-->
+          <!--                  v-model="form.auditIntegralType"-->
-<!--                  :selectList="dict.getDict('atWillReportType')"-->
+          <!--                  clearable-->
-<!--                  @change="onChange">-->
+          <!--                  style="width: 180px;"-->
-<!--                </ai-select>-->
+          <!--                  placeholder="请选择积分规则类别"-->
-<!--               </el-form-item>-->
+          <!--                  :selectList="dict.getDict('atWillReportType')"-->
-<!--               <el-form-item style="margin: 0 10px;" prop="auditRuleId" :rules="[{ required: true, message: '请选择积分规则事项' }]">-->
+          <!--                  @change="onChange">-->
-<!--                <ai-select-->
+          <!--                </ai-select>-->
-<!--                  v-model="form.auditRuleId"-->
+          <!--               </el-form-item>-->
-<!--                  clearable-->
+          <!--               <el-form-item style="margin: 0 10px;" prop="auditRuleId" :rules="[{ required: true, message: '请选择积分规则事项' }]">-->
-<!--                  style="width: 180px;"-->
+          <!--                <ai-select-->
-<!--                  placeholder="请选择积分规则事项"-->
+          <!--                  v-model="form.auditRuleId"-->
-<!--                  :selectList="ruleList">-->
+          <!--                  clearable-->
-<!--                </ai-select>-->
+          <!--                  style="width: 180px;"-->
-<!--               </el-form-item>-->
+          <!--                  placeholder="请选择积分规则事项"-->
-<!--              <span>{{ integralText }}</span>-->
+          <!--                  :selectList="ruleList">-->
-<!--            </div>-->
+          <!--                </ai-select>-->
-<!--          </el-form-item>-->
+          <!--               </el-form-item>-->
+          <!--              <span>{{ integralText }}</span>-->
+          <!--            </div>-->
+          <!--          </el-form-item>-->
           <el-form-item label="审核意见" v-if="form.pass === '0'" prop="opinion" style="width: 100%;" :rules="[{ required: true, message: '请输入审核意见' }]">
             <el-input type="textarea" :rows="5" :maxlength="200" v-model="form.opinion" clearable placeholder="请输入审核意见" show-word-limit></el-input>
           </el-form-item>
         </el-form>
       </ai-dialog>
     </template>
-    <template #footer >
+    <template #footer>
       <el-button @click="cancel">取消</el-button>
       <el-button type="primary" @click="isShow = true" v-if="info.auditStatus === '0'">审核</el-button>
     </template>
@@ -85,153 +89,151 @@
 </template>
 
 <script>
-  export default {
+export default {
-    name: 'Detail',
+  name: 'Detail',
 
-    props: {
+  props: {
-      instance: Function,
+    instance: Function,
-      dict: Object,
+    dict: Object,
-      params: Object
+    params: Object
-    },
+  },
 
-    data () {
+  data() {
-      const validatorRules = function (rule, value, callback) {
+    const validatorRules = function (rule, value, callback) {
-        if (value === '') {
+      if (value === '') {
-          callback(new Error('请输入联系方式'))
+        callback(new Error('请输入联系方式'))
-        } else if (!/^1\d{10}$/.test(value)) {
+      } else if (!/^1\d{10}$/.test(value)) {
-          callback(new Error('手机号格式错误'))
+        callback(new Error('手机号格式错误'))
-        } else {
+      } else {
-          callback()
+        callback()
-        }
-      }
-      return {
-        total: 0,
-        info: {
-          auditStatus: '0'
-        },
-        id: '',
-        isShow: false,
-        form: {
-          auditIntegralType: '',
-          auditRuleId: '',
-          opinion: '',
-          pass: ''
-        },
-        ruleList: []
-      }
-    },
-
-    computed: {
-      integralText () {
-        if (!this.form.auditRuleId) {
-          return ''
-        }
-
-        const integral = this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral
-
-        return integral >= 0 ? `+${integral}分` : `${integral}分`
-      }
-    },
-
-    created () {
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-        this.dict.load(['atWillReportType', 'auditStatus']).then(() => {
-          this.getInfo(this.params.id)
-        })
-      }
-    },
-
-    methods: {
-      getInfo (id) {
-        this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-          }
-        })
-      },
-
-      onStatusChange () {
-        this.$refs.form.clearValidate()
-      },
-
-      onClose () {
-        this.form.auditIntegralType = ''
-        this.form.auditRuleId = ''
-        this.form.pass = ''
-        this.form.opinion = ''
-        this.id = ''
-      },
-
-      onConfirm() {
-        this.$refs.form.validate(v => {
-          if (v) {
-            this.instance.post('/app/appvillagerintegraldeclare/examine', null, {
-              params: {
-                ...this.form,
-                id: this.params.id,
-                auditIntegral: this.form.auditRuleId ? this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral : '',
-                auditRuleName: this.form.auditRuleId ? this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].ruleName : ''
-              }
-            }).then(res => {
-              if (res.code == 0) {
-                this.isShow = false
-                this.getInfo(this.params.id)
-                this.$message.success('审核成功!')
-              }
-            })
-          }
-        })
-      },
-
-      onChange (e) {
-        this.form.auditRuleId = ''
-        this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}`).then(res => {
-          if (res?.code == 0) {
-            this.ruleList = res.data.records.filter(v => v.ruleStatus === '1').map(v => {
-              return {
-                dictName: v.ruleName,
-                dictValue: v.id,
-                ruleName: v.ruleName,
-                integral: v.integral
-              }
-            })
-          }
-        })
-      },
-
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'list',
-          isRefresh: !!isRefresh
-        })
       }
     }
+    return {
+      total: 0,
+      info: {
+        auditStatus: '0'
+      },
+      id: '',
+      isShow: false,
+      form: {
+        auditIntegralType: '',
+        auditRuleId: '',
+        opinion: '',
+        pass: ''
+      },
+      ruleList: []
+    }
+  },
+
+  computed: {
+    integralText() {
+      if (!this.form.auditRuleId) {
+        return ''
+      }
+
+      const integral = this.ruleList.filter(v => v.dictValue === this.form.auditRuleId)[0].integral
+
+      return integral >= 0 ? `+${integral}分` : `${integral}分`
+    }
+  },
+
+  created() {
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.dict.load(['atWillReportType', 'auditStatus']).then(() => {
+        this.getInfo(this.params.id)
+      })
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
+    },
+
+    onStatusChange() {
+      this.$refs.form.clearValidate()
+    },
+
+    onClose() {
+      this.form.auditIntegralType = ''
+      this.form.auditRuleId = ''
+      this.form.pass = ''
+      this.form.opinion = ''
+      this.id = ''
+    },
+
+    onConfirm() {
+      this.$refs.form.validate(v => {
+        if (v) {
+          this.instance.post('/app/appvillagerintegraldeclare/examine', null, {
+            params: {
+              ...this.form,
+              id: this.params.id,
+            }
+          }).then(res => {
+            if (res.code == 0) {
+              this.isShow = false
+              this.getInfo(this.params.id)
+              this.$message.success('审核成功!')
+            }
+          })
+        }
+      })
+    },
+
+    onChange(e) {
+      this.form.auditRuleId = ''
+      this.instance.post(`/app/appvillagerintegralrule/list?size=1000&classification=${e}`).then(res => {
+        if (res?.code == 0) {
+          this.ruleList = res.data.records.filter(v => v.ruleStatus === '1').map(v => {
+            return {
+              dictName: v.ruleName,
+              dictValue: v.id,
+              ruleName: v.ruleName,
+              integral: v.integral
+            }
+          })
+        }
+      })
+    },
+
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
+    }
   }
+}
 </script>
 
 <style scoped lang="scss">
-  .audit {
+.audit {
-    .flex-warpper {
+  .flex-warpper {
-      display: flex;
+    display: flex;
-      align-items: center;
+    align-items: center;
 
-      ::v-deep .el-form-item .el-form-item__content {
+    ::v-deep .el-form-item .el-form-item__content {
-        margin-left: 0!important;
+      margin-left: 0 !important;
-      }
+    }
 
-      ::v-deep .ai-select {
+    ::v-deep .ai-select {
-        margin: 0!important;
+      margin: 0 !important;
-      }
+    }
 
-      ::v-deep .el-form-item {
+    ::v-deep .el-form-item {
-        width: auto;
+      width: auto;
-        margin-bottom: 0;
+      margin-bottom: 0;
 
-        &:last-child {
+      &:last-child {
-          margin-right: 10px;
+        margin-right: 10px;
-        }
       }
     }
   }
+}
 </style>