帮扶申报

packages/work/AppHelpDeclaration/components/Detail.vue

@@ -4,16 +4,8 @@
       <template #title>
         <ai-title title="帮扶申请详情" isShowBottomBorder isShowBack @onBackClick="cancel(true)">
           <template #rightBtn>
-            <!-- <ai-wechat-selecter :instance="instance" v-model="addUser" :isMultiple="form.readType == '0' ? false : true" @change="onChange" v-if="form.status === '2' && form.readType == '0'">
-              <el-button
-                size="small"
-                type="primary"
-                icon="iconfont iconResetting">
-                再次流转
-              </el-button>
-            </ai-wechat-selecter> -->
-            <el-button type="primary" @click="changeStatus('转交事件')" size="small"> 转交事件</el-button>
-            <el-button type="primary" @click="changeStatus('审核处理')" size="small"> 审核处理</el-button>
+            <el-button type="primary" @click="changeStatus('转交事件')" size="small" v-if="$permissions('app_apphelpdeclarationinfo_forward') && form.status != 2 && form.status != 3">转交事件</el-button>
+            <el-button type="primary" @click="changeStatus('审核处理')" size="small" v-if="$permissions('app_apphelpdeclarationinfo_audit') && form.status != 2 && form.status != 3"> 审核处理</el-button>
           </template>
         </ai-title>
         
@@ -23,42 +15,40 @@
           <ai-card title="申请信息" style="flex:2;margin-right:32px;">
             <template slot="content">
               <ai-wrapper class="mar-t16" label-width="100px" :columnsNumber="2">
-                <ai-info-item label="申请人姓名："><span>{{form.documentCode || '-'}}</span></ai-info-item>
-                <ai-info-item label="身份证号："><span>{{$dict.getLabel("officialDocumentName", form.documentType) || '-'}}</span></ai-info-item>
-                <ai-info-item label="联系方式："><span>{{$dict.getLabel("officialDocumentConfidentialityLevel", form.confidentialityLevel) || '-'}}</span></ai-info-item>
-                <ai-info-item label="申报方式："><span>{{form.documentCode || '-'}}</span></ai-info-item>
-                <ai-info-item label="家庭人口数："><span>{{form.documentCode || '-'}}</span></ai-info-item>
-                <ai-info-item label="排查人员："><span>{{form.documentCode || '-'}}</span></ai-info-item>
-                <ai-info-item label="申请帮扶原因："><span>{{form.documentCode || '-'}}</span></ai-info-item>
-                <ai-info-item label="上报时间："><span>{{form.documentCode || '-'}}</span></ai-info-item>
+                <ai-info-item label="申请人姓名："><span>{{form.name || '-'}}</span></ai-info-item>
+                <ai-info-item label="身份证号："><span>{{form.idNumber || '-'}}</span></ai-info-item>
+                <ai-info-item label="联系方式："><span>{{form.phone || '-'}}</span></ai-info-item>
+                <ai-info-item label="申报方式："><span>{{$dict.getLabel("helpDeclarationType", form.declareType) || '-'}}</span></ai-info-item>
+                <ai-info-item label="家庭人口数："><span>{{form.householdNumber || '-'}}</span></ai-info-item>
+                <ai-info-item label="排查人员："><span>{{form.createUserName || '-'}}</span></ai-info-item>
+                <ai-info-item label="申请帮扶原因："><span>{{form.reason || '-'}}</span></ai-info-item>
+                <ai-info-item label="上报时间："><span>{{form.declareTime || '-'}}</span></ai-info-item>
+                 <ai-info-item label="所在地区："><span>{{form.areaName || '-'}}</span></ai-info-item>
               </ai-wrapper>
               <ai-wrapper label-width="100px" :columnsNumber="1">
-                <ai-info-item label="风险说明："><span>{{$dict.getLabel("officialDocumentReadType", form.readType) || '-'}}</span></ai-info-item>
+                <ai-info-item label="风险说明："><span>{{form.riskDescription || '-'}}</span></ai-info-item>
               </ai-wrapper>
-              <ai-file-list v-if="form.files && form.files.length"
-                :fileList="form.files"
-                :fileOps="{ name: 'name', size: 'fileSizeStr' }"
-              ></ai-file-list>
+              <ai-uploader :instance="instance" disabled v-model="form.files"></ai-uploader>
             </template>
           </ai-card>
           <ai-card title="办理进度" style="flex:1;">
             <template #right>
-              <p style="color:#666;font-size:14px;">当前状态：待处理</p>
+              <p style="color:#666;font-size:14px;">当前状态：<span :class="'color'+form.status">{{$dict.getLabel("helpDeclarationStatus", form.status) || '-'}}</span></p>
             </template>
             <template #content>
               <div class="ai-steps">
-                <div class="ai-steps__item" v-for="(item, index) in form.flowUsers" :key="index">
+                <div class="ai-steps__item" v-for="(item, index) in form.processList" :key="index">
                   <div class="ai-steps__item--left">
-                    <div class="ai-steps__item--index">1</div>
+                    <div class="ai-steps__item--index">{{index+1}}</div>
                   </div>
                   <div class="ai-steps__item--right">
                     <div class="ai-steps__item__avatar">
                       <img :src="item.avatar" v-if="item.avatar">
-                      <h2 v-else>{{ formatName(item.flowUserName) }}</h2>
+                      <h2 v-else>{{ formatName(item.doUsername) }}</h2>
                     </div>
                     <div class="ai-steps__item--content">
-                      <h2>李四发起排查上报，等待处理</h2>
-                      <p>{{ item.flowTime }}</p>
+                      <h2>{{item.description}}</h2>
+                      <p>{{ item.doTime }}</p>
                     </div>
                   </div>
                 </div>
@@ -66,11 +56,33 @@
             </template>
           </ai-card>
         </div>
-        <ai-dialog :title="dialogTitie" :visible.sync="showDialog" @onConfirm="queMeeting('writeInfo')" @onCancel="showDialog=false;" @close="$refs.dialogInfo.resetFields()"  width="520px">
+        <ai-dialog :title="dialogTitle" :visible.sync="showDialog" @onConfirm="statusConfirm()" @onCancel="showDialog=false;" @close="$refs.dialogInfo.resetFields()"  width="520px">
           <div class="addother_main" style="width:400px;margin:auto;">
-            <el-form :model="dialogInfo" status-icon ref="writeInfo" label-width="100px" class="demo-ruleForm">
-              <el-form-item label="请假原因：" prop="reason" autocomplete="off" :rules="{ required: true, message: '请假原因不能为空', trigger: 'blur' }">
-                <el-input v-model.trim="dialogInfo.reason" autocomplete="off" size="mini" placeholder="请输入..." type="textarea" :rows="4" :maxlength="100" show-word-limit></el-input>
+            <el-form :model="dialogInfo" status-icon ref="dialogInfo" label-width="100px" class="demo-ruleForm">
+              <el-form-item label="转交" prop="name" style="width: 100%;" autocomplete="off" :rules="[{ required: true, message: '请选择转交人员', trigger: 'blur' }]" v-if="dialogTitle == '转交事件'">
+                <el-input disabled size="small" v-model="dialogInfo.name" placeholder="请选择转交人员">
+                  <template slot="append">
+                    <ai-wechat-selecter :instance="instance" v-model="addUser" :isMultiple="true" @change="onChange" v-if="dialogTitle == '转交事件'">
+                      <el-button size="small" type="primary">选择</el-button>
+                    </ai-wechat-selecter>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="处理结果：" required v-else>
+                <el-radio-group v-model="dialogInfo.auditStatus">
+                  <el-radio label="1">通过审核</el-radio>
+                  <el-radio label="0">驳回申请</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="办理意见：" prop="description" autocomplete="off" :rules="{ required: true, message: '办理意见不能为空', trigger: 'blur' }">
+                <el-input v-model="dialogInfo.description" autocomplete="off" size="mini" placeholder="请输入..." type="textarea" :rows="4" :maxlength="100" show-word-limit></el-input>
+              </el-form-item>
+              <el-form-item label="图片" style="width: 100%;" >
+                <ai-uploader
+                    :instance="instance"
+                    v-model="dialogInfo.files"
+                    :limit="9">
+                </ai-uploader>
               </el-form-item>
             </el-form>
           </div>
@@ -94,14 +106,15 @@ export default {
       form: {},
       showDialog: false,
       dialogTitle: '',
-      dialogInfo: {}
+      dialogInfo: {auditStatus: '1', description: '', files: [], name: ''},
+      addUser: [],
     };
   },
   computed: {
     
   },
   created() {
-    this.dict.load('issuingUnit','officialDocumentEmergencyLevel', 'officialDocumentReadType', 'officialDocumentConfidentialityLevel', 'officialDocumentName', 'documentFlowStatus', 'readingStatus');
+    this.dict.load('helpDeclarationType', 'helpDeclarationStatus', 'helpDeclarationReason');
   },
   mounted() {
     this.form = this.params
@@ -114,62 +127,11 @@ export default {
       }
       return name.substr(name.length - 2, name.length > 2 ? (name.length - 1) : name.length)
     },
-    onChange() {
-      if (!this.addUser.length) {
-        return this.$message.error('请选择流转人员')
-      }
-
-      if (this.form.readType === '0' && this.form.status === '0') {
-        // 开始流转
-        let data = this.form
-        const flowUsers = [...this.addUser].map(item => {
-          return {
-            flowUserId: item.id,
-            flowUserName: item.name,
-            avatar: item.avatar
-          }
-        })
-        const fileIds = data.files.length ? data.files.map(item => item.id) : []
-        delete data.files
-        this.instance.post(`/app/appofficialdocumentinfo/addOrUpdate`, {
-          id: this.form.id,
-          ...data,
-          status: '1',
-          flowUsers: flowUsers,
-          fileIds
-        }).then(res => {
-          if (res.code == 0) {
-            this.$message.success('流转成功')
-            this.getDetail()
-          }
-        })
-      } else {
-        // 再次流转
-        this.instance.post(`/app/appofficialdocumentinfo/flowById`, null, {
-          params: {
-            flag: '1',
-            flowUserId: this.addUser[0].id,
-            flowUserName: this.addUser[0].name,
-            avatar: this.addUser[0].avatar,
-            id: this.form.id
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.$message.success('添加成功')
-            this.getDetail(this.id)
-          }
-        })
-      }
-    },
     getDetail() {
-      this.instance.post(`/app/appofficialdocumentinfo/queryDetailById?id=${this.params.id}&flag=0`, null).then((res) => {
+      this.instance.post(`/app/apphelpdeclarationinfo/queryDetailById?id=${this.params.id}`).then((res) => {
         if (res.code == 0) {
           this.form = {...res.data}
           this.form.files = this.form.files || []
-          if (res.data.readType === '1') {
-            this.tableData = res.data.flowUsers
-            this.total = res.data.flowUsers.length
-          }
         }
       });
     },
@@ -182,6 +144,33 @@ export default {
     changeStatus(title) {
       this.dialogTitle = title
       this.showDialog = true
+    },
+    onChange() {
+      if (!this.addUser.length) {
+        return this.$message.error('请选择转交人员')
+      }
+      this.dialogInfo.name = this.addUser[0].name
+      this.dialogInfo.wxUserId = this.addUser[0].id
+    },
+    statusConfirm() {
+      this.$refs["dialogInfo"].validate((valid) => {
+        if (valid) {
+          var url = '/app/apphelpdeclarationinfo/forward'  //转交人员
+          if(this.dialogTitle == '审核处理') {
+            url = '/app/apphelpdeclarationinfo/audit'
+          }
+          this.dialogInfo.declarationId = this.form.id
+          this.instance.post(url, {
+            ...this.dialogInfo,
+          }).then(res => {
+            if (res.code == 0) {
+              this.showDialog = false
+              this.$message.success("操作成功")
+              this.getDetail()
+            }
+          });
+        }
+      })
     }
   },
 };
@@ -216,87 +205,102 @@ export default {
     cursor: pointer;
     padding-left: 8px;
   }
+  .color0 {
+    color: #f82;
+  }
+
+  .color1 {
+    color: #26f;
+  }
+
+  .color2 {
+    color: #f46;
+  }
+
+  .color3 {
+    color: #2EA222;
+  }
 }
-  .ai-steps {
-    padding-bottom: 40px;
-    .ai-steps__item {
-      display: flex;
-      position: relative;
-      padding-bottom: 44px;
+.ai-steps {
+  padding-bottom: 40px;
+  .ai-steps__item {
+    display: flex;
+    position: relative;
+    padding-bottom: 44px;
+
+    &:after {
+      position: absolute;
+      left: 12px;
+      top: 26px;
+      width: 1px;
+      height: calc(100% - 30px);
+      background: #DDDDDD;
+      content: " ";
+    }
+
+    &:last-child {
+      padding-bottom: 0;
 
       &:after {
-        position: absolute;
-        left: 12px;
-        top: 26px;
-        width: 1px;
-        height: calc(100% - 30px);
-        background: #DDDDDD;
-        content: " ";
+        display: none;
       }
+    }
 
-      &:last-child {
-        padding-bottom: 0;
+    .ai-steps__item--left {
+      position: relative;
+      margin-right: 16px;
+      .ai-steps__item--index{
+          width: 24px;
+        height: 24px;
+        line-height: 24px;
+        border-radius: 50%;
+        border: 1px solid #ddd;
+        text-align: center;
+        color: #ddd;
+        font-size: 12px;
+      }
+      
+    }
 
-        &:after {
-          display: none;
+    .ai-steps__item--right {
+      flex-shrink: 0;
+      color: #666;
+      font-size: 14px;
+      display: flex;
+      .ai-steps__item--content {
+        span {
+          color: #333;
+          font-size: 16px;
+        }
+
+        h2 {
+          color: #666666;
+          font-size: 14px;
+        }
+
+        p {
+          margin-top: 8px;
+          color: #666666;
+          font-size: 14px;
         }
       }
 
-      .ai-steps__item--left {
-        position: relative;
-        margin-right: 16px;
-        .ai-steps__item--index{
-           width: 24px;
-          height: 24px;
-          line-height: 24px;
-          border-radius: 50%;
-          border: 1px solid #ddd;
-          text-align: center;
-          color: #ddd;
-          font-size: 12px;
-        }
-        
-      }
+      .ai-steps__item__avatar {
+        width: 40px;
+        height: 40px;
+        margin-right: 8px;
 
-      .ai-steps__item--right {
-        flex-shrink: 0;
-        color: #666;
-        font-size: 14px;
-        display: flex;
-        .ai-steps__item--content {
-          span {
-            color: #333;
-            font-size: 16px;
-          }
-
-          h2 {
-            color: #666666;
-            font-size: 14px;
-          }
-
-          p {
-            margin-top: 8px;
-            color: #666666;
-            font-size: 14px;
-          }
-        }
-
-        .ai-steps__item__avatar {
+        img, h2 {
           width: 40px;
           height: 40px;
-          margin-right: 8px;
-
-          img, h2 {
-            width: 40px;
-            height: 40px;
-            line-height: 40px;
-            text-align: center;
-            color: #fff;
-            font-size: 14px;
-            background: #2266FF;
-          }
+          line-height: 40px;
+          text-align: center;
+          color: #fff;
+          font-size: 14px;
+          background: #2266FF;
         }
       }
     }
   }
+}
 </style>