From 4ed303483b4c2bd44129fa2174ce5dcd890e6936 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 15 Jun 2023 16:30:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=89=BE=E4=BA=BA=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=BC=96=E8=BE=91,=E6=B7=BB=E5=8A=A0=E5=8F=8D?=
 =?UTF-8?q?=E9=A6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/fuwuzhaoren/addForm.vue  | 1720 +++++++++--------
 .../fuwuzhaoren/detailForm.vue                |   10 +-
 .../communityService/fuwuzhaoren/index.vue    |    9 +-
 3 files changed, 955 insertions(+), 784 deletions(-)

diff --git a/src/views/modules/communityService/fuwuzhaoren/addForm.vue b/src/views/modules/communityService/fuwuzhaoren/addForm.vue
index 99e75a19a..5d6f33b5f 100644
--- a/src/views/modules/communityService/fuwuzhaoren/addForm.vue
+++ b/src/views/modules/communityService/fuwuzhaoren/addForm.vue
@@ -1,56 +1,56 @@
 <template>
-    <div>
-      <div
-        class="dialog-h-content scroll-h"
-        :class="{ 'visiual-form': source === 'visiual' }"
+  <div>
+    <div
+      class="dialog-h-content scroll-h"
+      :class="{ 'visiual-form': source === 'visiual' }"
+    >
+      <el-form
+        v-if="formType === 'add' || formType === 'edit'"
+        ref="ref_form"
+        :inline="true"
+        :model="formData"
+        :rules="dataRule"
+        class="div_form"
       >
-        <el-form
-          v-if="formType === 'add'||formType ==='edit'"
-          ref="ref_form"
-          :inline="true"
-          :model="formData"
-          :rules="dataRule"
-          class="div_form"
+        <el-form-item
+          label="服务类别"
+          style="display: block"
+          label-width="150px"
+          prop="serviceTypeLevel2Id"
         >
-          <el-form-item
-            label="服务类别"
-            style="display: block"
-            label-width="150px"
-            prop="serviceTypeLevel2Id"
+          <el-select
+            class="u-item-width-communitycascader"
+            v-model="formData.serviceTypeLevel1Id"
+            placeholder="请选择"
+            clearable
+            @change="handleChangeServiceTypeLevel1"
           >
-            <el-select
-              class="u-item-width-communitycascader"
-              v-model="formData.serviceTypeLevel1Id"
-              placeholder="请选择"
-              clearable
-              @change="handleChangeServiceTypeLevel1"
+            <el-option
+              v-for="item in serviceTypesLevel1"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in serviceTypesLevel1"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-            -
-            <el-select
-              class="u-item-width-communitycascader"
-              v-model="formData.serviceTypeLevel2Id"
-              placeholder="请选择"
-              @change="handleChangeServiceTypeLevel2"
-              clearable
+            </el-option>
+          </el-select>
+          -
+          <el-select
+            class="u-item-width-communitycascader"
+            v-model="formData.serviceTypeLevel2Id"
+            placeholder="请选择"
+            @change="handleChangeServiceTypeLevel2"
+            clearable
+          >
+            <el-option
+              v-for="item in serviceTypesLevel2"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in serviceTypesLevel2"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <!-- <el-form-item label="政策依据"
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="政策依据"
                         prop="policyId"
                         label-width="150px"
                         style="display: block">
@@ -66,96 +66,103 @@
               </el-option>
             </el-select>
           </el-form-item> -->
-          <el-form-item
-            label="服务事项"
-            prop="serviceName"
-            label-width="150px"
-            :class="{ 'form-item': source === 'visiual' }"
-            style="display: block"
-          >
-            <el-input
-              class="item_width_1"
-              placeholder="请输入服务事项"
-              v-model="formData.serviceName"
-            >
-            </el-input>
-          </el-form-item>
-  
-          <el-form-item
-            label="服务内容"
-            prop="remark"
-            label-width="150px"
-            :class="{ 'form-item': source === 'visiual' }"
-            style="display: block"
+        <el-form-item
+          label="服务事项"
+          prop="serviceName"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            placeholder="请输入服务事项"
+            v-model="formData.serviceName"
           >
-            <el-input
-              class="item_width_1"
-              type="textarea"
-              maxlength="1000"
-              show-word-limit
-              :rows="3"
-              placeholder="请输入备注，不超过1000字"
-              v-model="formData.remark"
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            label="查找享受服务人员"
-            prop="resiSearchTagId"
-            :class="{ 'form-item': source === 'visiual' }"
-            label-width="150px"
-            style="display: block"
+          </el-input>
+        </el-form-item>
+
+        <el-form-item
+          label="服务内容"
+          prop="remark"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            type="textarea"
+            maxlength="1000"
+            show-word-limit
+            :rows="3"
+            placeholder="请输入备注，不超过1000字"
+            v-model="formData.remark"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          label="查找享受服务人员"
+          prop="resiSearchTagId"
+          :class="{ 'form-item': source === 'visiual' }"
+          label-width="150px"
+          style="display: block"
+        >
+          <input
+            type="text"
+            v-model="formData.resiSearchTagId"
+            v-show="false"
+          />
+          <template
+            style="margin-right: 10px"
+            v-if="formData.resiSearchTagName"
           >
-           <input type="text" v-model="formData.resiSearchTagId" v-show="false">
-            <template  style="margin-right:10px;">
-              <el-tag   @close="handleCloseTag"  closable  style="margin-right:10px;">
+            <el-tag @close="handleCloseTag" closable style="margin-right: 10px">
               {{ formData.resiSearchTagName }}
             </el-tag>
-            </template>
-  
-            <el-button type="primary" @click="handleClickLabel" size="mini">
-              <span> <i class="el-icon-plus"></i> 按标签查找 </span>
-            </el-button>
-          </el-form-item>
-          <el-form-item
-            label="服务方"
-            prop="serviceOrgId"
-            label-width="150px"
-            :class="{ 'form-item': source === 'visiual' }"
-            style="display: block"
+          </template>
+
+          <el-button type="primary" @click="handleClickLabel" size="mini">
+            <span> <i class="el-icon-plus"></i> 按标签查找 </span>
+          </el-button>
+        </el-form-item>
+        <el-form-item
+          label="服务方"
+          prop="serviceOrgId"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          style="display: block"
+        >
+          <el-select
+            v-model="formData.serviceOrgType"
+            class="input-width-small"
+            placeholder="请选择"
+            clearable
+            @change="handleServiceChange('add', $event)"
           >
-            <el-select
-              v-model="formData.serviceOrgType"
-              class="input-width-small"
-              placeholder="请选择"
-              clearable
-              @change="handleServiceChange('add', $event)"
+            <el-option
+              v-for="item in serviceOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
             >
-              <el-option
-                v-for="item in serviceOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-            -
-            <el-select
-              v-model="formData.serviceOrgId"
-              class="input-width-middle"
-              filterable
-              placeholder="请选择"
-              clearable
+            </el-option>
+          </el-select>
+          -
+          <el-select
+            v-model="formData.serviceOrgId"
+            class="input-width-middle"
+            filterable
+            placeholder="请选择"
+            clearable
+          >
+            <el-option
+              v-for="item in serviceOptiondList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in serviceOptiondList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <!-- <el-form-item
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item
           prop="noticeApproches"
           label="自动通知服务方"
           label-width="150px"
@@ -166,467 +173,574 @@
             <el-checkbox label="wx_official_account" value="wx_official_account">微信公众号消息通知</el-checkbox>
           </el-checkbox-group>
         </el-form-item> -->
-          <el-form-item
-            label="服务范围"
-            prop="objList"
-            label-width="150px"
-            :class="{ 'form-item': source === 'visiual' }"
-            style="display: block"
+        <el-form-item
+          label="服务范围"
+          prop="objList"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          style="display: block"
+        >
+          <el-cascader
+            class="item_width_1"
+            ref="myCascader"
+            v-model="scopeIdArray"
+            :key="iscascaderShow"
+            :options="casOptions"
+            :props="optionProps"
+            :show-all-levels="false"
+            @change="handleChangeScope"
+          ></el-cascader>
+        </el-form-item>
+
+        <el-form-item
+          label="服务时间"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          prop="serviceTimeStart"
+        >
+          <el-date-picker
+            v-model="formData.serviceTimeStart"
+            :picker-options="startPickerOptions"
+            class="item_width_2"
+            style="width: 220px"
+            type="date"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            value="yyyy-MM-dd"
+            placeholder="开始时间"
           >
-            <el-cascader
-              class="item_width_1"
-              ref="myCascader"
-              v-model="scopeIdArray"
-              :key="iscascaderShow"
-              :options="casOptions"
-              :props="optionProps"
-              :show-all-levels="false"
-              @change="handleChangeScope"
-            ></el-cascader>
-          </el-form-item>
-  
+          </el-date-picker>
+          <span class="u-data-tag">至</span>
+          <el-date-picker
+            v-model="formData.serviceTimeEnd"
+            :picker-options="endPickerOptions"
+            class="item_width_2 u-data-tag"
+            style="width: 220px"
+            type="date"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            value="yyyy-MM-dd"
+            placeholder="结束时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+
+        <el-form-item
+          label="经办人"
+          prop="principalName"
+          :class="{ 'form-item': source === 'visiual' }"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            placeholder="请输入联系人姓名"
+            v-model="formData.principalName"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item
+          label="联系方式"
+          prop="principalContact"
+          :class="{ 'form-item': source === 'visiual' }"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            placeholder="请输入联系人电话"
+            v-model="formData.principalContact"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item
+          label="直接反馈"
+          prop="remark"
+          label-width="150px"
+          :class="{ 'form-item': source === 'visiual' }"
+          style="display: block"
+        >
+          <el-checkbox
+            :label="'是'"
+            v-model="showFeedback"
+            @change="handleChangeFeedback"
+          ></el-checkbox>
+        </el-form-item>
+      </el-form>
+      <div v-show="formType === 'feedback' || showFeedback">
+        <!-- <h3 class="d-h3">反馈内容</h3> -->
+
+        <el-form
+          ref="ref_form_feedback"
+          :inline="true"
+          :model="feedbackFormData"
+          :rules="feedbackDataRule"
+          class="div_form"
+        >
           <el-form-item
-            label="服务时间"
+            label="满意度"
+            style="display: block"
             label-width="150px"
             :class="{ 'form-item': source === 'visiual' }"
-            prop="serviceTimeStart"
+            prop="satisfaction"
           >
-            <el-date-picker
-              v-model="formData.serviceTimeStart"
-              :picker-options="startPickerOptions"
+            <el-select
               class="item_width_2"
-              style="width: 220px"
-              type="date"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              value="yyyy-MM-dd"
-              placeholder="开始时间"
-            >
-            </el-date-picker>
-            <span class="u-data-tag">至</span>
-            <el-date-picker
-              v-model="formData.serviceTimeEnd"
-              :picker-options="endPickerOptions"
-              class="item_width_2 u-data-tag"
-              style="width: 220px"
-              type="date"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              value="yyyy-MM-dd"
-              placeholder="结束时间"
-            >
-            </el-date-picker>
-          </el-form-item>
-  
-   
-  
-          <el-form-item
-            label="经办人"
-            prop="principalName"
-            :class="{ 'form-item': source === 'visiual' }"
-            label-width="150px"
-            style="display: block"
-          >
-            <el-input
-              class="item_width_1"
-              placeholder="请输入联系人姓名"
-              v-model="formData.principalName"
+              v-model="feedbackFormData.satisfaction"
+              placeholder="全部"
+              clearable
             >
-            </el-input>
+              <el-option
+                v-for="item in satisfyArray"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
           </el-form-item>
           <el-form-item
-            label="联系方式"
-            prop="principalContact"
+            label="备注"
+            prop="serviceGoal"
             :class="{ 'form-item': source === 'visiual' }"
             label-width="150px"
             style="display: block"
           >
             <el-input
               class="item_width_1"
-              placeholder="请输入联系人电话"
-              v-model="formData.principalContact"
-            >
-            </el-input>
+              type="textarea"
+              maxlength="1000"
+              show-word-limit
+              :rows="3"
+              v-model="feedbackFormData.serviceGoal"
+            ></el-input>
           </el-form-item>
-  
-  
-    
-       
-  
         </el-form>
-  
       </div>
-  
-      <div class="div_btn">
-        <el-button size="small" @click="handleCancle">取 消</el-button>
-        <el-button
-          size="small"
-          type="primary"
-          :disabled="btnDisable"
-          @click="handleComfirm"
-          >确 定</el-button
-        >
-      </div>
-  
-   
-      <el-dialog
-        v-if="showLabelForm"
-        :visible.sync="showLabelForm"
-        :append-to-body="true"
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-        :title="'标签配置'"
-        width="900px"
-        top="5vh"
-        class="dialog-h"
-        @closed="showLabelForm = false"
+    </div>
+
+    <div class="div_btn">
+      <el-button size="small" @click="handleCancle">取 消</el-button>
+      <el-button
+        size="small"
+        type="primary"
+        :disabled="btnDisable"
+        @click="handleComfirm"
+        >确 定</el-button
       >
-        <label-form
-          ref="ref_label_form"
-          :ruleList="ruleList"
-          @dialogCancle="addFormCancle"
-          @dialogOk="addFormOk"
-        >
-          <!--    @handleOk="handleOk"
-          @handleClose="handleClose" -->
-        </label-form>
-      </el-dialog>
     </div>
-  </template>
+
+    <el-dialog
+      v-if="showLabelForm"
+      :visible.sync="showLabelForm"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'标签配置'"
+      width="900px"
+      top="5vh"
+      class="dialog-h"
+      @closed="showLabelForm = false"
+    >
+      <label-form
+        ref="ref_label_form"
+        :ruleList="ruleList"
+        @dialogCancle="addFormCancle"
+        @dialogOk="addFormOk"
+      >
+        <!--    @handleOk="handleOk"
+          @handleClose="handleClose" -->
+      </label-form>
+    </el-dialog>
+  </div>
+</template>
   
     <script>
-  import { mapGetters } from "vuex";
-  import { Loading } from "element-ui"; // 引入Loading服务
-  import { requestPost, requestGet } from "@/js/dai/request";
-  import personList from "../policy/personList";
-  import nextTick from "dai-js/tools/nextTick";
-  import labelForm from "../labelConfig/addForm.vue";
-  import daiMap from "@/utils/dai-map";
-  
-  let loading; // 加载动画
-  let map;
-  
-  export default {
-    props: {
-      defaultData: {
-        type: Object,
-        default: null,
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost, requestGet } from "@/js/dai/request";
+import personList from "../policy/personList";
+import nextTick from "dai-js/tools/nextTick";
+import labelForm from "../labelConfig/addForm.vue";
+import daiMap from "@/utils/dai-map";
+
+let loading; // 加载动画
+let map;
+
+export default {
+  props: {
+    defaultData: {
+      type: Object,
+      default: null,
+    },
+    serviceRecordId: {
+      type: String,
+      required: "",
+    },
+    serviceProjectName: {
+      //服务项目名称
+      type: String,
+      required: false,
+      default: "",
+    },
+    formType: {
+      //表单操作类型 add新增，edit编辑，detail详情,feedback反馈
+      type: String,
+      required: "",
+    },
+    categrayArray: {
+      type: Array,
+      default() {
+        return [];
       },
-      serviceRecordId: {
-        type: String,
-        required: "",
+    },
+    source: {
+      //展示来源：manage  管理平台    visiual  可视化平台
+      type: String,
+      default: "manage",
+    },
+  },
+
+  data() {
+    // let endDisabledDate = (time) => {
+    //   //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+    //   let nowData = Date.now();
+    //   if (this.formData.serviceTimeStart) {
+    //     let serviceTimeStart = new Date(this.formData.serviceTimeStart);
+    //     return (
+    //       time.getTime() > nowData ||
+    //       time.getTime() < serviceTimeStart ||
+    //       time.getTime() === serviceTimeStart
+    //     );
+    //   } else {
+    //     return time.getTime() > nowData;
+    //   }
+    // };
+
+    // let startDisabledDate = (time) => {
+    //   //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+    //   let nowData = Date.now();
+    //   return time.getTime() > nowData;
+    // };
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.serviceTimeStart) {
+        let serviceTimeStart = new Date(this.formData.serviceTimeStart);
+        return (
+          time.getTime() < serviceTimeStart- 24 * 60 * 60 * 1000 ||
+          time.getTime() === serviceTimeStart- 24 * 60 * 60 * 1000
+        );
+      } else {
+        return (time.getTime() > nowData || time.getTime() === nowData) ;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now() - 24 * 60 * 60 * 1000;
+      return time.getTime() < nowData;
+    };
+    return {
+      // 公共服务分类
+      serviceTypesLevel1: [],
+      serviceTypesLevel2: [],
+
+      btnDisable: false,
+      casOptions: [],
+      scopeIdArray: [],
+      iscascaderShow: 0,
+
+      optionProps: {
+        multiple: true,
+        value: "objectId",
+        label: "objectName",
+        children: "children",
+        checkStrictly: true,
+        emitPath: false,
       },
-      serviceProjectName: {
-        //服务项目名称
-        type: String,
-        required: false,
-        default: "",
+
+      keyWords: "",
+      formData: {
+        serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
+        serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
+        resiSearchTagId: "", //查找享受服务人员
+        resiSearchTagName: "", //享受服务人员名称
+        serviceName: "", //服务名称
+        noticeApproches: [], //通知服务方
+        policyId: "", //政策依据
+        serviceOrgType: "", //服务组织类型 社区自组织：community_org， 志愿者：ic_user_volunteer， 联建单位：party_unit
+        serviceOrgId: "", //服务组织Id
+        objList: [], //
+        principalName: "", //经办人(责任人)姓名
+        principalContact: "", //经办人联系方式
+        serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+        serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+        remark: "", //
       },
-      formType: {
-        //表单操作类型 add新增，edit编辑，detail详情,feedback反馈
-        type: String,
-        required: "",
+      feedbackFormData: {
+        serviceGoal: "", //	服务目标
+        serviceEffect: "", //	服务效果
+        servicePeopleNumber: null, //	服务人数
+        serviceStatus: "completed", //	服务状态。in_service服务中；completed:已完成
+        satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect
+        longitude: "", //	经度
+        latitude: "", //	维度
+        address: "",
+        fileList: [], //	附件列表
       },
-      categrayArray: {
-        type: Array,
-        default() {
-          return [];
-        },
+      sarr: [],
+      dataRule: {
+        serviceTypeLevel2Id: [
+          { required: true, message: "服务类别不能为空", trigger: "change" },
+        ],
+        serviceName: [
+          { required: true, message: "服务名称不能为空", trigger: "change" },
+        ],
+        serviceOrgId: [
+          { required: true, message: "服务组织不能为空", trigger: "change" },
+        ],
+
+        serviceTimeStart: [
+          { required: true, message: "服务时间不能为空", trigger: "change" },
+        ],
+        objList: [
+          { required: true, message: "服务范围不能为空", trigger: "change" },
+        ],
+        resiSearchTagId: [
+          { required: true, message: "享受服务人员不能为空", trigger: "bulr" },
+        ],
       },
-      source: {
-        //展示来源：manage  管理平台    visiual  可视化平台
-        type: String,
-        default: "manage",
+
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
       },
-    },
-  
-    data() {
-      let endDisabledDate = (time) => {
-        //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-        let nowData = Date.now();
-        if (this.formData.serviceTimeStart) {
-          let serviceTimeStart = new Date(this.formData.serviceTimeStart);
-          return (
-            time.getTime() > nowData ||
-            time.getTime() < serviceTimeStart ||
-            time.getTime() === serviceTimeStart
-          );
-        } else {
-          return time.getTime() > nowData;
-        }
-      };
-  
-      let startDisabledDate = (time) => {
-        //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-        let nowData = Date.now();
-        return time.getTime() > nowData;
-      };
-  
-      return {
-        // 公共服务分类
-        serviceTypesLevel1: [],
-        serviceTypesLevel2: [],
-  
-        btnDisable: false,
-        casOptions: [],
-        scopeIdArray: [],
-        iscascaderShow: 0,
-  
-        optionProps: {
-          multiple: true,
-          value: "objectId",
-          label: "objectName",
-          children: "children",
-          checkStrictly: true,
-          emitPath: false,
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+
+      serviceOptions: [],
+      serviceOptiondList: [],
+      policyList: [],
+
+      fileList: [],
+      uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+
+      showPersonList: false,
+      ruleList: [],
+      firstInitMap: true,
+
+      categrayOptions: [],
+      statusArray: [
+        {
+          value: "in_service",
+          label: "进行中",
         },
-  
-        keyWords: "",
-        formData: {
-          serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
-          serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
-          resiSearchTagId:"",//查找享受服务人员
-          resiSearchTagName:"",//享受服务人员名称
-          serviceName: "", //服务名称
-          noticeApproches:[],//通知服务方
-          policyId:'',//政策依据
-          serviceOrgType: "", //服务组织类型 社区自组织：community_org， 志愿者：ic_user_volunteer， 联建单位：party_unit
-          serviceOrgId: "", //服务组织Id
-          objList: [], //
-          principalName: "", //经办人(责任人)姓名
-          principalContact: "", //经办人联系方式
-          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
-          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
-          remark: "", //
+        {
+          value: "completed",
+          label: "已完成",
         },
-        sarr:[],
-        dataRule:{
-          serviceTypeLevel2Id: [
-            { required: true, message: "服务类别不能为空", trigger: "change" },
-          ],
-          serviceName: [
-            { required: true, message: "服务名称不能为空", trigger: "change" },
-          ],
-          serviceOrgId: [
-            { required: true, message: "服务组织不能为空", trigger: "change" },
-          ],
-  
-          serviceTimeStart: [
-            { required: true, message: "服务时间不能为空", trigger: "change" },
-          ],
-          objList: [
-            { required: true, message: "服务范围不能为空", trigger: "change" },
-          ],
-          resiSearchTagId: [
-            {required:true,message:"享受服务人员不能为空",trigger:"bulr"}
-          ]
-       
-      },
-      
-  
-        endPickerOptions: {
-          // disabledDate: endDisabledDate,
+      ],
+      satisfyArray: [
+        {
+          value: "bad",
+          label: "不满意",
         },
-        startPickerOptions: {
-          // disabledDate: startDisabledDate,
+        {
+          value: "good",
+          label: "基本满意",
         },
-  
-        serviceOptions: [],
-        serviceOptiondList: [],
-        policyList: [],
-  
-        fileList: [],
-        uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
-  
-        showPersonList: false,
-        ruleList: [],
-        firstInitMap: true,
-  
-        categrayOptions: [],
-        statusArray: [
-          {
-            value: "in_service",
-            label: "进行中",
-          },
-          {
-            value: "completed",
-            label: "已完成",
-          },
+        {
+          value: "perfect",
+          label: "非常满意",
+        },
+      ],
+      showLabelForm: false,
+      showFeedback: false,
+    };
+  },
+
+  computed: {
+    feedbackDataRule() {
+      return {
+        // serviceGoal: [
+        //   { required: true, message: "服务目标不能为空", trigger: "blur" },
+        // ],
+
+        serviceEffect: [
+          { required: true, message: "服务效果不能为空", trigger: "blur" },
         ],
-        satisfyArray: [
-          {
-            value: "bad",
-            label: "不满意",
-          },
-          {
-            value: "good",
-            label: "基本满意",
-          },
-          {
-            value: "perfect",
-            label: "非常满意",
-          },
+        servicePeopleNumber: [
+          { required: true, message: "服务人数不能为空", trigger: "blur" },
         ],
-        showLabelForm: false,
+        serviceStatus: [
+          { required: true, message: "服务状态不能为空", trigger: "blur" },
+        ],
+        satisfaction: [
+          { required: true, message: "满意度不能为空", trigger: "blur" },
+        ],
+        address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
       };
     },
-  
-    computed: {
-  
+  },
+
+  watch: {
+    "formData.serviceTimeEnd": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.serviceTimeEnd = arrayTemp[0] + " 23:59:59";
+      }
     },
-  
-    watch: {
-      "formData.serviceTimeEnd": function (val) {
-        if (val && val != "") {
-          let arrayTemp = val.split(" ");
-          this.formData.serviceTimeEnd = arrayTemp[0] + " 23:59:59";
+  },
+
+  components: { labelForm },
+
+  async mounted() {
+    this.startLoading();
+    // 都已经重置了，还放在prop里干嘛，我不理解
+    this.categrayOptions = this.categrayArray;
+
+    // this.getCategrayList();
+    this.getDictOptions();
+    this.getPolicyList();
+    await this.loadScopeTree();
+    if (this.formType === "add") {
+      this.$refs.ref_form.resetFields();
+    } else if (this.formType == "edit") {
+      this.loadInfo();
+    }
+
+    await this.iniDefaultData();
+
+    this.endLoading();
+    // 服务分类下拉（其实是获取的共性服务分类）
+    this.$http
+      .get("/governance/commonServiceType/selectList/0")
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg);
+        } else {
+          this.serviceTypesLevel1 = res.data;
+          console.log(res.data);
         }
-      },
+      })
+      .catch(() => {
+        return this.$message.error("网络错误");
+      });
+  },
+
+  methods: {
+    handelDisabledRules(v) {
+      if (!v) {
+        delete this.dataRule.resiSearchTagId;
+      } else {
+        var arr = [
+          {
+            required: true,
+            message: "享受服务人员不能为空",
+            trigger: "change",
+          },
+        ];
+        this.dataRule.resiSearchTagId = arr;
+      }
+      console.log(this.dataRule);
     },
-  
-    components: {  labelForm },
-  
-    async mounted() {
-      this.startLoading();
-      // 都已经重置了，还放在prop里干嘛，我不理解
-      this.categrayOptions = this.categrayArray;
-  
-      // this.getCategrayList();
-      this.getDictOptions();
-      this.getPolicyList();
-      await this.loadScopeTree();
-      if (this.formType === "add") {
-        this.$refs.ref_form.resetFields();
-      } else if(this.formType == 'edit'){
-        this.loadInfo()
+    //获取服务详情数据
+    async loadInfo() {
+      const url = "/governance/icServiceRecordV2/detail";
+      let params = {
+        serviceRecordId: this.serviceRecordId,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.formData = { ...data };
+        console.log(this.formData);
+        this.scopeIdArray = [data.gridIdList[0].objectId];
+        this.formData.serviceTypeLevel1Id = data.serviceTypeLevel1Id;
+        this.handleChangeServiceTypeLevel1();
+        this.formData.serviceTypeLevel2Id = data.serviceTypeLevel2Id;
+        this.feedbackFormData = { ...data.feedback };
+        await this.getServiceuserList(data.serviceOrgType);
+
+        await this.getTagName();
+        // this.fileList = []
+        // if (data.feedback && data.feedback.fileList && data.feedback.fileList.length > 0) {
+        //   data.feedback.fileList.forEach(element => {
+        //     let obj = {
+        //       name: element.name,
+        //       format: element.format,
+        //       url: element.url,
+        //     }
+        //     this.fileList.push(obj)
+        //   });
+        // }
+      } else {
+        this.$message.error(msg);
       }
-  
-      await this.iniDefaultData();
-  
-      this.endLoading();
-      // 服务分类下拉（其实是获取的共性服务分类）
+    },
+    async getTagName() {
+      const url = "/governance/resiSearchTag/listResiSearchTags";
+      let params = {
+        pageSize: 99,
+      };
+      let { data, msg, code } = await requestPost(url, params);
+      if (code == 0) {
+        let showAddProduct = data.list.filter((item) => {
+          return [this.formData.resiSearchTagId].includes(item.tagId);
+        });
+        this.formData.resiSearchTagName = showAddProduct[0].tagName;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    // 服务类型下拉框选中事件
+    handleChangeServiceTypeLevel1() {
+      this.formData.serviceTypeLevel2Id = "";
       this.$http
-        .get("/governance/commonServiceType/selectList/0")
+        .get(
+          "/governance/commonServiceType/selectList/" +
+            this.formData.serviceTypeLevel1Id
+        )
         .then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg);
           } else {
-            this.serviceTypesLevel1 = res.data;
-            console.log(res.data);
+            this.serviceTypesLevel2 = res.data;
           }
         })
         .catch(() => {
           return this.$message.error("网络错误");
         });
     },
-  
-    methods: {
-      handelDisabledRules(v){
-        if(!v){
-          delete this.dataRule.resiSearchTagId
-        }else{
-          var arr = [{ required: true, message: "享受服务人员不能为空", trigger: "change" }]
-          this.dataRule.resiSearchTagId = arr
-        }
-        console.log(this.dataRule);
-      },
-      //获取服务详情数据
-      async loadInfo () {
-        const url = '/governance/icServiceRecordV2/detail'
-        let params = {
-          serviceRecordId: this.serviceRecordId
-        }
-
-        const { data, code, msg } = await requestPost(url, params)
-
-        if (code === 0) {
-          this.formData = { ...data }
-          console.log(this.formData);
-          this.scopeIdArray = [data.gridIdList[0].objectId]
-          this.formData.serviceTypeLevel1Id = data.serviceTypeLevel1Id
-          this.handleChangeServiceTypeLevel1()
-          this.formData.serviceTypeLevel2Id =data.serviceTypeLevel2Id
-          // this.feedbackFormData = { ...data.feedback }
-          await this.getServiceuserList(data.serviceOrgType)
-
-          await this.getTagName()
-          // this.fileList = []
-          // if (data.feedback && data.feedback.fileList && data.feedback.fileList.length > 0) {
-          //   data.feedback.fileList.forEach(element => {
-          //     let obj = {
-          //       name: element.name,
-          //       format: element.format,
-          //       url: element.url,
-          //     }
-          //     this.fileList.push(obj)
-          //   });
-          // }
-        } else {
-          this.$message.error(msg)
-        }
-      },
-      async getTagName() {
-        const url = "/governance/resiSearchTag/listResiSearchTags";
-        let params = {
-          pageSize: 99,
-        };
-        let { data, msg, code } = await requestPost(url, params);
-        if (code == 0) {
-          let showAddProduct = data.list.filter(item=>{
-             return [this.formData.resiSearchTagId].includes(item.tagId)
-            })
-          this.formData.resiSearchTagName = showAddProduct[0].tagName
-        } else {
-          this.$message.error(msg);
-        }
-      },
-      // 服务类型下拉框选中事件
-      handleChangeServiceTypeLevel1() {
-        this.formData.serviceTypeLevel2Id = "";
-        this.$http
-          .get(
-            "/governance/commonServiceType/selectList/" +
-              this.formData.serviceTypeLevel1Id
-          )
-          .then(({ data: res }) => {
-            if (res.code !== 0) {
-              return this.$message.error(res.msg);
-            } else {
-              this.serviceTypesLevel2 = res.data;
-            }
-          })
-          .catch(() => {
-            return this.$message.error("网络错误");
-          });
-      },
-      // 如果服务方有选择第一个的话让它更新一下
-      handleChangeServiceTypeLevel2() {
-        console.log(this.formData.serviceTypeLevel1Id);
-        console.log(this.formData.serviceTypeLevel2Id);
-        if (this.formData.serviceOrgType) {
-          this.getServiceuserList(this.formData.serviceOrgType);
-        } else {
-          return;
-        }
-      },
-      handleClickLabel() {
-        this.showLabelForm = true;
-        this.$nextTick(() => {
-          this.$refs["ref_label_form"].initForm("info");
-        });
-      },
-      addFormOk(val) {
-        this.showLabelForm = false;
-        this.formData.resiSearchTagId = val.tagId;
-        this.formData.resiSearchTagName = val.tagName;
-      },
-      addFormCancle() {
-        this.showLabelForm = false;
-      },
-      handleCloseTag(){
-        this.formData.resiSearchTagId ='';
-        this.formData.resiSearchTagName = '';
-      },
-      getLastItem(list, vals, key) {
-        console.log(list,vals,key);
+    // 如果服务方有选择第一个的话让它更新一下
+    handleChangeServiceTypeLevel2() {
+      console.log(this.formData.serviceTypeLevel1Id);
+      console.log(this.formData.serviceTypeLevel2Id);
+      if (this.formData.serviceOrgType) {
+        this.getServiceuserList(this.formData.serviceOrgType);
+      } else {
+        return;
+      }
+    },
+    handleClickLabel() {
+      this.showLabelForm = true;
+      this.$nextTick(() => {
+        this.$refs["ref_label_form"].initForm("info");
+      });
+    },
+    addFormOk(val) {
+      this.showLabelForm = false;
+      this.formData.resiSearchTagId = val.tagId;
+      this.formData.resiSearchTagName = val.tagName;
+    },
+    addFormCancle() {
+      this.showLabelForm = false;
+    },
+    handleCloseTag() {
+      this.formData.resiSearchTagId = "";
+      this.formData.resiSearchTagName = "";
+    },
+    getLastItem(list, vals, key) {
+      console.log(list, vals, key);
       let LIST = list || [];
       for (let item of LIST) {
         for (let i of vals) {
@@ -640,14 +754,10 @@
         }
       }
     },
-     async handleTreeList(){
-        const map = new Map();
-        await this.getLastItem(
-        this.casOptions,
-        this.scopeIdArray,
-        "objectId"
-      );
-      let temp = []
+    async handleTreeList() {
+      const map = new Map();
+      await this.getLastItem(this.casOptions, this.scopeIdArray, "objectId");
+      let temp = [];
       //递归出的数据会有重复,因为一个街道下面有两个社区的话就会循环push两遍,在这里去重
       temp = this.sarr.filter(
         (v) => !map.has(v.objectId) && map.set(v.objectId, 1)
@@ -659,7 +769,7 @@
           objectName: temp[i].objectName,
         });
       }
-      temp = []
+      temp = [];
       //  如果是编辑的话回填的数据会有数组字符串需要将不是对象属性的过滤掉
       let arr = [];
       // let isOk = false;
@@ -668,246 +778,306 @@
           arr.push(item);
         }
       });
-      return arr
-      },
-      async iniDefaultData() {
-        const { defaultData } = this;
-        console.log("iniDefaultData3", defaultData);
-        if (defaultData) {
-          const { serviceOrgType, serviceOrgId, scopeIdArray } = defaultData;
-          if (serviceOrgType) {
-            this.formData.serviceOrgType = serviceOrgType;
-            await this.getServiceuserList(serviceOrgType, "add_demand");
-          }
-          if (serviceOrgId) {
-            this.formData.serviceOrgId = serviceOrgId;
-          }
-          if (scopeIdArray) {
-            this.scopeIdArray = scopeIdArray;
-            await nextTick();
-            this.handleChangeScope();
-          }
-        }
-      },
-  
-      handleClose() {
-        this.showPersonList = false;
-      },
-      handleOk() {
-        this.showPersonList = false;
-      },
-  
-      async getPolicyList() {
-        const url = "/governance/policy/policyListSelect";
-  
-        let params = {};
-  
-        const { data, code, msg } = await requestPost(url, params);
-  
-        if (code === 0) {
-          this.policyList = data;
-        } else {
-          this.$message.error(msg);
+      return arr;
+    },
+    handleChangeFeedback(val) {
+      this.showFeedback = val;
+
+      // if (this.firstInitMap) {
+      //   this.$nextTick(() => {
+      //     this.initMap();
+      //   });
+      // }
+    },
+    async iniDefaultData() {
+      const { defaultData } = this;
+      console.log("iniDefaultData3", defaultData);
+      if (defaultData) {
+        const { serviceOrgType, serviceOrgId, scopeIdArray } = defaultData;
+        if (serviceOrgType) {
+          this.formData.serviceOrgType = serviceOrgType;
+          await this.getServiceuserList(serviceOrgType, "add_demand");
         }
-      },
-      
-      async getDictOptions() {
-        this.$http
-          .post("/sys/dict/data/dictlist", {
-            dictType: "user_demand_service_type",
-          })
-          .then(({ data: res }) => {
-            if (res.code !== 0) {
-              return this.$message.error(res.msg);
-            } else {
-              this.serviceOptions = res.data;
-            }
-          })
-          .catch(() => {
-            return this.$message.error("网络错误");
-          });
-      },
-  
-      // 字典
-      // async getCategrayList() {
-      //   const url = "/sys/dict/data/dictlist";
-  
-      //   let params = {
-      //     dictType: "ic_service_type",
-      //   };
-  
-      //   const { data, code, msg } = await requestPost(url, params);
-  
-      //   if (code === 0) {
-      //     this.categrayOptions = data;
-      //   } else {
-      //     this.$message.error(msg);
-      //   }
-      // },
-      async handleServiceChange(type, val) {
-        console.log(val);
-        if (val === "social_org") {
-          if (type === "add") await this.getServiceuserList(val);
-          else this.getServiceuserList(val);
-        } else this.getServiceuserList(val);
-      },
-  
-      async getServiceuserList(serverOrgType) {
-        if (!serverOrgType) return false;
-        if (this.formData.serviceTypeLevel2Id == "") {
-          this.$message.error("请先选择服务类别!");
-          return;
+        if (serviceOrgId) {
+          this.formData.serviceOrgId = serviceOrgId;
         }
-        const url = "/actual/base/serviceitem/listServerOrg";
-        let params = {
-          serviceTypeId: this.formData.serviceTypeLevel2Id,
-          serverOrgType: serverOrgType,
-          businessType: "common_service",
-        };
-        let { data, code, msg } = await requestPost(url, params);
-        if (code == 0) {
-          this.serviceOptiondList = data;
-        } else if (code >= 8000) {
-          this.$message.error(msg);
+        if (scopeIdArray) {
+          this.scopeIdArray = scopeIdArray;
+          await nextTick();
+          this.handleChangeScope();
         }
-      },
-  
-      // 获取服务范围树
-      async loadScopeTree() {
-        const url = "/gov/org/icServiceProject/service/serviceScopeTree";
-        // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
-        let params = {};
-  
-        const { data, code, msg } = await requestPost(url, params);
-  
-        if (code === 0) {
-          ++this.iscascaderShow;
-          this.casOptions = [];
-          this.scopeIdArray = [];
-          this.casOptions.push(data);
-        } else {
-          this.$message.error(rspMsg);
-        }
-      },
-  
-      handleChangeScope(value) {
-        this.formData.objList = [];
-        let selArray = this.$refs["myCascader"].getCheckedNodes();
-        console.log("handleChangeScope", selArray);
-        selArray.forEach((element) => {
-          let obj = {
-            objectType: element.data.objectType,
-            objectId: element.data.objectId,
-            objectName: element.data.objectName,
-          };
-          this.formData.objList.push(obj);
-        });
-      },
-  
-      async handleComfirm() {
-          this.handleAdd();
-      },
-  
-      async handleAdd() {
-        this.btnDisable = true;
-        setTimeout(() => {
-          this.btnDisable = false;
-        }, 10000);
-        this.formData.objList = await this.handleTreeList()
-        this.$refs["ref_form"].validate((valid, messageObj) => {
-          if (!valid) {
-            app.util.validateRule(messageObj);
-            this.btnDisable = false;
+      }
+    },
+
+    handleClose() {
+      this.showPersonList = false;
+    },
+    handleOk() {
+      this.showPersonList = false;
+    },
+
+    async getPolicyList() {
+      const url = "/governance/policy/policyListSelect";
+
+      let params = {};
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.policyList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async getDictOptions() {
+      this.$http
+        .post("/sys/dict/data/dictlist", {
+          dictType: "user_demand_service_type",
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
           } else {
-            var oDate1 = new Date(this.formData.serviceTimeStart);
-            var oDate2 = new Date(this.formData.serviceTimeEnd);
-            if (oDate1.getTime() > oDate2.getTime()) {
-              this.$message.error("服务截止时间必须大于服务开始时间");
-              return false;
-            }
-              this.addFuwu();
+            this.serviceOptions = res.data;
           }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
         });
-      },
-  
-      async addFuwu() {
-        
-        console.log(this.formType);
-        let url = ''
-        if(this.formType !='edit'){
-         url = "/governance/icServiceRecordV2/searchAdd";
-        } else{
-          url = '/governance/icServiceRecordV2/searchUpdate'
-        }
-        // const url = 'http://yapi.elinkservice.cn/mock/245/governance/icServiceProject/service/initiate'
-        let params = {
-          ...this.formData,
+    },
+
+    // 字典
+    // async getCategrayList() {
+    //   const url = "/sys/dict/data/dictlist";
+
+    //   let params = {
+    //     dictType: "ic_service_type",
+    //   };
+
+    //   const { data, code, msg } = await requestPost(url, params);
+
+    //   if (code === 0) {
+    //     this.categrayOptions = data;
+    //   } else {
+    //     this.$message.error(msg);
+    //   }
+    // },
+    async handleServiceChange(type, val) {
+      console.log(val);
+      if (val === "social_org") {
+        if (type === "add") await this.getServiceuserList(val);
+        else this.getServiceuserList(val);
+      } else this.getServiceuserList(val);
+    },
+
+    async getServiceuserList(serverOrgType) {
+      if (!serverOrgType) return false;
+      if (this.formData.serviceTypeLevel2Id == "") {
+        this.$message.error("请先选择服务类别!");
+        return;
+      }
+      const url = "/actual/base/serviceitem/listServerOrg";
+      let params = {
+        serviceTypeId: this.formData.serviceTypeLevel2Id,
+        serverOrgType: serverOrgType,
+        businessType: "common_service",
+      };
+      let { data, code, msg } = await requestPost(url, params);
+      if (code == 0) {
+        this.serviceOptiondList = data;
+      } else if (code >= 8000) {
+        this.$message.error(msg);
+      }
+    },
+
+    // 获取服务范围树
+    async loadScopeTree() {
+      const url = "/gov/org/icServiceProject/service/serviceScopeTree";
+      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+      let params = {};
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        ++this.iscascaderShow;
+        this.casOptions = [];
+        this.scopeIdArray = [];
+        this.casOptions.push(data);
+      } else {
+        this.$message.error(rspMsg);
+      }
+    },
+
+    handleChangeScope(value) {
+      this.formData.objList = [];
+      let selArray = this.$refs["myCascader"].getCheckedNodes();
+      console.log("handleChangeScope", selArray);
+      selArray.forEach((element) => {
+        let obj = {
+          objectType: element.data.objectType,
+          objectId: element.data.objectId,
+          objectName: element.data.objectName,
         };
-        delete params.serviceTypeLevel1Id
-        const { data, code, msg } = await requestPost(url, params);
-        if (code === 0) {
-          this.$message.success("发起成功");
-          this.resetData();
-          this.$emit("handleOk");
+        this.formData.objList.push(obj);
+      });
+    },
+
+    async handleComfirm() {
+      if (this.formType === "add") {
+        this.handleAdd();
+      } else if (this.formType === "feedback") {
+        this.handleFeedback();
+      }
+    },
+
+    async handleAdd() {
+      this.btnDisable = true;
+      setTimeout(() => {
+        this.btnDisable = false;
+      }, 10000);
+      this.formData.objList = await this.handleTreeList();
+      this.$refs["ref_form"].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj);
+          this.btnDisable = false;
         } else {
-          this.$message.error(msg);
+          var oDate1 = new Date(this.formData.serviceTimeStart);
+          var oDate2 = new Date(this.formData.serviceTimeEnd);
+          if (oDate1.getTime() > oDate2.getTime()) {
+            this.$message.error("服务截止时间必须大于服务开始时间");
+            return false;
+          }
+          this.addFuwu();
         }
-      },
-  
-      
-     
-      handleCancle() {
-        this.resetData();
-        this.$emit("handleClose");
-      },
-  
-     
-      resetData() {
-        this.formData = {
-          serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
-          serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
-          objList: [], //
-          principalName: "", //经办人(责任人)姓名
-          principalContact: "", //经办人联系方式
-          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
-          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
-          remark: "", //
-        };
-      },
-      // 开启加载动画
-      startLoading() {
-        loading = Loading.service({
-          lock: true, // 是否锁定
-          text: "正在加载……", // 加载中需要显示的文字
-          background: "rgba(0,0,0,.7)", // 背景颜色
-        });
-      },
-      // 结束加载动画
-      endLoading() {
-        // clearTimeout(timer);
-        if (loading) {
-          loading.close();
+      });
+    },
+    async handleFeedback() {
+      this.btnDisable = true;
+      setTimeout(() => {
+        this.btnDisable = false;
+      }, 10000);
+
+      this.$refs["ref_form_feedback"].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj);
+          this.btnDisable = false;
+        } else {
+          this.addFeecback();
         }
-      },
+      });
+    },
+    async addFeecback() {
+      // this.feedbackFormData.fileList = [];
+      // this.feedbackFormData.fileList = [...this.fileList];
+      this.feedbackFormData.serviceRecordId = this.serviceRecordId;
+
+      console.log(this.feedbackFormData);
+
+      const url = "/governance/icServiceFeedbackV2/add";
+      let params = {
+        ...this.feedbackFormData,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("反馈成功");
+        this.resetData();
+        this.$emit("handleOk");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async addFuwu() {
+      if (this.showFeedback) {
+        this.formData.feedback = { ...this.feedbackFormData };
+      } else {
+        this.formData.feedback = null;
+      }
+      let url = "";
+      if (this.formType != "edit") {
+        url = "/governance/icServiceRecordV2/searchAdd";
+      } else {
+        url = "/governance/icServiceRecordV2/searchUpdate";
+      }
+      // const url = 'http://yapi.elinkservice.cn/mock/245/governance/icServiceProject/service/initiate'
+      let params = {
+        ...this.formData,
+      };
+      delete params.serviceTypeLevel1Id;
+      const { data, code, msg } = await requestPost(url, params);
+      if (code === 0) {
+        this.$message.success("发起成功");
+        this.resetData();
+        this.$emit("handleOk");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleCancle() {
+      this.resetData();
+      this.$emit("handleClose");
+    },
+
+    resetData() {
+      this.formData = {
+        serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
+        serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
+        objList: [], //
+        principalName: "", //经办人(责任人)姓名
+        principalContact: "", //经办人联系方式
+        serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+        serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+        remark: "", //
+      };
+      this.feedbackFormData = {
+        serviceGoal: "", //	服务目标
+        serviceEffect: "", //	服务效果
+        servicePeopleNumber: null, //	服务人数
+        serviceStatus: "completed", //	服务状态。in_service服务中；completed:已完成
+        satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect
+        longitude: "", //	经度
+        latitude: "", //	维度
+        address: "",
+        fileList: [], //	附件列表
+      };
+    },
+    // 开启加载动画
+    startLoading() {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
     },
-  };
-  </script>
+    // 结束加载动画
+    endLoading() {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close();
+      }
+    },
+  },
+};
+</script>
   
     <style lang="scss" scoped>
-  @import "@/assets/scss/modules/management/form-main.scss";
-  @import "@/assets/scss/modules/visual/a_customize.scss";
-  
-  .form-item::v-deep .el-form-item__label {
+@import "@/assets/scss/modules/management/form-main.scss";
+@import "@/assets/scss/modules/visual/a_customize.scss";
+
+.form-item::v-deep .el-form-item__label {
+  color: #fff;
+}
+.form-item {
+  .el-radio {
     color: #fff;
   }
-  .form-item {
-    .el-radio {
-      color: #fff;
-    }
-  
-    .el-checkbox {
-      color: #fff;
-    }
+
+  .el-checkbox {
+    color: #fff;
   }
-  </style>
+}
+</style>
   
\ No newline at end of file
diff --git a/src/views/modules/communityService/fuwuzhaoren/detailForm.vue b/src/views/modules/communityService/fuwuzhaoren/detailForm.vue
index 033ec19e5..5d3166fbc 100644
--- a/src/views/modules/communityService/fuwuzhaoren/detailForm.vue
+++ b/src/views/modules/communityService/fuwuzhaoren/detailForm.vue
@@ -58,10 +58,10 @@
               <h3 class="d-h3">反馈内容</h3>
 
               <div class="info-prop">
-                <span class="info-title-2">服务目标：</span>
+                <span class="info-title-2">备注：</span>
                 <span>{{ feedbackFormData.serviceGoal || "--" }}</span>
               </div>
-              <div class="info-prop">
+              <!-- <div class="info-prop">
                 <span class="info-title-2">服务效果：</span>
                 <span>{{ feedbackFormData.serviceEffect || "--" }}</span>
               </div>
@@ -73,13 +73,13 @@
               <div class="info-prop">
                 <span class="info-title-2">服务状态：</span>
                 <span>{{ feedbackFormData.serviceStatusShow || "--" }}</span>
-              </div>
+              </div> -->
               <div class="info-prop">
                 <span class="info-title-2">满意度：</span>
                 <span>{{ feedbackFormData.satisfactionShow || "--" }}</span>
               </div>
 
-              <div class="info-prop">
+              <!-- <div class="info-prop">
                 <span class="info-title-2">地理位置：</span>
                 <span>{{ feedbackFormData.address || "--" }}</span>
               </div>
@@ -98,7 +98,7 @@
                   :fileList="fileList"
                 ></file-list>
                 <span v-else>--</span>
-              </div>
+              </div> -->
             </div>
           </div>
         </div>
diff --git a/src/views/modules/communityService/fuwuzhaoren/index.vue b/src/views/modules/communityService/fuwuzhaoren/index.vue
index 220d5047e..9f44cef96 100644
--- a/src/views/modules/communityService/fuwuzhaoren/index.vue
+++ b/src/views/modules/communityService/fuwuzhaoren/index.vue
@@ -247,11 +247,11 @@
                          size="small"
                          >编辑</el-button>
                          <!-- 临时去掉人员名单与反馈 -->
-              <!-- <el-button v-if="scope.row.serviceStatus==='in_service'"
+              <el-button v-if="scope.row.serviceStatus==='in_service'"
                          @click="handleFeedback(scope.row)"
                          type="text"
                          size="small"
-                         >反馈</el-button> -->
+                         >反馈</el-button>
               <!-- <el-button v-if="scope.row.policyId"
                          @click="handlePersonList(scope.row)"
                          type="text"
@@ -300,7 +300,8 @@
                 @handleOk="handleOk"
                 @handleClose="handleClose"></add-form>
     </el-dialog>
-    <el-dialog v-if="showEdit"
+    <!-- 编辑与新增写在一个组件中 -->
+    <!-- <el-dialog v-if="showEdit"
                :visible.sync="showEdit"
                :close-on-click-modal="false"
                :close-on-press-escape="false"
@@ -319,7 +320,7 @@
                  @handleClose="handleClose"
                  :formType="formType">
       </edit-form>
-    </el-dialog>
+    </el-dialog> -->
     <el-dialog v-if="showDetail"
                :visible.sync="showDetail"
                :close-on-click-modal="false"