From ee3ef9501d0061d7af7793d20d846a977e7019fc Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Tue, 24 May 2022 14:23:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=88=E6=94=B9=E4=BA=86=E4=B8=8B=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shequzhili/xiangmu/cpts/project-info.vue  | 621 ++++++++++--------
 1 file changed, 361 insertions(+), 260 deletions(-)

diff --git a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
index b0dd01ac..e1f05c86 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="">
-    <div class="g-page"
-         v-show="pageType == 'info'">
+    <div class="g-page" v-show="pageType == 'info'">
       <div class="g-left">
         <el-card style="overflow: auto">
           <h3>项目详情</h3>
@@ -24,295 +23,372 @@
               <span>{{ projectInfo.internalRemark || "--" }}</span>
             </div>
 
-            <div class="info-prop"
-                 v-if="projectInfo.departmentNameList.length > 0">
+            <div
+              class="info-prop"
+              v-if="projectInfo.departmentNameList.length > 0"
+            >
               <span class="info-title-2">当前处理部门：</span>
               <span>{{ projectInfo.departmentNameList.join("、") }}</span>
             </div>
 
-            <div class="info-prop"
-                 v-if="
+            <div
+              class="info-prop"
+              v-if="
                 projectInfo.origin == 'issue' ||
                 projectInfo.origin == 'resi_event'
-              ">
+              "
+            >
               <span class="info-title-2">项目来源：</span>
-              <a style="cursor: pointer"
-                 @click="handleWatchOrigin">查看项目来源</a>
+              <a style="cursor: pointer" @click="handleWatchOrigin"
+                >查看项目来源</a
+              >
             </div>
 
             <div class="info-prop">
               <span class="info-title-2">项目评价：</span>
-              <a style="cursor: pointer"
-                 @click="showedEvaluation = true">查看项目评价</a>
+              <a style="cursor: pointer" @click="showedEvaluation = true"
+                >查看项目评价</a
+              >
             </div>
 
             <div class="info-prop">
               <span class="info-title-2">分类：</span>
-              <fold-text v-if="projectCate.length > 0"
-                         style="width: 250px"
-                         :row="3">
-                <div :key="item.name"
-                     v-for="item in projectCate">
+              <fold-text
+                v-if="projectCate.length > 0"
+                style="width: 250px"
+                :row="3"
+              >
+                <div :key="item.name" v-for="item in projectCate">
                   {{ item.name }}
                 </div>
               </fold-text>
-              <span style="width: 250px"
-                    v-else>--</span>
-
-              <el-popover v-if="projectInfo.projectStatus == 'pending'"
-                          placement="bottom"
-                          width="400"
-                          height="400"
-                          v-model="visibleCatePanel">
-                <div class="f"
-                     style="min-height: 120px">
+              <span style="width: 250px" v-else>--</span>
+
+              <el-popover
+                v-if="projectInfo.projectStatus == 'pending'"
+                placement="bottom"
+                width="400"
+                height="400"
+                v-model="visibleCatePanel"
+              >
+                <div class="f" style="min-height: 120px">
                   <h2>更改分类</h2>
-                  <el-cascader v-model="selectedCateData"
-                               :options="cateOptions"
-                               :props="{
+                  <el-cascader
+                    v-model="selectedCateData"
+                    :options="cateOptions"
+                    :props="{
                       multiple: true,
                       label: 'name',
                       value: 'id',
                       children: 'subCategory',
                     }"
-                               clearable></el-cascader>
-                  <el-button style="margin-left: 10px"
-                             size="small"
-                             type="danger"
-                             @click="updateProjectCate">确定</el-button>
+                    clearable
+                  ></el-cascader>
+                  <el-button
+                    style="margin-left: 10px"
+                    size="small"
+                    type="danger"
+                    @click="updateProjectCate"
+                    >确定</el-button
+                  >
                 </div>
                 <div slot="reference">
-                  <el-button size="small"
-                             type="">更改</el-button>
+                  <el-button size="small" type="">更改</el-button>
                 </div>
               </el-popover>
             </div>
             <div class="info-prop">
               <span class="info-title-2">标签：</span>
-              <fold-text v-if="projectTag.length > 0"
-                         style="width: 250px"
-                         :row="3">
-                <div :key="item.name"
-                     v-for="item in projectTag">
+              <fold-text
+                v-if="projectTag.length > 0"
+                style="width: 250px"
+                :row="3"
+              >
+                <div :key="item.name" v-for="item in projectTag">
                   {{ item.name }}
                 </div>
               </fold-text>
-              <span style="width: 250px"
-                    v-else>--</span>
-
-              <el-popover v-if="projectInfo.projectStatus == 'pending'"
-                          placement="bottom"
-                          width="400"
-                          height="400"
-                          v-model="visibleTagPanel">
-                <div class="f"
-                     style="min-height: 120px">
+              <span style="width: 250px" v-else>--</span>
+
+              <el-popover
+                v-if="projectInfo.projectStatus == 'pending'"
+                placement="bottom"
+                width="400"
+                height="400"
+                v-model="visibleTagPanel"
+              >
+                <div class="f" style="min-height: 120px">
                   <h2>更改标签</h2>
-                  <el-select v-model="selectedTagData"
-                             multiple
-                             allow-create
-                             filterable
-                             placeholder="请选择"
-                             @change="handleTagChange">
+                  <el-select
+                    v-model="selectedTagData"
+                    multiple
+                    allow-create
+                    filterable
+                    placeholder="请选择"
+                    @change="handleTagChange"
+                  >
                     <el-option-group label="自定义标签">
-                      <el-option v-for="item in tagOptions.customized"
-                                 :key="item.id"
-                                 :label="item.name"
-                                 :value="item.id">
+                      <el-option
+                        v-for="item in tagOptions.customized"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      >
                       </el-option>
                     </el-option-group>
 
                     <el-option-group label="常用标签">
-                      <el-option v-for="item in tagOptions.defaulted"
-                                 :key="item.id"
-                                 :label="item.name"
-                                 :value="item.id">
+                      <el-option
+                        v-for="item in tagOptions.defaulted"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      >
                       </el-option>
                     </el-option-group>
                   </el-select>
 
-                  <el-button style="margin-left: 10px"
-                             size="small"
-                             type="danger"
-                             @click="updateProjectTag">确定</el-button>
+                  <el-button
+                    style="margin-left: 10px"
+                    size="small"
+                    type="danger"
+                    @click="updateProjectTag"
+                    >确定</el-button
+                  >
                 </div>
                 <div slot="reference">
-                  <el-button size="small"
-                             type="">更改</el-button>
+                  <el-button size="small" type="">更改</el-button>
                 </div>
               </el-popover>
             </div>
           </div>
 
-          <div class="m-btns"
-               v-if="!projectInfo.processable || projectInfo.projectStatus != 'pending'">
-            <el-button size=""
-                       @click="handleClose">关闭</el-button>
+          <div
+            class="m-btns"
+            v-if="
+              !projectInfo.processable || projectInfo.projectStatus != 'pending'
+            "
+          >
+            <el-button size="" @click="handleClose">关闭</el-button>
           </div>
         </el-card>
-        <el-card style="overflow: auto"
-                 v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
+        <el-card
+          style="overflow: auto"
+          v-if="
+            projectInfo.processable && projectInfo.projectStatus == 'pending'
+          "
+        >
           <h3>处理</h3>
           <div class="m-fm">
-            <el-form ref="fm"
-                     :inline="false"
-                     :model="fmData"
-                     :rules="dataRule"
-                     label-position="left"
-                     label-width="100px">
-              <el-form-item label="处理方式："
-                            prop="operateType">
+            <el-form
+              ref="fm"
+              :inline="false"
+              :model="fmData"
+              :rules="dataRule"
+              label-position="left"
+              label-width="100px"
+            >
+              <el-form-item label="处理方式：" prop="operateType">
                 <el-radio-group v-model="fmData.operateType">
                   <el-radio label="dispose">处理/响应</el-radio>
                   <el-radio label="close">结案</el-radio>
                   <el-radio label="turn">转其他机关/科室</el-radio>
-                  <el-radio label="back"
-                            v-if="projectInfo.returnable">退回</el-radio>
+                  <el-radio label="back" v-if="projectInfo.returnable"
+                    >退回</el-radio
+                  >
                 </el-radio-group>
               </el-form-item>
 
-              <el-form-item label="您的身份："
-                            prop="projectStaffId">
-                <el-select v-model.trim="fmData.projectStaffId"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in myDepartmentList"
-                             :key="item.projectStaffId"
-                             :label="item.departmentName"
-                             :value="item.projectStaffId">
+              <el-form-item label="您的身份：" prop="projectStaffId">
+                <el-select
+                  v-model.trim="fmData.projectStaffId"
+                  placeholder="请选择"
+                  class="resi-cell-select"
+                >
+                  <el-option
+                    v-for="item in myDepartmentList"
+                    :key="item.projectStaffId"
+                    :label="item.departmentName"
+                    :value="item.projectStaffId"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType == 'turn'"
-                            label="处理部门："
-                            prop="publicReply">
-                <el-popover placement="bottom"
-                            width="400"
-                            height="400"
-                            v-model="visibleStaffPanel">
+              <el-form-item
+                v-if="fmData.operateType == 'turn'"
+                label="处理部门："
+                prop="publicReply"
+              >
+                <el-popover
+                  placement="bottom"
+                  width="400"
+                  height="400"
+                  v-model="visibleStaffPanel"
+                >
                   <div class="f">
-                    <select-staff @confirm="(ret) => (fmData.staffList = ret)"
-                                  @close="visibleStaffPanel = false" />
+                    <select-staff
+                      @confirm="(ret) => (fmData.staffList = ret)"
+                      @close="visibleStaffPanel = false"
+                    />
                   </div>
 
                   <div slot="reference">
-                    <a v-if="fmData.staffList.length == 0"
-                       style="cursor: pointer">点击选择</a>
-                    <a v-else
-                       style="cursor: pointer">已选 {{ fmData.staffList.length }} 人</a>
+                    <a
+                      v-if="fmData.staffList.length == 0"
+                      style="cursor: pointer"
+                      >点击选择</a
+                    >
+                    <a v-else style="cursor: pointer"
+                      >已选 {{ fmData.staffList.length }} 人</a
+                    >
                   </div>
                 </el-popover>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType != 'back'"
-                            label="协办单位："
-                            prop="assistanceUnitIndex">
-                <el-select v-model.trim="fmData.assistanceUnitIndex"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="(item, index) in assistanceUnitList"
-                             :key="item.assistanceUnitId"
-                             :label="item.assistanceUnitName"
-                             :value="index">
+              <el-form-item
+                v-if="fmData.operateType != 'back'"
+                label="协办单位："
+                prop="assistanceUnitIndex"
+              >
+                <el-select
+                  v-model.trim="fmData.assistanceUnitIndex"
+                  placeholder="请选择"
+                  class="resi-cell-select"
+                >
+                  <el-option
+                    v-for="(item, index) in assistanceUnitList"
+                    :key="item.assistanceUnitId"
+                    :label="item.assistanceUnitName"
+                    :value="index"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType == 'back'"
-                            label="退回到："
-                            prop="projectProcessId">
-                <el-select v-model.trim="fmData.projectProcessId"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in returnableList"
-                             :key="item.projectProcessId"
-                             :label="item.processor"
-                             :value="item.projectProcessId">
+              <el-form-item
+                v-if="fmData.operateType == 'back'"
+                label="退回到："
+                prop="projectProcessId"
+              >
+                <el-select
+                  v-model.trim="fmData.projectProcessId"
+                  placeholder="请选择"
+                  class="resi-cell-select"
+                >
+                  <el-option
+                    v-for="item in returnableList"
+                    :key="item.projectProcessId"
+                    :label="item.processor"
+                    :value="item.projectProcessId"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType == 'close'"
-                            label="结案状态："
-                            prop="closedStatus">
-                <el-select v-model.trim="fmData.closedStatus"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in resolveTypeList"
-                             :key="item.closedStatus"
-                             :label="item.name"
-                             :value="item.value">
+              <el-form-item
+                v-if="fmData.operateType == 'close'"
+                label="结案状态："
+                prop="closedStatus"
+              >
+                <el-select
+                  v-model.trim="fmData.closedStatus"
+                  placeholder="请选择"
+                  class="resi-cell-select"
+                >
+                  <el-option
+                    v-for="item in resolveTypeList"
+                    :key="item.closedStatus"
+                    :label="item.name"
+                    :value="item.value"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType == 'close'"
-                            label="结案说明："
-                            prop="publicReply">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="您输入的结案说明会向居民公开展示"
-                          v-model="fmData.publicReply">
+              <el-form-item
+                v-if="fmData.operateType == 'close'"
+                label="结案说明："
+                prop="publicReply"
+              >
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="您输入的结案说明会向居民公开展示"
+                  v-model="fmData.publicReply"
+                >
                 </el-input>
               </el-form-item>
 
-              <el-form-item label="内部备注："
-                            prop="internalRemark">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="请输入内容"
-                          v-model="fmData.internalRemark">
+              <el-form-item label="内部备注：" prop="internalRemark">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="fmData.internalRemark"
+                >
                 </el-input>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType != 'close'"
-                            label="图片/附件："
-                            prop="internalFile">
-                <el-upload class="avatar-uploader"
-                           :action="uploadUlr"
-                           :data="{ customerId: customerId }"
-                           :show-file-list="true"
-                           :on-success="handleImgSuccess"
-                           :on-remove="handleImgRemove"
-                           :before-upload="beforeImgUpload">
+              <el-form-item
+                v-if="fmData.operateType != 'close'"
+                label="图片/附件："
+                prop="internalFile"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="uploadUlr"
+                  :data="{ customerId: customerId }"
+                  :show-file-list="true"
+                  :on-success="handleImgSuccess"
+                  :on-remove="handleImgRemove"
+                  :before-upload="beforeImgUpload"
+                >
                   <i class="el-icon-plus avatar-uploader-icon"></i>
                 </el-upload>
               </el-form-item>
 
-              <el-form-item v-if="fmData.operateType != 'close'"
-                            label="公开回复："
-                            prop="publicReply">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="请输入内容"
-                          v-model="fmData.publicReply">
+              <el-form-item
+                v-if="fmData.operateType != 'close'"
+                label="公开回复："
+                prop="publicReply"
+              >
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="fmData.publicReply"
+                >
                 </el-input>
               </el-form-item>
             </el-form>
           </div>
           <div class="m-btns">
-            <el-button size=""
-                       style="margin-right: 50px"
-                       @click="handleClose">关闭</el-button>
-            <el-button size=""
-                       type="danger"
-                       @click="handleSubmit">确定</el-button>
+            <el-button size="" style="margin-right: 50px" @click="handleClose"
+              >关闭</el-button
+            >
+            <el-button size="" type="danger" @click="handleSubmit"
+              >确定</el-button
+            >
           </div>
         </el-card>
       </div>
       <div class="g-right">
-        <el-card class="m-card"
-                 :style="styleFullHeight"
-                 style="overflow: auto"
-                 v-if="projectProcess.length > 0">
+        <el-card
+          class="m-card"
+          :style="styleFullHeight"
+          style="overflow: auto"
+          v-if="projectProcess.length > 0"
+        >
           <h3>处理进展</h3>
           <div class="m-process">
             <div class="list">
-              <div class="item"
-                   :class="index === 0 ? 'z-on' : ''"
-                   :key="item.processId"
-                   v-for="(item, index) in projectProcess">
+              <div
+                class="item"
+                :class="index === 0 ? 'z-on' : ''"
+                :key="item.processId"
+                v-for="(item, index) in projectProcess"
+              >
                 <div class="item-row">
                   <div class="name">{{ item.processName }}</div>
                   <div class="date">
@@ -325,22 +401,25 @@
                   <div class="detail-value">{{ item.departmentName }}</div>
                 </div>
 
-                <div class="detail"
-                     v-if="item.assistanceUnitName">
+                <div class="detail" v-if="item.assistanceUnitName">
                   <div class="detail-field">协办单位：</div>
                   <div class="detail-value">{{ item.assistanceUnitName }}</div>
                 </div>
 
-                <div class="detail"
-                     v-if="item.processName != '转项目' && item.publicReply">
+                <div
+                  class="detail"
+                  v-if="item.processName != '转项目' && item.publicReply"
+                >
                   <div class="detail-field">说 明：</div>
                   <div class="detail-value">
                     <fold-text :row="3">{{ item.publicReply }}</fold-text>
                   </div>
                 </div>
 
-                <div class="detail"
-                     v-if="item.processName != '转项目' && item.internalRemark">
+                <div
+                  class="detail"
+                  v-if="item.processName != '转项目' && item.internalRemark"
+                >
                   <div class="detail-field">内部备注：</div>
                   <div class="detail-value">
                     <fold-text :row="3">{{ item.internalRemark }}</fold-text>
@@ -348,10 +427,12 @@
                 </div>
                 <div class="detail">
                   <div class="attachement-list">
-                    <a :href="att.url"
-                       target="_blank"
-                       :key="att.url"
-                       v-for="att in item.internalFile">
+                    <a
+                      :href="att.url"
+                      target="_blank"
+                      :key="att.url"
+                      v-for="att in item.internalFile"
+                    >
                       <i class="el-icon-folder-opened"></i>
                       {{ att.name }}
                     </a>
@@ -365,24 +446,30 @@
     </div>
 
     <div v-if="pageType == 'origin-info'">
-      <issue-info v-if="projectInfo.origin == 'issue'"
-                  @close="handleBackInfo"
-                  :issue-id="projectInfo.originId" />
-      <event-info v-if="projectInfo.origin == 'resi_event'"
-                  @close="handleBackInfo"
-                  :event-id="projectInfo.originId" />
+      <issue-info
+        v-if="projectInfo.origin == 'issue'"
+        @close="handleBackInfo"
+        :issue-id="projectInfo.originId"
+      />
+      <event-info
+        v-if="projectInfo.origin == 'resi_event'"
+        @close="handleBackInfo"
+        :event-id="projectInfo.originId"
+      />
     </div>
 
     <!-- 修改弹出框 -->
-    <el-dialog v-if="showedEvaluation"
-               :visible.sync="showedEvaluation"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="formTitle"
-               width="850px"
-               top="5vh"
-               class="dialog-h"
-               @closed="showedEvaluation = false">
+    <el-dialog
+      v-if="showedEvaluation"
+      :visible.sync="showedEvaluation"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="formTitle"
+      width="850px"
+      top="5vh"
+      class="dialog-h"
+      @closed="showedEvaluation = false"
+    >
       <project-evaluation :projectId="projectIdCopy"></project-evaluation>
     </el-dialog>
   </div>
@@ -397,7 +484,7 @@ import eventInfo from "./event-info";
 import projectEvaluation from "./project-evaluation";
 import dateFormat from "dai-js/tools/dateFormat";
 
-function iniData () {
+function iniData() {
   return {
     pageType: "info",
     uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2",
@@ -540,7 +627,7 @@ export default {
   data: iniData,
 
   computed: {
-    dataRule () {
+    dataRule() {
       const {
         fmData: { operateType },
       } = this;
@@ -583,13 +670,13 @@ export default {
       return obj;
     },
 
-    styleFullHeight () {
+    styleFullHeight() {
       return {
         maxHeight: "calc(100vh - 120px)",
       };
     },
 
-    styleHalfHeight () {
+    styleHalfHeight() {
       return {
         maxHeight: "calc((100vh - 140px) / 2)",
       };
@@ -597,7 +684,7 @@ export default {
   },
 
   watch: {
-    projectId () {
+    projectId() {
       let data = iniData();
       Object.keys(data).forEach((k) => {
         this[k] = data[k];
@@ -624,7 +711,7 @@ export default {
         )["departmentName"];
       }
     },
-    selectedCateData (val) {
+    selectedCateData(val) {
       const { cateOptions } = this;
       this.projectCate = val
         .filter((arr) => arr.length > 0)
@@ -637,7 +724,7 @@ export default {
           };
         });
     },
-    async selectedTagData (val) {
+    async selectedTagData(val) {
       const { tagOptions } = this;
       this.projectTag = await Promise.all(
         val.map(async (id) => {
@@ -666,33 +753,45 @@ export default {
     },
   },
 
-  mounted () {
-
+  mounted() {
     console.log(this.projectIdCopy);
     this.getApiData();
   },
 
   methods: {
-    beforeImgUpload (file) {
+    beforeImgUpload(file) {
+      console.log(file);
       const isLt1M = file.size / 1024 / 1024 < 10;
+      const srcType = file.type;
+      const format = file.name.split(".").pop();
 
       if (!isLt1M) {
         this.$message.error("上传文件大小不能超过 10MB!");
+        return false;
+      }
+      if (
+        srcType.indexOf("image") == -1 &&
+        srcType.indexOf("video") == -1 &&
+        ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "pdf"].indexOf(format) ==
+          -1
+      ) {
+        this.$message.error("文档仅限pdf和office文件!");
+        return false;
       }
-      return isLt1M;
+      return true;
     },
 
-    handleImgSuccess (res, file, fileList) {
-      console.log("res.data.url", file);
+    handleImgSuccess(res, file, fileList) {
+      console.log("handleImgSuccess", file);
       if (res.code === 0 && res.msg === "success") {
         let format = file.name.split(".").pop();
         let srcType = file.raw.type;
-        let type = 'file';
+        let type = "file";
         console.log("==============================srcType: ", srcType);
-        if(srcType.indexOf('image')!=-1){
-          type = 'image'
-        } else if(srcType.indexOf('video')!=-1){
-          type = 'video'
+        if (srcType.indexOf("image") != -1) {
+          type = "image";
+        } else if (srcType.indexOf("video") != -1) {
+          type = "video";
         }
         this.fmData.internalFile.push({
           format,
@@ -707,23 +806,25 @@ export default {
       }
     },
 
-    handleImgRemove (file) {
-      let index = this.fmData.internalFile.findIndex(
-        (item) => item.url == file.response.data.url
-      );
-      this.fmData.internalFile.splice(index, 1);
-      console.log(this.fmData.internalFile);
+    handleImgRemove(file) {
+      console.log("handleImgRemove", file);
+      if (file.response) {
+        let index = this.fmData.internalFile.findIndex(
+          (item) => item.url == file.response.data.url
+        );
+        this.fmData.internalFile.splice(index, 1);
+      }
     },
 
-    watchImg (src) {
+    watchImg(src) {
       window.open(src);
     },
 
-    handleClose () {
+    handleClose() {
       this.$emit("close");
     },
 
-    handleSubmit () {
+    handleSubmit() {
       this.$refs["fm"].validate((valid, messageObj) => {
         if (valid) {
           this.beforeSubmit();
@@ -732,7 +833,7 @@ export default {
       });
     },
 
-    beforeSubmit () {
+    beforeSubmit() {
       const {
         fmData: { operateType },
       } = this;
@@ -749,15 +850,15 @@ export default {
       }
     },
 
-    handleWatchOrigin () {
+    handleWatchOrigin() {
       this.pageType = "origin-info";
     },
-    handleBackInfo () {
+    handleBackInfo() {
       this.pageType = "info";
     },
 
     //加载组织数据
-    async submitBack () {
+    async submitBack() {
       const url = "/gov/project/trace/return-v2";
       const { fmData } = this;
 
@@ -788,7 +889,7 @@ export default {
     },
 
     //加载组织数据
-    async submitClose () {
+    async submitClose() {
       const url = "/gov/project/trace/closeproject-v2";
       const { fmData } = this;
 
@@ -819,7 +920,7 @@ export default {
     },
 
     //加载组织数据
-    async submitTurn () {
+    async submitTurn() {
       const url = "/gov/project/trace/transfer-v2";
       const { fmData } = this;
 
@@ -851,7 +952,7 @@ export default {
     },
 
     //加载组织数据
-    async submitDispose () {
+    async submitDispose() {
       const url = "/gov/project/trace/response-v2";
       const { fmData } = this;
 
@@ -882,14 +983,14 @@ export default {
       }
     },
 
-    async getApiData () {
+    async getApiData() {
       await this.getProjectInfo();
       this.getProjectCate();
       this.getProjectProcess();
     },
 
     //加载组织数据
-    async getProjectInfo () {
+    async getProjectInfo() {
       const url = "/gov/project/trace/projectdetail";
 
       const { data, code, msg } = await requestPost(url, {
@@ -911,7 +1012,7 @@ export default {
     },
 
     //加载组织数据
-    async getReturnableList () {
+    async getReturnableList() {
       const url = "/gov/project/trace/returnablelist";
 
       const { data, code, msg } = await requestPost(url, {
@@ -926,7 +1027,7 @@ export default {
     },
 
     //加载组织数据
-    async getMyDepartmentList () {
+    async getMyDepartmentList() {
       const url = "/gov/project/trace/mydepartmentlist";
 
       const { data, code, msg } = await requestPost(url, {
@@ -941,7 +1042,7 @@ export default {
     },
 
     //加载组织数据
-    async getAssistanceUnitList () {
+    async getAssistanceUnitList() {
       const url = "/heart/icpartyunit/assistanceUnitList";
 
       const { data, code, msg } = await requestPost(url, {
@@ -956,7 +1057,7 @@ export default {
     },
 
     //加载组织数据
-    async getIssueInfo () {
+    async getIssueInfo() {
       const url = "/resi/hall/issue/detail";
 
       const { data, code, msg } = await requestPost(url, {
@@ -971,7 +1072,7 @@ export default {
     },
 
     //加载组织数据
-    async getIssueTrend () {
+    async getIssueTrend() {
       const url = "/resi/hall/issue/votingtrend";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1004,7 +1105,7 @@ export default {
     },
 
     //加载组织数据
-    async getEventInfo () {
+    async getEventInfo() {
       const url = "/gov/project/resievent/eventdetail-icdata";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1025,7 +1126,7 @@ export default {
     },
 
     //加载组织数据
-    async getProjectProcess () {
+    async getProjectProcess() {
       const url = "/gov/project/trace/processlist-v2";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1045,7 +1146,7 @@ export default {
       }
     },
 
-    async getProjectCate () {
+    async getProjectCate() {
       const url = "/gov/project/projectcategory/categorytaglist";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1064,7 +1165,7 @@ export default {
       }
     },
 
-    async getCateOptions () {
+    async getCateOptions() {
       const url = "/gov/issue/issueprojectcategorydict/list";
 
       const { data, code, msg } = await requestPost(url, {});
@@ -1081,7 +1182,7 @@ export default {
       }
     },
 
-    async updateProjectCate () {
+    async updateProjectCate() {
       const url = "/gov/project/projectcategory/save";
       const { projectCate } = this;
       if (projectCate.length == 0) {
@@ -1102,11 +1203,11 @@ export default {
       }
     },
 
-    handleTagChange (val) {
+    handleTagChange(val) {
       console.log(val);
     },
 
-    async createTag (tagName) {
+    async createTag(tagName) {
       const url = "/gov/issue/issuetags/add";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1123,7 +1224,7 @@ export default {
       }
     },
 
-    async getTagOptions () {
+    async getTagOptions() {
       const url = "/gov/issue/issueprojecttagdict/list";
 
       const { data, code, msg } = await requestPost(url, {
@@ -1141,7 +1242,7 @@ export default {
       }
     },
 
-    async updateProjectTag () {
+    async updateProjectTag() {
       const url = "/gov/project/projecttags/save";
       const { projectTag } = this;
 
@@ -1158,13 +1259,13 @@ export default {
       }
     },
 
-    toUserInfo (item) {
+    toUserInfo(item) {
       this.$router.push({
         path: `/main-shuju/visual-basicinfo-people/${item.icResiUserId}`,
       });
     },
 
-    toProjectInfo (item) {
+    toProjectInfo(item) {
       console.log(item);
       this.projectIdCopy = item.projectId;
       // let data = iniData();