From 4f95ff72ca619f63d438ac81535da8e16d05d5a2 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Tue, 21 Feb 2023 12:41:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=85=B1=E6=80=A7=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/commonDemand/addForm.vue | 1171 +++++++++++++++++
 .../commonDemand/detailForm.vue               |  378 ++++++
 .../commonDemand/editForm.vue                 |  748 +++++++++++
 .../communityService/commonDemand/index.vue   |  724 ++++++++++
 4 files changed, 3021 insertions(+)
 create mode 100644 src/views/modules/communityService/commonDemand/addForm.vue
 create mode 100644 src/views/modules/communityService/commonDemand/detailForm.vue
 create mode 100644 src/views/modules/communityService/commonDemand/editForm.vue
 create mode 100644 src/views/modules/communityService/commonDemand/index.vue

diff --git a/src/views/modules/communityService/commonDemand/addForm.vue b/src/views/modules/communityService/commonDemand/addForm.vue
new file mode 100644
index 000000000..56ca56c04
--- /dev/null
+++ b/src/views/modules/communityService/commonDemand/addForm.vue
@@ -0,0 +1,1171 @@
+<template>
+    <div>
+      <div
+        class="dialog-h-content scroll-h"
+        :class="{ 'visiual-form': source === 'visiual' }"
+      >
+        <el-form
+          v-if="formType === 'add'"
+          ref="ref_form"
+          :inline="true"
+          :model="formData"
+          :rules="dataRule"
+          class="div_form"
+        >
+          <el-form-item
+            label="服务分类"
+            prop="serviceCategoryKey"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <el-select
+              v-model="formData.serviceCategoryKey"
+              class="item_width_1"
+              placeholder="请选择"
+              clearable
+            >
+              <el-option
+                v-for="item in categrayOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </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="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-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
+                v-for="item in serviceOptiondList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+  
+          <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="政策依据"
+            prop="policyId"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <el-select
+              v-model="formData.policyId"
+              class="input-width-small"
+              placeholder="请选择"
+              clearable
+            >
+              <el-option
+                v-for="item in policyList"
+                :key="item.policyId"
+                :label="item.title"
+                :value="item.policyId"
+              >
+              </el-option>
+            </el-select>
+  
+            <el-button
+              style="margin-left: 10px"
+              type="primary"
+              size="small"
+              @click="handlePersonList"
+              >预览</el-button
+            >
+          </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="服务时间"
+            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-date-picker>
+            <span class="data-tag">至</span>
+            <el-date-picker
+              v-model="formData.serviceTimeEnd"
+              :picker-options="endPickerOptions"
+              class="item_width_2 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="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="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="服务目标"
+              prop="serviceGoal"
+              :class="{ 'form-item': source === 'visiual' }"
+              label-width="150px"
+              style="display: block"
+            >
+              <el-input
+                class="item_width_1"
+                type="textarea"
+                maxlength="1000"
+                show-word-limit
+                :rows="3"
+                placeholder="请输入服务目标，不超过1000字"
+                v-model="feedbackFormData.serviceGoal"
+              ></el-input>
+            </el-form-item>
+  
+            <el-form-item
+              label="服务效果"
+              prop="serviceEffect"
+              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="feedbackFormData.serviceEffect"
+              ></el-input>
+            </el-form-item>
+  
+            <el-form-item
+              label="服务人数"
+              style="display: block"
+              :class="{ 'form-item': source === 'visiual' }"
+              prop="servicePeopleNumber"
+              label-width="150px"
+            >
+              <el-input-number
+                class="item_width_2"
+                v-model="feedbackFormData.servicePeopleNumber"
+                :min="0"
+                :max="9999"
+                label="服务人数"
+              ></el-input-number>
+            </el-form-item>
+  
+            <el-form-item
+              label="服务状态"
+              style="display: block"
+              label-width="150px"
+              :class="{ 'form-item': source === 'visiual' }"
+              prop="serviceStatus"
+            >
+              <span>已完成</span>
+              <!-- <el-select class="item_width_1"
+                         v-model="feedbackFormData.serviceStatus"
+                         placeholder="全部"
+                         clearable>
+                <el-option v-for="item in statusArray"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select> -->
+            </el-form-item>
+            <el-form-item
+              label="满意度"
+              style="display: block"
+              label-width="150px"
+              :class="{ 'form-item': source === 'visiual' }"
+              prop="satisfaction"
+            >
+              <el-select
+                class="item_width_2"
+                v-model="feedbackFormData.satisfaction"
+                placeholder="全部"
+                clearable
+              >
+                <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="address"
+              :class="{ 'form-item': source === 'visiual' }"
+              label-width="150px"
+              style="display: block"
+            >
+              <el-input
+                class="item_width_1"
+                v-model="feedbackFormData.address"
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="地图位置"
+              label-width="150px"
+              :class="{ 'form-item': source === 'visiual' }"
+              style="display: block"
+            >
+              <div style="width: 500px">
+                <div class="div_map">
+                  <div id="map_app"></div>
+                  <div class="div_searchmap">
+                    <el-input
+                      maxlength="50"
+                      placeholder="请输入关键字"
+                      v-model="keyWords"
+                    >
+                    </el-input>
+                    <el-button
+                      style="margin-left: 10px"
+                      type="primary"
+                      size="mini"
+                      @click="handleSearchMap"
+                      >查询</el-button
+                    >
+                  </div>
+                </div>
+              </div>
+            </el-form-item>
+  
+            <el-form-item
+              class="block"
+              label="附件"
+              :class="{ 'form-item': source === 'visiual' }"
+              label-width="150px"
+              prop="attach"
+            >
+              <el-upload
+                :headers="$getElUploadHeaders()"
+                class="upload-demo"
+                :action="uploadUlr"
+                accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
+                :on-success="handleFileSuccess"
+                :on-remove="handleFileRemove"
+                :limit="3"
+                :before-upload="beforeUpload"
+                :file-list="fileList"
+              >
+                <el-button
+                  size="small"
+                  :disabled="fileList.length === 3"
+                  type="primary"
+                  >点击上传</el-button
+                >
+                <div slot="tip" class="el-upload__tip">支持图片、word、pdf</div>
+              </el-upload>
+            </el-form-item>
+          </el-form>
+        </div>
+      </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="showPersonList"
+        :visible.sync="showPersonList"
+        :append-to-body="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="'政策预览'"
+        width="1150px"
+        top="5vh"
+        class="dialog-h"
+        @closed="showPersonList = false"
+      >
+        <person-list
+          ref="ref_detail_form"
+          :policyId="policyId"
+          :ruleList="ruleList"
+          @handleOk="handleOk"
+          @handleClose="handleClose"
+        >
+        </person-list>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from "vuex";
+  import { Loading } from "element-ui"; // 引入Loading服务
+  import { requestPost } from "@/js/dai/request";
+  import personList from "../policy/personList";
+  import nextTick from "dai-js/tools/nextTick";
+  import daiMap from "@/utils/dai-map";
+  
+  let loading; // 加载动画
+  let map;
+  
+  export default {
+    props: {
+      defaultData: {
+        type: Object,
+        default: null,
+      },
+      serviceRecordId: {
+        type: String,
+        required: "",
+      },
+      serviceCategoryKey: {
+        type: String,
+        required: "",
+      },
+      serviceProjectName: {
+        //服务项目名称
+        type: String,
+        required: false,
+        default: "",
+      },
+      formType: {
+        //表单操作类型 add新增，edit编辑，detail详情,feedback反馈
+        type: String,
+        required: "",
+      },
+      categrayArray: {
+        type: Array,
+        default() {
+          return [];
+        },
+      },
+      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;
+      };
+  
+      return {
+        btnDisable: false,
+        casOptions: [],
+        scopeIdArray: [],
+        iscascaderShow: 0,
+  
+        optionProps: {
+          multiple: true,
+          value: "objectId",
+          label: "objectName",
+          children: "children",
+          checkStrictly: true,
+          emitPath: false,
+        },
+  
+        keyWords: "",
+        formData: {
+          serviceCategoryKey: "",
+          serviceName: "", //服务名称
+          serviceOrgType: "", //服务组织类型 社区自组织：community_org， 志愿者：ic_user_volunteer， 联建单位：party_unit
+          serviceOrgId: "", //服务组织Id
+          objList: [], //
+          policyId: "",
+          principalName: "", //经办人(责任人)姓名
+          principalContact: "", //经办人联系方式
+          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+          remark: "", //
+          feedback: {}, //反馈。允许发起服务的时候直接填写反馈，完成服务。
+        },
+        feedbackFormData: {
+          serviceGoal: "", //	服务目标
+          serviceEffect: "", //	服务效果
+          servicePeopleNumber: null, //	服务人数
+          serviceStatus: "completed", //	服务状态。in_service服务中；completed:已完成
+          satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect
+          longitude: "", //	经度
+          latitude: "", //	维度
+          address: "",
+          fileList: [], //	附件列表
+        },
+  
+        endPickerOptions: {
+          // disabledDate: endDisabledDate,
+        },
+        startPickerOptions: {
+          // disabledDate: startDisabledDate,
+        },
+  
+        showFeedback: false,
+        serviceOptions: [],
+        serviceOptiondList: [],
+        policyList: [],
+  
+        fileList: [],
+        uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+  
+        policyId: "",
+        showPersonList: false,
+        ruleList: [],
+  
+        firstInitMap: true,
+  
+        categrayOptions: [],
+        statusArray: [
+          {
+            value: "in_service",
+            label: "进行中",
+          },
+          {
+            value: "completed",
+            label: "已完成",
+          },
+        ],
+        satisfyArray: [
+          {
+            value: "bad",
+            label: "不满意",
+          },
+          {
+            value: "good",
+            label: "基本满意",
+          },
+          {
+            value: "perfect",
+            label: "非常满意",
+          },
+        ],
+      };
+    },
+  
+    computed: {
+      dataRule() {
+        return {
+          serviceName: [
+            { required: true, message: "服务名称不能为空", trigger: "change" },
+          ],
+          serviceOrgId: [
+            { required: true, message: "服务组织不能为空", trigger: "change" },
+          ],
+  
+          serviceTimeStart: [
+            { required: true, message: "服务时间不能为空", trigger: "change" },
+          ],
+          objList: [
+            { required: true, message: "服务范围不能为空", trigger: "change" },
+          ],
+        };
+      },
+      feedbackDataRule() {
+        return {
+          serviceGoal: [
+            { required: true, message: "服务目标不能为空", trigger: "blur" },
+          ],
+  
+          serviceEffect: [
+            { required: true, message: "服务效果不能为空", trigger: "blur" },
+          ],
+          servicePeopleNumber: [
+            { required: true, message: "服务人数不能为空", trigger: "blur" },
+          ],
+          serviceStatus: [
+            { required: true, message: "服务状态不能为空", trigger: "blur" },
+          ],
+          satisfaction: [
+            { required: true, message: "满意度不能为空", trigger: "blur" },
+          ],
+          address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
+        };
+      },
+    },
+  
+    watch: {
+      "formData.serviceTimeEnd": function (val) {
+        if (val && val != "") {
+          let arrayTemp = val.split(" ");
+          this.formData.serviceTimeEnd = arrayTemp[0] + " 23:59:59";
+        }
+      },
+    },
+  
+    components: { personList },
+  
+    async mounted() {
+      this.startLoading();
+      // 都已经重置了，还放在prop里干嘛，我不理解
+      this.categrayOptions = this.categrayArray;
+  
+      this.getCategrayList();
+      this.getDictOptions();
+      this.getPolicyList();
+      if (this.formType === "feedback" || this.showFeedback) {
+        this.initMap();
+        this.$refs.ref_form_feedback.resetFields();
+      }
+  
+      if (this.formType === "add") {
+        this.$refs.ref_form.resetFields();
+        await this.loadScopeTree();
+      } else {
+      }
+  
+      await this.iniDefaultData();
+  
+      this.endLoading();
+    },
+  
+    methods: {
+      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();
+          }
+        }
+      },
+  
+      //加载组织数据
+      async handlePersonList() {
+        if (!this.formData.policyId) {
+          this.$message.info("请先选择政策");
+          return false;
+        }
+  
+        this.policyId = this.formData.policyId;
+        await this.loadRuleList();
+  
+        this.showPersonList = true;
+      },
+  
+      async loadRuleList() {
+        const url = "/heart/policy/rulelist/" + this.policyId;
+  
+        let params = {};
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.ruleList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+  
+      handleClose() {
+        this.showPersonList = false;
+      },
+      handleOk() {
+        this.showPersonList = false;
+      },
+  
+      async getPolicyList() {
+        const url = "/heart/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 {
+              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);
+        }
+      },
+      handleServiceChange(type, val) {
+        if (val === "social_org") {
+          if (type === "add") this.getServiceuserList(val, "add_demand");
+          else this.getServiceuserList(val, "query_demand");
+        } else this.getServiceuserList(val, "");
+      },
+  
+      async getServiceuserList(serviceType, query) {
+        if (!serviceType) return false;
+  
+        const params = {
+          serviceName: "",
+          serviceType: serviceType,
+          queryPurpose: query,
+        };
+        await this.$http
+          .post("/heart/userdemand/servicelist", params)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceOptiondList = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      handleChangeFeedback(val) {
+        this.showFeedback = val;
+  
+        if (this.firstInitMap) {
+          this.$nextTick(() => {
+            this.initMap();
+          });
+        }
+      },
+  
+      // 获取服务范围树
+      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 === "grid"
+                ? "grid"
+                : element.data.objectType === "neighborhood"
+                ? "neighborhood"
+                : "agency",
+            objectId: element.data.objectId,
+            objectName: element.data.objectName,
+          };
+          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.$refs["ref_form"].validate((valid, messageObj) => {
+          if (!valid) {
+            app.util.validateRule(messageObj);
+            this.btnDisable = false;
+          } 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;
+            }
+  
+            if (this.showFeedback) {
+              this.$refs["ref_form_feedback"].validate((valid, messageObj) => {
+                if (!valid) {
+                  app.util.validateRule(messageObj);
+                  this.btnDisable = false;
+                } else {
+                  this.formData.feedback = { ...this.feedbackFormData };
+                  this.addFuwu();
+                }
+              });
+            } else {
+              this.addFuwu();
+            }
+          }
+        });
+      },
+  
+      async addFuwu() {
+        if (this.showFeedback) {
+          this.feedbackFormData.fileList = [];
+          this.feedbackFormData.fileList = [...this.fileList];
+          this.formData.feedback = { ...this.feedbackFormData };
+        } else {
+          this.formData.feedback = null;
+        }
+  
+        console.log(this.formData);
+        // return false
+        const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
+  
+        if (
+          this.formData.principalContact &&
+          regPhone.test(this.formData.principalContact) === false
+        ) {
+          this.btnDisable = false;
+          this.$message({
+            type: "warning",
+            message: "请输入正确的手机号码",
+          });
+          return false;
+        }
+  
+        if (this.source === "manage") {
+          this.formData.serviceCategoryKey = this.serviceCategoryKey;
+        }
+        const url = "/heart/icServiceRecordV2/add";
+        // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/initiate'
+        let params = {
+          ...this.formData,
+        };
+  
+        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 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);
+        // return false
+  
+        const url = "/heart/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);
+        }
+      },
+  
+      beforeUpload(file) {
+        const array = file.name.split(".");
+        const extension = array[array.length - 1];
+  
+        const formatarray = [
+          "jpg",
+          "png",
+          "jpeg",
+          "bmp",
+          "mp4",
+          "wma",
+          "m4a",
+          "mp3",
+          "doc",
+          "docx",
+          "xls",
+          "xlsx",
+          "pdf",
+        ];
+  
+        if (formatarray.indexOf(extension) === -1) {
+          this.$message.error("只支持图片、word、pdf");
+          return false;
+        }
+      },
+  
+      handleFileRemove(file) {
+        if (file && file.status === "success") {
+          this.fileList.splice(
+            this.fileList.findIndex((item) => item.uid === file.uid),
+            1
+          );
+        }
+      },
+  
+      handleFileSuccess(res, file) {
+        if (res.code === 0 && res.msg === "success") {
+          const array = file.name.split(".");
+          const fileType = array[array.length - 1];
+  
+          const picArray = ["jpg", "png", "jpeg", "bmp"];
+          const videoarray = ["mp4", "wma", "m4a"];
+          const docArray = ["doc", "docx", "xls", "xlsx", "pdf"];
+          const mp3Array = ["mp3"];
+  
+          if (picArray.indexOf(fileType) > -1) {
+            file.format = "image";
+          } else if (videoarray.indexOf(fileType) > -1) {
+            file.format = "video";
+          } else if (docArray.indexOf(fileType) > -1) {
+            file.format = "doc";
+          } else if (mp3Array.indexOf(fileType) > -1) {
+            file.format = "voice";
+          }
+  
+          file.url = res.data.url;
+          file.type = fileType;
+  
+          file.name = file.name;
+          file.type = file.type;
+          file.url = file.url;
+  
+          this.fileList.push(file);
+          console.log(this.fileList);
+        } else this.$message.error(res.msg);
+      },
+  
+      //下载
+      handleFileDownload(file) {
+        var a = document.createElement("a");
+        var event = new MouseEvent("click");
+        a.download = file.name;
+        console.log(a);
+        a.href = file.url;
+        a.dispatchEvent(event);
+      },
+      handleCancle() {
+        this.resetData();
+        this.$emit("handleClose");
+      },
+  
+      // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+      initMap() {
+        let { latitude, longitude } = this.$store.state.user;
+  
+        map = new daiMap(
+          document.getElementById("map_app"),
+          { latitude, longitude },
+          {
+            zoom: 16.2, // 设置地图缩放级别
+            pitch: 43.5, // 设置俯仰角
+            rotation: 45, // 设置地图旋转角度
+          }
+        );
+  
+        // 监听地图平移结束
+        map.on("dragend", (e) => {
+          this.handleMoveCenter(e);
+        });
+  
+        map.setCenter(latitude, longitude);
+        map.setMarker(latitude, longitude);
+      },
+  
+      async handleMoveCenter() {
+        //修改地图中心点
+        const { lat, lng } = map.getCenter();
+        this.feedbackFormData.latitude = lat;
+        this.feedbackFormData.longitude = lng;
+        map.setMarker(lat, lng);
+  
+        let { msg, data } = await map.getAddress(lat, lng);
+        if (msg == "success") {
+          this.feedbackFormData.address = data.address;
+        }
+      },
+  
+      async handleSearchMap() {
+        const { msg, data } = await map.searchNearby(this.keyWords);
+        if (msg == "success") {
+          const { lat, lng } = data;
+          map.setCenter(lat, lng);
+          map.setMarker(lat, lng);
+          this.feedbackFormData.latitude = lat;
+          this.feedbackFormData.longitude = lng;
+        } else {
+          this.$message.error("未检索到相关位置坐标");
+        }
+      },
+  
+      resetData() {
+        this.formData = {
+          objList: [], //
+          principalName: "", //经办人(责任人)姓名
+          principalContact: "", //经办人联系方式
+          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+          remark: "", //
+          feedback: {}, //反馈。允许发起服务的时候直接填写反馈，完成服务。
+        };
+        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)", // 背景颜色
+        });
+      },
+      // 结束加载动画
+      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 {
+    color: #fff;
+  }
+  .form-item {
+    .el-radio {
+      color: #fff;
+    }
+  
+    .el-checkbox {
+      color: #fff;
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/detailForm.vue b/src/views/modules/communityService/commonDemand/detailForm.vue
new file mode 100644
index 000000000..a5e428579
--- /dev/null
+++ b/src/views/modules/communityService/commonDemand/detailForm.vue
@@ -0,0 +1,378 @@
+<template>
+    <div>
+      <div class="dialog-h-content scroll-h">
+        <div v-if="initLoading" class="m-row">
+          <div class="m-info">
+            <div class="info-prop">
+              <span class="info-title-2">服务名称：</span>
+              <span>{{ formData.serviceName || "--" }}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">服务组织：</span>
+              <span>{{ serviceOrgName || "--" }}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">服务范围：</span>
+              <span>{{ formData.gridIdListName || "--" }}</span>
+            </div>
+  
+            <div class="info-prop">
+              <span class="info-title-2">政策依据：</span>
+              <span>{{ formData.policyTitle || "--" }}</span>
+              <el-button
+                v-if="formData.policyId"
+                style="margin-left: 10px"
+                type="primary"
+                size="small"
+                @click="handlePersonList"
+                >预览</el-button
+              >
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">经办人：</span>
+              <span>{{ formData.principalName || "--" }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">联系方式：</span>
+              <span>{{ formData.principalContact || "--" }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">服务时间：</span>
+              <span>{{ formData.serviceTimeStart || "--" }}</span
+              >至
+              <span>{{ formData.serviceTimeEnd || "--" }}</span>
+            </div>
+            <div class="info-prop">
+              <span class="info-title-2">备注：</span>
+              <span>{{ formData.remark || "--" }}</span>
+            </div>
+  
+            <div v-show="formData.serviceStatus === 'completed'">
+              <h3 class="d-h3">反馈内容</h3>
+  
+              <div class="info-prop">
+                <span class="info-title-2">服务目标：</span>
+                <span>{{ feedbackFormData.serviceGoal || "--" }}</span>
+              </div>
+              <div class="info-prop">
+                <span class="info-title-2">服务效果：</span>
+                <span>{{ feedbackFormData.serviceEffect || "--" }}</span>
+              </div>
+              <div class="info-prop">
+                <span class="info-title-2">服务人数：</span>
+                <span>{{ feedbackFormData.servicePeopleNumber || 0 }}</span>
+              </div>
+  
+              <div class="info-prop">
+                <span class="info-title-2">服务状态：</span>
+                <span>{{ feedbackFormData.serviceStatusShow || "--" }}</span>
+              </div>
+              <div class="info-prop">
+                <span class="info-title-2">满意度：</span>
+                <span>{{ feedbackFormData.satisfactionShow || "--" }}</span>
+              </div>
+  
+              <div class="info-prop">
+                <span class="info-title-2">地理位置：</span>
+                <span>{{ feedbackFormData.address || "--" }}</span>
+              </div>
+  
+              <div class="info-prop">
+                <span class="info-title-2">地图位置：</span>
+                <div class="div_map">
+                  <div id="app_detail"></div>
+                </div>
+              </div>
+  
+              <div class="info-prop">
+                <span class="info-title-2">附件：</span>
+                <file-list
+                  v-if="fileList.length > 0"
+                  :fileList="fileList"
+                ></file-list>
+                <span v-else>--</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+  
+      <div class="div-btn">
+        <el-button size="small" @click="handleCancle">关 闭</el-button>
+      </div>
+  
+      <el-dialog
+        v-if="showPersonList"
+        :visible.sync="showPersonList"
+        :append-to-body="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="'政策预览'"
+        width="1150px"
+        top="5vh"
+        class="dialog-h"
+        @closed="showPersonList = false"
+      >
+        <person-list
+          ref="ref_detail_form"
+          :policyId="policyId"
+          :ruleList="ruleList"
+          @handleOk="handleOk"
+          @handleClose="handleClose"
+        >
+        </person-list>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from "vuex";
+  import { Loading } from "element-ui"; // 引入Loading服务
+  import { requestPost } from "@/js/dai/request";
+  import personList from "../policy/personList";
+  import fileList from "@/views/components/fileList";
+  import daiMap from "@/utils/dai-map";
+  
+  var map;
+  let loading; // 加载动画
+  
+  export default {
+    data() {
+      return {
+        initLoading: false,
+  
+        keyWords: "",
+        formData: {},
+  
+        feedbackFormData: {
+          serviceProjectId: "", //	服务项目id
+          serviceName: "",
+          serviceGoal: "", //	服务目标
+          serviceEffect: "", //	服务效果
+          servicePeopleNumber: null, //	服务人数
+          serviceStatus: "completed", //	服务状态。in_service服务中；completed:已完成
+          satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect
+          longitude: "", //	经度
+          latitude: "", //	维度
+          address: "",
+          fileList: [], //	附件列表
+        },
+  
+        policyId: "",
+        showPersonList: false,
+        ruleList: [],
+        policyList: [],
+      };
+    },
+    components: { personList, fileList },
+    async mounted() {
+      await this.getPolicyList();
+      // if (this.serviceRecordId) {//详情
+      await this.loadInfo();
+      this.initLoading = true;
+  
+      if (
+        this.formData.serviceStatus === "completed" &&
+        this.feedbackFormData.latitude
+      ) {
+        this.$nextTick(() => {
+          this.initMap();
+        });
+      }
+    },
+  
+    methods: {
+      diaDestroy() {},
+  
+      //加载组织数据
+      async handlePersonList() {
+        if (!this.formData.policyId) {
+          this.$message.info("请先选择政策");
+          return false;
+        }
+  
+        this.policyId = this.formData.policyId;
+        await this.loadRuleList();
+  
+        this.showPersonList = true;
+      },
+  
+      async loadRuleList() {
+        const url = "/heart/policy/rulelist/" + this.policyId;
+  
+        let params = {};
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.ruleList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+  
+      handleClose() {
+        this.showPersonList = false;
+      },
+  
+      async getPolicyList() {
+        const url = "/heart/policy/policyListSelect";
+  
+        let params = {};
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.policyList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      //加载组织
+      async loadInfo() {
+        const url = "/heart/icServiceRecordV2/detail";
+  
+        let params = {
+          serviceRecordId: this.serviceRecordId,
+        };
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.formData = { ...data };
+          this.formData.serviceRecordId = this.serviceRecordId;
+          this.feedbackFormData = { ...data.feedback };
+          this.formData.policyName = "";
+          this.formData.gridIdListName = "";
+          this.feedbackFormData.serviceStatusShow = "";
+          this.feedbackFormData.satisfactionShow = "";
+  
+          let arr = [];
+          this.formData.gridIdList.forEach((element) => {
+            arr.push(element.objectName);
+          });
+          this.formData.gridIdListName = arr.join(",");
+          this.statusArray.forEach((element) => {
+            if (this.formData.serviceStatus === element.value) {
+              this.feedbackFormData.serviceStatusShow = element.label;
+            }
+          });
+          this.satisfyArray.forEach((element) => {
+            if (this.feedbackFormData.satisfaction === element.value) {
+              this.feedbackFormData.satisfactionShow = element.label;
+            }
+          });
+          this.policyList.forEach((element) => {
+            if (this.formData.policyId === element.policyId) {
+              this.formData.policyName = element.title;
+            }
+          });
+  
+          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,
+                type: element.type,
+              };
+              this.fileList.push(obj);
+            });
+          }
+        } else {
+          this.$message.error(msg);
+        }
+      },
+  
+      handleCancle() {
+        this.resetData();
+        this.$emit("diaDetailClose");
+      },
+  
+      // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+      initMap() {
+        let { latitude, longitude } = this.feedbackFormData;
+  
+        map = new daiMap(
+          document.getElementById("app_detail"),
+          { latitude, longitude },
+          {
+            zoom: 16.2, // 设置地图缩放级别
+            pitch: 43.5, // 设置俯仰角
+            rotation: 45, // 设置地图旋转角度
+          }
+        );
+  
+        map.setCenter(latitude, longitude);
+        map.setMarker(latitude, longitude);
+      },
+  
+      handleOk() {
+        this.showPersonList = false;
+      },
+  
+      resetData() {
+        this.formData = {};
+      },
+      // 开启加载动画
+      startLoading() {
+        loading = Loading.service({
+          lock: true, // 是否锁定
+          text: "正在加载……", // 加载中需要显示的文字
+          background: "rgba(0,0,0,.7)", // 背景颜色
+        });
+      },
+      // 结束加载动画
+      endLoading() {
+        // clearTimeout(timer);
+        if (loading) {
+          loading.close();
+        }
+      },
+    },
+    computed: {
+      dataRule() {
+        return {
+          serviceTimeStart: [
+            { required: true, message: "服务时间不能为空", trigger: "blur" },
+          ],
+        };
+      },
+    },
+    props: {
+      serviceRecordId: {
+        type: String,
+        required: true,
+      },
+      serviceOrgName: {
+        type: String,
+        required: true,
+      },
+  
+      satisfyArray: {
+        type: Array,
+        default() {
+          return [];
+        },
+      },
+      statusArray: {
+        type: Array,
+        default() {
+          return [];
+        },
+      },
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  @import "@/assets/scss/modules/management/detail-main.scss";
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/editForm.vue b/src/views/modules/communityService/commonDemand/editForm.vue
new file mode 100644
index 000000000..f9344f9a1
--- /dev/null
+++ b/src/views/modules/communityService/commonDemand/editForm.vue
@@ -0,0 +1,748 @@
+<template>
+    <div>
+      <div class="dialog-h-content scroll-h">
+  
+        <el-form ref="ref_form"
+                 :inline="true"
+                 :model="formData"
+                 :rules="dataRule"
+                 class="div_form">
+  
+          <el-form-item label="服务名称"
+                        prop="serviceName"
+                        label-width="150px"
+                        style="display: block">
+            <span>{{formData.serviceName}}</span>
+            <!-- <el-select class="item_width_1"
+                       v-model="formData.serviceProjectId"
+                       placeholder="请选择"
+                       filterable
+                       clearable>
+              <el-option v-for="(item,index) in projectList"
+                         @click.native="hancleClickProject(index)"
+                         :key="item.serviceProjectId"
+                         :label="item.serviceName"
+                         :value="item.serviceProjectId">
+              </el-option>
+            </el-select> -->
+  
+          </el-form-item>
+          <el-form-item label="服务组织"
+                        prop="serviceOrgId"
+                        label-width="150px"
+                        style="display: block">
+            <span>{{serviceOrgName}}</span>
+            <!-- <el-select class="item_width_1"
+                       v-model="formData.serviceOrgId"
+                       placeholder="请选择"
+                       filterable
+                       clearable>
+              <el-option v-for="item in orgList"
+                         :key="item.icServiceOrgId"
+                         :label="item.orgName"
+                         :value="item.icServiceOrgId">
+              </el-option>
+            </el-select> -->
+  
+          </el-form-item>
+  
+          <el-form-item label="服务范围"
+                        prop="gridIdList"
+                        label-width="150px"
+                        style="display: block">
+            <div v-for="item in formData.gridIdList"
+                 :key="item.objectId">
+              <div>{{item.objectName}}</div>
+            </div>
+            <!-- <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="政策依据"
+                        prop="policyId"
+                        label-width="150px"
+                        style="display: block">
+            <el-select :disabled="formType==='detail'"
+                       v-model="formData.policyId"
+                       class="input-width-small"
+                       placeholder="请选择"
+                       clearable>
+              <el-option v-for="item in policyList"
+                         :key="item.policyId"
+                         :label="item.title"
+                         :value="item.policyId">
+              </el-option>
+            </el-select>
+  
+            <el-button style="margin-left: 10px"
+                       type="primary"
+                       size="small"
+                       @click="handlePersonList">预览</el-button>
+          </el-form-item>
+  
+          <el-form-item label="经办人"
+                        prop="principalName"
+                        label-width="150px"
+                        style="display: block">
+            <el-input :disabled="formType==='detail'"
+                      class="item_width_1"
+                      placeholder="请输入经办人姓名"
+                      v-model="formData.principalName">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="联系方式"
+                        prop="principalContact"
+                        label-width="150px"
+                        style="display: block">
+            <el-input :disabled="formType==='detail'"
+                      class="item_width_1"
+                      placeholder="请输入联系方式"
+                      v-model="formData.principalContact">
+            </el-input>
+          </el-form-item>
+  
+          <el-form-item label="服务时间"
+                        label-width="150px"
+                        prop="serviceTimeStart">
+            <el-date-picker :disabled="formType==='detail'"
+                            v-model="formData.serviceTimeStart"
+                            :picker-options="startPickerOptions"
+                            class="item_width_2"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            value="yyyy-MM-dd"
+                            placeholder="开始时间">
+            </el-date-picker>
+            <span class="data-tag">至</span>
+            <el-date-picker :disabled="formType==='detail'"
+                            v-model="formData.serviceTimeEnd"
+                            :picker-options="endPickerOptions"
+                            class="item_width_2 data-tag"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            value="yyyy-MM-dd"
+                            placeholder="结束时间">
+            </el-date-picker>
+          </el-form-item>
+  
+          <el-form-item label="备注"
+                        prop="remark"
+                        label-width="150px"
+                        style="display: block">
+            <el-input :disabled="formType==='detail'"
+                      class="item_width_1"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :rows="3"
+                      placeholder="请输入备注，不超过500字"
+                      v-model="formData.remark"></el-input>
+          </el-form-item>
+  
+        </el-form>
+  
+        <div v-show="formData.serviceStatus==='completed'">
+          <h3 class="d-h3">反馈内容</h3>
+  
+          <el-form ref="ref_form_feedback"
+                   :inline="true"
+                   :disabled="true"
+                   :model="feedbackFormData"
+                   class="div_form">
+  
+            <el-form-item label="服务目标"
+                          prop="serviceGoal"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="1000"
+                        show-word-limit
+                        :rows="3"
+                        placeholder="请输入服务目标，不超过1000字"
+                        v-model="feedbackFormData.serviceGoal"></el-input>
+            </el-form-item>
+  
+            <el-form-item label="服务效果"
+                          prop="serviceEffect"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="1000"
+                        show-word-limit
+                        :rows="3"
+                        placeholder="请输入服务效果，不超过1000字"
+                        v-model="feedbackFormData.serviceEffect"></el-input>
+            </el-form-item>
+  
+            <el-form-item label="服务人数"
+                          style="display: block"
+                          prop="servicePeopleNumber"
+                          label-width="150px">
+              <el-input-number class="item_width_2"
+                               v-model="feedbackFormData.servicePeopleNumber"
+                               :min="0"
+                               :max="9999"
+                               label="服务人数"></el-input-number>
+            </el-form-item>
+  
+            <el-form-item label="服务状态"
+                          label-width="150px"
+                          style="display: block"
+                          prop="serviceStatus">
+              <span>已完成</span>
+              <!-- <el-select class="item_width_1"
+                         v-model="feedbackFormData.serviceStatus"
+                         placeholder="全部"
+                         clearable>
+                <el-option v-for="item in statusArray"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select> -->
+  
+            </el-form-item>
+            <el-form-item label="满意度"
+                          style="display: block"
+                          label-width="150px"
+                          prop="satisfaction">
+              <el-select class="item_width_2"
+                         v-model="feedbackFormData.satisfaction"
+                         placeholder="全部"
+                         clearable>
+                <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="address"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        v-model="feedbackFormData.address"></el-input>
+            </el-form-item>
+            <!-- <el-form-item label="地图位置"
+                          label-width="150px"
+                          style="display: block">
+              <div style="width:500px">
+  
+                <div class="div_map">
+                  <div id="map_app">
+  
+                  </div>
+                  <div class="div_searchmap">
+                    <el-input maxlength="50"
+                              size="mini"
+                              placeholder="请输入关键字"
+                              v-model="keyWords">
+                    </el-input>
+                    <el-button style="margin-left: 10px"
+                               type="primary"
+                               size="mini"
+                               @click="handleSearchMap">查询</el-button>
+                  </div>
+                </div>
+  
+              </div>
+            </el-form-item> -->
+  
+            <el-form-item class="block"
+                          label="附件"
+                          label-width="150px"
+                          prop="attach">
+              <!-- <el-upload :headers="$getElUploadHeaders()"  v-if="feedbackFormData.fileList&&feedbackFormData.fileList.length>0"
+                         class="upload-demo"
+                         :on-preview="handleFileDownload"
+                         accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
+                         :limit="3"
+                         :file-list="fileList">
+  
+              </el-upload> -->
+              <div v-if="feedbackFormData.fileList&&feedbackFormData.fileList.length>0"
+                   class="attachement-list">
+                <a :href="att.url"
+                   target="_blank"
+                   :key="att.url"
+                   v-for="att in feedbackFormData.fileList">
+                  <i class="el-icon-folder-opened"></i>
+                  {{ att.name }}
+                </a>
+              </div>
+              <span v-else>无附件</span>
+            </el-form-item>
+          </el-form>
+        </div>
+  
+      </div>
+  
+      <div class="div_btn">
+        <el-button size="small"
+                   @click="handleCancle">取 消</el-button>
+        <el-button size="small"
+                   v-if="formType != 'detail'"
+                   type="primary"
+                   :disabled="btnDisable"
+                   @click="handleComfirm">确 定</el-button>
+      </div>
+  
+      <el-dialog v-if="showPersonList"
+                 :visible.sync="showPersonList"
+                 :append-to-body="true"
+                 :close-on-click-modal="false"
+                 :close-on-press-escape="false"
+                 :title="'政策预览'"
+                 width="1150px"
+                 top="5vh"
+                 class="dialog-h"
+                 @closed="showPersonList = false">
+        <person-list ref="ref_detail_form"
+                     :policyId="policyId"
+                     :ruleList="ruleList"
+                     @handleOk="handleOk"
+                     @handleClose="handleClose">
+        </person-list>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from 'vuex'
+  import { Loading } from 'element-ui' // 引入Loading服务
+  import { requestPost } from '@/js/dai/request'
+  import personList from "../policy/personList";
+  
+  
+  var map
+  var search
+  var markers
+  var infoWindowList
+  var geocoder // 新建一个正逆地址解析类
+  
+  let loading // 加载动画
+  export default {
+    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 {
+  
+  
+        btnDisable: false,
+  
+        keyWords: '',
+        formData: {},
+  
+        feedbackFormData: {
+          serviceProjectId: '',//	服务项目id	
+          serviceName: '',
+          serviceGoal: '',//	服务目标	
+          serviceEffect: '',//	服务效果	
+          servicePeopleNumber: null,//	服务人数	
+          serviceStatus: 'completed',//	服务状态。in_service服务中；completed:已完成	
+          satisfaction: '',//满意度。不满意:bad、基本满意:good、非常满意:perfect	
+          longitude: '',//	经度	
+          latitude: '',//	维度	
+          address: '',
+          fileList: [],//	附件列表
+        },
+        serviceList: [],//服务list
+  
+        endPickerOptions: {
+          disabledDate: endDisabledDate
+        },
+        startPickerOptions: {
+          disabledDate: startDisabledDate
+        },
+        policyList: [],
+        projectList: [],
+        fileList: [],
+        uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadvariedfile',
+  
+        policyId: '',
+        showPersonList: false,
+        ruleList: []
+      }
+    },
+    components: { personList },
+    mounted () {
+      this.getPolicyList()
+      if (this.serviceRecordId) {//详情
+        this.loadInfo()
+  
+      }
+      // this.initMap()
+  
+    },
+  
+  
+    methods: {
+      //加载组织数据
+      async handlePersonList () {
+        if (!this.formData.policyId) {
+          this.$message.info('请先选择政策')
+          return false
+        }
+  
+        this.policyId = this.formData.policyId
+        await this.loadRuleList()
+  
+        this.showPersonList = true;
+      },
+  
+      async loadRuleList () {
+  
+        const url = "/heart/policy/rulelist/" + this.policyId
+  
+        let params = {}
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.ruleList = data
+  
+        } else {
+          this.$message.error(msg)
+        }
+  
+      },
+  
+      handleClose () {
+        this.showPersonList = false
+  
+  
+      },
+      handleOk () {
+        this.showPersonList = false
+  
+  
+      },
+  
+      async getPolicyList () {
+        const url = '/heart/policy/policyListSelect'
+  
+        let params = {}
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.policyList = data
+        } else {
+          this.$message.error(msg)
+        }
+      },
+      //加载组织
+      async loadInfo () {
+        const url = '/heart/icServiceRecordV2/detail'
+  
+        let params = {
+          serviceRecordId: this.serviceRecordId
+        }
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.formData = { ...data }
+          this.formData.serviceRecordId = this.serviceRecordId
+          this.feedbackFormData = { ...data.feedback }
+  
+          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 handleComfirm () {
+  
+        this.btnDisable = true
+        setTimeout(() => {
+          this.btnDisable = false
+        }, 10000)
+        this.$refs['ref_form'].validate((valid, messageObj) => {
+          if (!valid) {
+            app.util.validateRule(messageObj)
+            this.btnDisable = false
+          } else {
+            this.editFuwu()
+          }
+  
+        })
+  
+  
+      },
+      async editFuwu () {
+        const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
+        if (this.formData.principalContact && regPhone.test(this.formData.principalContact) === false) {
+          this.btnDisable = false
+          this.$message({
+            type: 'warning',
+            message: '请输入正确的手机号码'
+          })
+          return false;
+        }
+  
+        let url = '/heart/icServiceRecordV2/edit'
+        // let url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/update"
+  
+  
+        const { data, code, msg } = await requestPost(url, this.formData)
+  
+        if (code === 0) {
+          this.$message({
+            type: 'success',
+            message: '操作成功'
+          })
+          this.resetData()
+  
+          this.$emit('handleOk')
+        } else {
+          this.btnDisable = false
+          this.$message.error(msg)
+        }
+  
+      },
+  
+      handleCancle () {
+        this.resetData()
+        this.$emit('handleClose')
+  
+      },
+  
+      //下载
+      handleFileDownload (file) {
+  
+        var a = document.createElement('a');
+        var event = new MouseEvent('click');
+        a.download = file.name;
+        console.log(a)
+        a.href = file.url;
+        a.dispatchEvent(event);
+  
+  
+      },
+  
+      // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+      initMap () {
+        // 定义地图中心点坐标
+        var center = new window.TMap.LatLng(36.0722275, 120.38945519)
+        // 定义map变量，调用 TMap.Map() 构造函数创建地图
+        map = new window.TMap.Map(document.getElementById('app'), {
+          center: center, // 设置地图中心点坐标
+          zoom: 17.2, // 设置地图缩放级别
+          pitch: 43.5, // 设置俯仰角
+          rotation: 45 // 设置地图旋转角度
+        })
+  
+        search = new window.TMap.service.Search({ pageSize: 10 })
+        // 新建一个地点搜索类
+        markers = new TMap.MultiMarker({
+          map: map,
+          geometries: []
+        })
+        infoWindowList = Array(10)
+  
+        geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
+  
+        // 监听地图平移结束
+        map.on('panend', () => {
+          this.handleMoveCenter()
+        })
+        this.handleMoveCenter()
+        this.convert()
+      },
+  
+      setMarker (lat, lng) {
+        markers.setGeometries([])
+        markers.add([
+          {
+            id: '4',
+            styleId: 'marker',
+            position: new TMap.LatLng(lat, lng),
+            properties: {
+              title: 'marker4'
+            }
+          }
+        ])
+      },
+  
+      handleSearchMap () {
+        infoWindowList.forEach((infoWindow) => {
+          infoWindow.close()
+        })
+        infoWindowList.length = 0
+        markers.setGeometries([])
+        // 在地图显示范围内以给定的关键字搜索地点
+        search
+          .searchNearby({
+            keyword: this.keyWords,
+            radius: 1000,
+            autoExtend: true,
+            center: map.getCenter(),
+          })
+          .then((result) => {
+            let { data } = result
+            if (Array.isArray(data) && data.length > 0) {
+              const {
+                location: { lat, lng }
+              } = data[0]
+  
+  
+              map.setCenter(new TMap.LatLng(lat, lng))
+              this.setMarker(lat, lng)
+              this.formData.latitude = lat
+              this.formData.longitude = lng
+              this.convert()
+            } else {
+              this.$message.error('未检索到相关位置坐标')
+            }
+          })
+      },
+  
+      handleMoveCenter () {
+        //修改地图中心点
+        const center = map.getCenter()
+        const lat = center.getLat()
+        const lng = center.getLng()
+        this.formData.latitude = lat
+        this.formData.longitude = lng
+        this.setMarker(lat, lng)
+        this.convert(lat, lng)
+      },
+  
+      convert (lat, lng) {
+        markers.setGeometries([]);
+        // var input = document.getElementById('location').value.split(',');
+        let location
+        if (lat && lng) {
+          location = new TMap.LatLng(lat, lng);
+        } else {
+          location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
+        }
+  
+        // map.setCenter(location);
+        markers.updateGeometries([
+          {
+            id: 'main', // 点标注数据数组
+            position: location,
+          },
+        ]);
+        geocoder
+          .getAddress({ location: location }) // 将给定的坐标位置转换为地址
+          .then((result) => {
+            this.formData.address = result.result.address
+            // 显示搜索到的地址
+          });
+      },
+  
+  
+      resetData () {
+        this.formData = {}
+      },
+      // 开启加载动画
+      startLoading () {
+        loading = Loading.service({
+          lock: true, // 是否锁定
+          text: '正在加载……', // 加载中需要显示的文字
+          background: 'rgba(0,0,0,.7)' // 背景颜色
+        })
+      },
+      // 结束加载动画
+      endLoading () {
+        // clearTimeout(timer);
+        if (loading) {
+          loading.close()
+        }
+      }
+    },
+    computed: {
+      dataRule () {
+        return {
+  
+  
+          serviceTimeStart: [
+            { required: true, message: '服务时间不能为空', trigger: 'blur' }
+          ],
+  
+  
+        }
+      },
+    },
+    props: {
+  
+      serviceRecordId: {
+        type: String,
+        required: true
+      },
+      serviceOrgName: {
+        type: String,
+        required: true
+      },
+      formType: {//表单操作类型 add新增，edit编辑，detail详情,feedback反馈
+        type: String,
+        required: true
+      },
+  
+      satisfyArray: {
+        type: Array,
+        default () {
+          return []
+        }
+      },
+    }
+  }
+  </script>
+  
+  
+  <style lang="scss" scoped >
+  @import "@/assets/scss/modules/management/form-main.scss";
+  
+  .attachement-list {
+    // padding-left: 20px;
+    a {
+      display: block;
+      cursor: pointer;
+      // color: #4df0ff;
+      font-size: 14px;
+  
+      i {
+        color: #333;
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/index.vue b/src/views/modules/communityService/commonDemand/index.vue
new file mode 100644
index 000000000..32157ad5f
--- /dev/null
+++ b/src/views/modules/communityService/commonDemand/index.vue
@@ -0,0 +1,724 @@
+<template>
+    <div class="div_main">
+      <div>
+        <div class="div_search">
+          <el-form :inline="true"
+                   :model="formData"
+                   ref="ref_searchform"
+                   :label-width="'80px'">
+            <div>
+  
+              <el-form-item label="服务名称"
+                            prop="serviceName">
+                <el-input v-model="formData.serviceName"
+                          class="item_width_1"
+                          size="small"
+                          clearable
+                          placeholder="请输入">
+                </el-input>
+              </el-form-item>
+  
+              <el-form-item label="服务组织"
+                            prop="serviceOrgType">
+                <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>
+                </el-select>
+                -
+                <el-select v-model="formData.serviceOrgId"
+                           class="input-width-middle"
+                           filterable
+                           placeholder="请选择"
+                           clearable>
+                  <el-option v-for="item in serviceOptiondList"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+  
+              <el-form-item label="服务时间"
+                            prop="serviceTimeStart">
+                <el-date-picker v-model="formData.serviceTimeStart"
+                                :picker-options="startPickerOptions"
+                                class="item_width_2"
+                                size="small"
+                                type="date"
+                                value-format="yyyy-MM-dd"
+                                value="yyyy-MM-dd"
+                                placeholder="开始时间">
+                </el-date-picker>
+                <span class="data-tag">至</span>
+                <el-date-picker v-model="formData.serviceTimeEnd"
+                                :picker-options="endPickerOptions"
+                                class="item_width_2 data-tag"
+                                size="small"
+                                type="date"
+                                value-format="yyyy-MM-dd"
+                                value="yyyy-MM-dd"
+                                placeholder="结束时间">
+                </el-date-picker>
+              </el-form-item>
+  
+              <el-form-item label="服务状态"
+                            prop="serviceStatus">
+                <el-select class="item_width_2"
+                           v-model="formData.serviceStatus"
+                           placeholder="全部"
+                           size="small"
+                           clearable>
+                  <el-option v-for="item in statusArray"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+  
+              </el-form-item>
+              <el-form-item label="满意度"
+                            prop="satisfaction">
+                <el-select class="item_width_2"
+                           v-model="formData.satisfaction"
+                           placeholder="全部"
+                           size="small"
+                           clearable>
+                  <el-option v-for="item in satisfyArray"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+  
+              </el-form-item>
+              <el-button style="margin-left:30px"
+                         size="small"
+                         class="diy-button--search"
+                         @click="handleSearch">查询</el-button>
+              <el-button style="margin-left:10px"
+                         size="small"
+                         class="diy-button--reset"
+                         @click="resetSearch">重置</el-button>
+            </div>
+          </el-form>
+        </div>
+  
+        <div class="div_table">
+  
+          <div class="div_btn">
+            <el-button class="diy-button--add"
+                       size="small"
+                       @click="handleAdd">发起服务</el-button>
+  
+            <!-- <el-button @click="handleExport"
+                       class="diy-button--reset"
+                       size="small">导出</el-button> -->
+          </div>
+  
+          <el-table :data="tableData"
+                    border
+                    v-loading="tableLoading"
+                    :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                    class="table"
+                    style="width: 100%"
+                    :height="maxTableHeight">
+            <el-table-column label="序号"
+                             fixed="left"
+                             type="index"
+                             align="center"
+                             width="50" />
+  
+            <el-table-column prop="serviceName"
+                             label="服务名称"
+                             align="center"
+                             :show-overflow-tooltip="true">
+            </el-table-column>
+  
+            <el-table-column prop="serviceOrgName"
+                             align="center"
+                             min-width="150"
+                             label="服务组织名称"
+                             :show-overflow-tooltip="true">
+  
+            </el-table-column>
+  
+            <el-table-column prop="serviceTimeStart"
+                             align="center"
+                             width="300"
+                             :show-overflow-tooltip="true"
+                             label="服务时间">
+              <template slot-scope="scope">
+                <span>{{scope.row.serviceTimeStart}}-{{scope.row.serviceTimeEnd}}</span>
+              </template>
+            </el-table-column>
+  
+            <el-table-column prop="serviceStatus"
+                             align="center"
+                             width="100"
+                             label="服务状态"
+                             :show-overflow-tooltip="true">
+              <template slot-scope="scope">
+                <span>{{scope.row.serviceStatus==='in_service'?'进行中':'已完成'}}</span>
+              </template>
+            </el-table-column>
+  
+            <el-table-column prop="servicePeopleNumber"
+                             align="center"
+                             width="110"
+                             label="服务人数"
+                             :show-overflow-tooltip="true">
+            </el-table-column>
+  
+            <el-table-column fixed="right"
+                             label="操作"
+                             align="center"
+                             width="220">
+              <template slot-scope="scope">
+                <el-button @click="handleDetail(scope.row)"
+                           type="text"
+                           size="small"
+                           class="div-table-button--detail">查看</el-button>
+                <el-button v-if="scope.row.serviceStatus==='in_service'"
+                           @click="handleEdit(scope.row)"
+                           type="text"
+                           size="small"
+                           class="div-table-button--edit">编辑</el-button>
+                <el-button v-if="scope.row.serviceStatus==='in_service'"
+                           @click="handleFeedback(scope.row)"
+                           type="text"
+                           size="small"
+                           class="div-table-button--edit">反馈</el-button>
+                <el-button v-if="scope.row.policyId"
+                           @click="handlePersonList(scope.row)"
+                           type="text"
+                           size="small"
+                           class="div-table-button--edit">人员名单</el-button>
+                <el-button v-if="scope.row.serviceStatus==='in_service'"
+                           @click="handleDel(scope.row)"
+                           type="text"
+                           size="small"
+                           class="div-table-button--delete">取消</el-button>
+  
+              </template>
+            </el-table-column>
+          </el-table>
+  
+          <div>
+            <el-pagination @size-change="handleSizeChange"
+                           @current-change="handleCurrentChange"
+                           :current-page.sync="pageNo"
+                           :page-sizes="[20, 50, 100, 200]"
+                           :page-size="parseInt(pageSize)"
+                           layout="sizes, prev, pager, next, total"
+                           :total="total">
+            </el-pagination>
+          </div>
+  
+        </div>
+  
+      </div>
+      <el-dialog v-if="showAdd"
+                 :visible.sync="showAdd"
+                 :close-on-click-modal="false"
+                 :close-on-press-escape="false"
+                 :title="addDiaTitle"
+                 :modal-append-to-body="false"
+                 width="850px"
+                 top="5vh"
+                 class="dialog-h"
+                 @closed="showAdd = false">
+        <add-form ref="ref_add_form"
+                  :formType="formType"
+                  :serviceCategoryKey="serviceCategoryKey"
+                  :statusArray="statusArray"
+                  :satisfyArray="satisfyArray"
+                  :serviceRecordId="serviceRecordId"
+                  :serviceName="serviceName"
+                  @handleOk="handleOk"
+                  @handleClose="handleClose"></add-form>
+      </el-dialog>
+      <el-dialog v-if="showEdit"
+                 :visible.sync="showEdit"
+                 :close-on-click-modal="false"
+                 :close-on-press-escape="false"
+                 :title="'编辑'"
+                 :modal-append-to-body="false"
+                 width="850px"
+                 top="5vh"
+                 class="dialog-h"
+                 @closed="showEdit = false">
+        <edit-form ref="ref_edit_form"
+                   :serviceRecordId="serviceRecordId"
+                   :serviceOrgName="serviceOrgName"
+                   :satisfyArray="satisfyArray"
+                   :statusArray="statusArray"
+                   @handleOk="handleOk"
+                   @handleClose="handleClose"
+                   :formType="formType">
+        </edit-form>
+      </el-dialog>
+      <el-dialog v-if="showDetail"
+                 :visible.sync="showDetail"
+                 :close-on-click-modal="false"
+                 :close-on-press-escape="false"
+                 :title="detailDiaTitle"
+                 :modal-append-to-body="false"
+                 width="850px"
+                 top="5vh"
+                 class="dialog-h"
+                 @closed="diaDetailClose">
+        <detail-form ref="ref_detail_form"
+                     :serviceRecordId="serviceRecordId"
+                     :serviceOrgName="serviceOrgName"
+                     :satisfyArray="satisfyArray"
+                     :statusArray="statusArray"
+                     @diaDetailClose="diaDetailClose">
+        </detail-form>
+      </el-dialog>
+      <el-dialog v-if="showPersonList"
+                 :visible.sync="showPersonList"
+                 :close-on-click-modal="false"
+                 :close-on-press-escape="false"
+                 :title="'人员名单'"
+                 width="1150px"
+                 top="5vh"
+                 class="dialog-h"
+                 @closed="showPersonList = false">
+        <person-list ref="ref_detail_form"
+                     :policyId="policyId"
+                     :ruleList="ruleList"
+                     @handleOk="handleOk"
+                     @handleClose="handleClose"
+                     :formType="formType">
+        </person-list>
+      </el-dialog>
+  
+    </div>
+  </template>
+  
+  <script>
+  import { requestPost } from "@/js/dai/request";
+  import nextTick from "dai-js/tools/nextTick";
+  import { mapGetters } from "vuex";
+  // import eventInfo from "./cpts/event-info";
+  import axios from "axios";
+  import addForm from "./addForm";
+  import detailForm from "./detailForm";
+  import editForm from "./editForm";
+  import feedBackForm from "./addForm";
+  import personList from "../policy/personList";
+  
+  export default {
+    components: { addForm, detailForm, feedBackForm, personList, editForm },
+  
+    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 {
+        tableLoading: false,
+        user: {},
+        agencyId: '',
+  
+        tableData: [],
+  
+        statusArray: [
+          {
+            value: "in_service",
+            label: "进行中",
+          },
+          {
+            value: "completed",
+            label: "已完成",
+          },
+        ],
+        satisfyArray: [
+          {
+            value: "bad",
+            label: "不满意",
+          },
+          {
+            value: "good",
+            label: "基本满意",
+          },
+          {
+            value: "perfect",
+            label: "非常满意",
+          },
+  
+        ],
+  
+        formData: {
+  
+          serviceName: '',//项目名称	
+          serviceOrgType: '',//服务组织类型	
+          serviceOrgId: '',//服务组织Id	
+          serviceTimeStart: '',//服务开始时间yyyy-MM-dd	
+          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd	
+          serviceStatus: '',//服务状态。in_service服务中；completed:已完成	
+          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect	
+  
+        },
+        pageNo: 1,
+        pageSize: window.localStorage.getItem("pageSize") || 20,
+        total: 1,
+        endPickerOptions: {
+          disabledDate: endDisabledDate
+        },
+        startPickerOptions: {
+          disabledDate: startDisabledDate
+        },
+        serviceRecordId: '',
+        serviceName: '',
+        serviceOrgName: '',
+  
+        showAdd: false,
+        showEdit: false,
+        showDetail: false,
+        showFeedback: false,
+        formType: 'add',
+        addDiaTitle: '发起服务',
+        detailDiaTitle: '服务详情',
+  
+        serviceOptions: [],
+        serviceOptiondList: [],
+  
+        policyId: '',
+        showPersonList: false,
+        ruleList: []
+      };
+    },
+    computed: {
+      maxTableHeight () {
+        return this.$store.state.inIframe
+          ? this.clientHeight - 410 + this.iframeHeigh
+          : this.clientHeight - 410;
+      },
+      ...mapGetters(["clientHeight", "iframeHeight"]),
+    },
+    watch: {
+      // "formData.serviceTimeEnd": function (val) {
+      //   if (val && val != '') {
+      //     let arrayTemp = val.split(' ')
+      //     this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
+      //   }
+  
+      // },
+    },
+    mounted () {
+      console.log(this.$store.state)
+      this.user = this.$store.state.user
+      this.agencyId = this.user.agencyId
+      this.getDictOptions()
+      this.getTableData();
+    },
+    methods: {
+  
+      handleSearch (val) {
+        console.log(this.formData);
+        this.pageNo = 1;
+        this.getTableData();
+      },
+      // 获取服务组织
+      async getDictOptions () {
+        const url = "/sys/dict/data/dictlist"
+  
+        let params = {
+          dictType: 'user_demand_service_type'
+        }
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.serviceOptions = data;
+        } else {
+          this.$message.error(msg)
+        }
+      },
+  
+      handleServiceChange (type, val) {
+        this.formData.serviceOrgId = ''
+        if (val === "social_org") {
+          if (type === "add") {
+            this.getServiceuserList(val, "add_demand");
+          } else {
+            this.getServiceuserList(val, "query_demand");
+          }
+        } else {
+          this.getServiceuserList(val, "");
+        }
+      },
+  
+      async getServiceuserList (serviceType, query) {
+        if (!serviceType) return false;
+  
+        const params = {
+          serviceName: "",
+          serviceType: serviceType,
+          queryPurpose: query,
+        };
+        await this.$http
+          .post("/heart/userdemand/servicelist", params)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceOptiondList = res.data
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      //加载组织数据
+      async handlePersonList (row) {
+  
+        this.policyId = row.policyId
+        await this.loadRuleList()
+        this.formType = 'personList'
+        this.showPersonList = true;
+      },
+  
+      async loadRuleList () {
+  
+        const url = "/heart/policy/rulelist/" + this.policyId
+  
+        let params = {}
+  
+        const { data, code, msg } = await requestPost(url, params)
+  
+        if (code === 0) {
+          this.ruleList = data
+  
+        } else {
+          this.$message.error(msg)
+        }
+  
+      },
+  
+  
+      async handleAdd () {
+        this.addDiaTitle = '发起服务'
+        this.formType = 'add'
+        this.showAdd = true;
+      },
+  
+      async handleDetail (row) {
+        this.detailDiaTitle = "服务详情"
+        this.serviceRecordId = row.serviceRecordId
+        this.serviceOrgName = row.serviceOrgName
+  
+        // this.formType = 'detail'
+        this.showDetail = true
+  
+      },
+      diaDetailClose () {
+        console.log(this.$refs.ref_detail)
+        this.$refs.ref_detail_form.diaDestroy()
+        this.showDetail = false
+      },
+      async handleEdit (row) {
+        // this.detailDiaTitle = "编辑服务"
+        this.serviceRecordId = row.serviceRecordId
+        this.serviceOrgName = row.serviceOrgName
+        this.formType = 'edit'
+        this.showEdit = true
+  
+      },
+  
+      //加载组织数据
+      async handleFeedback (row) {
+  
+        this.serviceRecordId = row.serviceRecordId
+        this.serviceName = row.serviceName
+        this.addDiaTitle = '服务反馈'
+        this.formType = 'feedback'
+        this.showAdd = true;
+      },
+  
+  
+      handleClose () {
+        this.serviceRecordId = ""
+        this.formType = ''
+  
+        this.showAdd = false
+        this.showDetail = false
+        this.showEdit = false
+  
+  
+      },
+      handleOk () {
+        this.handleClose()
+        this.pageNo = 1
+        this.getTableData()
+  
+      },
+  
+  
+      async handleDel (row) {
+  
+        this.serviceRecordId = row.serviceRecordId
+  
+        this.$confirm("确认取消服务?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        })
+          .then(() => {
+            this.cancelFuwu()
+          })
+          .catch(err => {
+            if (err == "cancel") {
+              // this.$message({
+              //   type: "info",
+              //   message: "已取消删除"
+              // });
+            }
+  
+          });
+  
+      },
+  
+      async cancelFuwu () {
+  
+        const url = '/heart/icServiceRecordV2/cancel';
+        let params = {
+          serviceRecordId: this.serviceRecordId
+        }
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.$message.success("取消成功！");
+          this.getTableData();
+        } else {
+          this.$message.error("操作失败！");
+        }
+      },
+  
+      async getTableData () {
+        this.tableLoading = true
+        const url = "/heart/icServiceRecordV2/list";
+  
+        const { pageSize, pageNo, formData } = this;
+        const { data, code, msg } = await requestPost(url, {
+          pageSize,
+          pageNo,
+          serviceCategoryKey: this.serviceCategoryKey,
+          ...formData,
+        });
+  
+        this.tableLoading = false
+        if (code === 0) {
+  
+          this.total = data.total || 0;
+          this.tableData = data.list
+  
+  
+  
+        } else {
+          this.$message.error(msg);
+        }
+      },
+  
+      async handleExport () {
+        const url = "/gov/project/icEvent/export";
+        const { pageSize, pageNo, formData } = this;
+        axios({
+          url: window.SITE_CONFIG["apiURL"] + url,
+          method: "post",
+          data: {
+            pageSize,
+            pageNo,
+            ...formData,
+          },
+          responseType: "blob",
+        })
+          .then((res) => {
+            let fileName = window.decodeURI(
+              res.headers["content-disposition"].split(";")[1].split("=")[1]
+            );
+            console.log("filename", fileName);
+            let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+            var url = window.URL.createObjectURL(blob);
+            var aLink = document.createElement("a");
+            aLink.style.display = "none";
+            aLink.href = url;
+            aLink.setAttribute("download", fileName);
+            document.body.appendChild(aLink);
+            aLink.click();
+            document.body.removeChild(aLink); //下载完成移除元素
+            window.URL.revokeObjectURL(url); //释放掉blob对象
+          })
+          .catch((err) => {
+            console.log("获取导出情失败", err);
+            return this.$message.error("网络错误");
+          });
+      },
+  
+      handleSizeChange (val) {
+  
+        this.pageSize = val;
+        window.localStorage.setItem("pageSize", val);
+        this.getTableData();
+      },
+      handleCurrentChange (val) {
+  
+        this.pageNo = val;
+        this.getTableData();
+      },
+  
+      resetSearch () {
+        this.formData = {
+          serviceName: '',//项目名称	
+          serviceOrgType: '',//服务组织类型	
+          serviceOrgId: '',//服务组织Id	
+          serviceTimeStart: '',//服务开始时间yyyy-MM-dd	
+          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd	
+          serviceStatus: '',//服务状态。in_service服务中；completed:已完成	
+          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect	
+        }
+  
+  
+        this.pageNo = 1
+        this.getTableData()
+      },
+    },
+  
+    props: {
+  
+      serviceCategoryKey: {
+        type: String,
+        required: 'true'
+      },
+  
+    }
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  @import "@/assets/scss/buttonstyle.scss";
+  @import "@/assets/scss/modules/management/list-main.scss";
+  @import "@/assets/scss/modules/shequzhili/event-info.scss";
+  </style>
+  
\ No newline at end of file

From 282e6a038689c02d01a138748691700d060233a0 Mon Sep 17 00:00:00 2001
From: lichao <326994889@qq.com>
Date: Tue, 21 Feb 2023 15:00:42 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/commonDemand/index.vue   | 221 +++++++++---------
 1 file changed, 110 insertions(+), 111 deletions(-)

diff --git a/src/views/modules/communityService/commonDemand/index.vue b/src/views/modules/communityService/commonDemand/index.vue
index 32157ad5f..8a745bdf4 100644
--- a/src/views/modules/communityService/commonDemand/index.vue
+++ b/src/views/modules/communityService/commonDemand/index.vue
@@ -7,7 +7,7 @@
                    ref="ref_searchform"
                    :label-width="'80px'">
             <div>
-  
+
               <el-form-item label="服务名称"
                             prop="serviceName">
                 <el-input v-model="formData.serviceName"
@@ -17,7 +17,7 @@
                           placeholder="请输入">
                 </el-input>
               </el-form-item>
-  
+
               <el-form-item label="服务组织"
                             prop="serviceOrgType">
                 <el-select v-model="formData.serviceOrgType"
@@ -44,7 +44,7 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-  
+
               <el-form-item label="服务时间"
                             prop="serviceTimeStart">
                 <el-date-picker v-model="formData.serviceTimeStart"
@@ -67,7 +67,7 @@
                                 placeholder="结束时间">
                 </el-date-picker>
               </el-form-item>
-  
+
               <el-form-item label="服务状态"
                             prop="serviceStatus">
                 <el-select class="item_width_2"
@@ -81,7 +81,7 @@
                              :value="item.value">
                   </el-option>
                 </el-select>
-  
+
               </el-form-item>
               <el-form-item label="满意度"
                             prop="satisfaction">
@@ -96,7 +96,7 @@
                              :value="item.value">
                   </el-option>
                 </el-select>
-  
+
               </el-form-item>
               <el-button style="margin-left:30px"
                          size="small"
@@ -109,19 +109,19 @@
             </div>
           </el-form>
         </div>
-  
+
         <div class="div_table">
-  
+
           <div class="div_btn">
             <el-button class="diy-button--add"
                        size="small"
                        @click="handleAdd">发起服务</el-button>
-  
+
             <!-- <el-button @click="handleExport"
                        class="diy-button--reset"
                        size="small">导出</el-button> -->
           </div>
-  
+
           <el-table :data="tableData"
                     border
                     v-loading="tableLoading"
@@ -134,21 +134,21 @@
                              type="index"
                              align="center"
                              width="50" />
-  
+
             <el-table-column prop="serviceName"
                              label="服务名称"
                              align="center"
                              :show-overflow-tooltip="true">
             </el-table-column>
-  
+
             <el-table-column prop="serviceOrgName"
                              align="center"
                              min-width="150"
                              label="服务组织名称"
                              :show-overflow-tooltip="true">
-  
+
             </el-table-column>
-  
+
             <el-table-column prop="serviceTimeStart"
                              align="center"
                              width="300"
@@ -158,7 +158,7 @@
                 <span>{{scope.row.serviceTimeStart}}-{{scope.row.serviceTimeEnd}}</span>
               </template>
             </el-table-column>
-  
+
             <el-table-column prop="serviceStatus"
                              align="center"
                              width="100"
@@ -168,14 +168,14 @@
                 <span>{{scope.row.serviceStatus==='in_service'?'进行中':'已完成'}}</span>
               </template>
             </el-table-column>
-  
+
             <el-table-column prop="servicePeopleNumber"
                              align="center"
                              width="110"
                              label="服务人数"
                              :show-overflow-tooltip="true">
             </el-table-column>
-  
+
             <el-table-column fixed="right"
                              label="操作"
                              align="center"
@@ -205,11 +205,11 @@
                            type="text"
                            size="small"
                            class="div-table-button--delete">取消</el-button>
-  
+
               </template>
             </el-table-column>
           </el-table>
-  
+
           <div>
             <el-pagination @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
@@ -220,9 +220,9 @@
                            :total="total">
             </el-pagination>
           </div>
-  
+
         </div>
-  
+
       </div>
       <el-dialog v-if="showAdd"
                  :visible.sync="showAdd"
@@ -299,10 +299,10 @@
                      :formType="formType">
         </person-list>
       </el-dialog>
-  
+
     </div>
   </template>
-  
+
   <script>
   import { requestPost } from "@/js/dai/request";
   import nextTick from "dai-js/tools/nextTick";
@@ -314,34 +314,34 @@
   import editForm from "./editForm";
   import feedBackForm from "./addForm";
   import personList from "../policy/personList";
-  
+
   export default {
     components: { addForm, detailForm, feedBackForm, personList, editForm },
-  
+
     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 {
         tableLoading: false,
         user: {},
         agencyId: '',
-  
+
         tableData: [],
-  
+
         statusArray: [
           {
             value: "in_service",
@@ -365,19 +365,19 @@
             value: "perfect",
             label: "非常满意",
           },
-  
+
         ],
-  
+
         formData: {
-  
-          serviceName: '',//项目名称	
-          serviceOrgType: '',//服务组织类型	
-          serviceOrgId: '',//服务组织Id	
-          serviceTimeStart: '',//服务开始时间yyyy-MM-dd	
-          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd	
-          serviceStatus: '',//服务状态。in_service服务中；completed:已完成	
-          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect	
-  
+
+          serviceName: '',//项目名称
+          serviceOrgType: '',//服务组织类型
+          serviceOrgId: '',//服务组织Id
+          serviceTimeStart: '',//服务开始时间yyyy-MM-dd
+          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd
+          serviceStatus: '',//服务状态。in_service服务中；completed:已完成
+          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect
+
         },
         pageNo: 1,
         pageSize: window.localStorage.getItem("pageSize") || 20,
@@ -391,7 +391,7 @@
         serviceRecordId: '',
         serviceName: '',
         serviceOrgName: '',
-  
+
         showAdd: false,
         showEdit: false,
         showDetail: false,
@@ -399,10 +399,10 @@
         formType: 'add',
         addDiaTitle: '发起服务',
         detailDiaTitle: '服务详情',
-  
+
         serviceOptions: [],
         serviceOptiondList: [],
-  
+
         policyId: '',
         showPersonList: false,
         ruleList: []
@@ -422,7 +422,7 @@
       //     let arrayTemp = val.split(' ')
       //     this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
       //   }
-  
+
       // },
     },
     mounted () {
@@ -433,7 +433,7 @@
       this.getTableData();
     },
     methods: {
-  
+
       handleSearch (val) {
         console.log(this.formData);
         this.pageNo = 1;
@@ -442,20 +442,20 @@
       // 获取服务组织
       async getDictOptions () {
         const url = "/sys/dict/data/dictlist"
-  
+
         let params = {
           dictType: 'user_demand_service_type'
         }
-  
+
         const { data, code, msg } = await requestPost(url, params)
-  
+
         if (code === 0) {
           this.serviceOptions = data;
         } else {
           this.$message.error(msg)
         }
       },
-  
+
       handleServiceChange (type, val) {
         this.formData.serviceOrgId = ''
         if (val === "social_org") {
@@ -468,10 +468,10 @@
           this.getServiceuserList(val, "");
         }
       },
-  
+
       async getServiceuserList (serviceType, query) {
         if (!serviceType) return false;
-  
+
         const params = {
           serviceName: "",
           serviceType: serviceType,
@@ -492,45 +492,45 @@
       },
       //加载组织数据
       async handlePersonList (row) {
-  
+
         this.policyId = row.policyId
         await this.loadRuleList()
         this.formType = 'personList'
         this.showPersonList = true;
       },
-  
+
       async loadRuleList () {
-  
+
         const url = "/heart/policy/rulelist/" + this.policyId
-  
+
         let params = {}
-  
+
         const { data, code, msg } = await requestPost(url, params)
-  
+
         if (code === 0) {
           this.ruleList = data
-  
+
         } else {
           this.$message.error(msg)
         }
-  
+
       },
-  
-  
+
+
       async handleAdd () {
         this.addDiaTitle = '发起服务'
         this.formType = 'add'
         this.showAdd = true;
       },
-  
+
       async handleDetail (row) {
         this.detailDiaTitle = "服务详情"
         this.serviceRecordId = row.serviceRecordId
         this.serviceOrgName = row.serviceOrgName
-  
+
         // this.formType = 'detail'
         this.showDetail = true
-  
+
       },
       diaDetailClose () {
         console.log(this.$refs.ref_detail)
@@ -543,42 +543,42 @@
         this.serviceOrgName = row.serviceOrgName
         this.formType = 'edit'
         this.showEdit = true
-  
+
       },
-  
+
       //加载组织数据
       async handleFeedback (row) {
-  
+
         this.serviceRecordId = row.serviceRecordId
         this.serviceName = row.serviceName
         this.addDiaTitle = '服务反馈'
         this.formType = 'feedback'
         this.showAdd = true;
       },
-  
-  
+
+
       handleClose () {
         this.serviceRecordId = ""
         this.formType = ''
-  
+
         this.showAdd = false
         this.showDetail = false
         this.showEdit = false
-  
-  
+
+
       },
       handleOk () {
         this.handleClose()
         this.pageNo = 1
         this.getTableData()
-  
+
       },
-  
-  
+
+
       async handleDel (row) {
-  
+
         this.serviceRecordId = row.serviceRecordId
-  
+
         this.$confirm("确认取消服务?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
@@ -594,20 +594,20 @@
               //   message: "已取消删除"
               // });
             }
-  
+
           });
-  
+
       },
-  
+
       async cancelFuwu () {
-  
+
         const url = '/heart/icServiceRecordV2/cancel';
         let params = {
           serviceRecordId: this.serviceRecordId
         }
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.$message.success("取消成功！");
           this.getTableData();
@@ -615,11 +615,11 @@
           this.$message.error("操作失败！");
         }
       },
-  
+
       async getTableData () {
         this.tableLoading = true
-        const url = "/heart/icServiceRecordV2/list";
-  
+        const url = "/governance/icServiceRecordV2/list";
+
         const { pageSize, pageNo, formData } = this;
         const { data, code, msg } = await requestPost(url, {
           pageSize,
@@ -627,20 +627,20 @@
           serviceCategoryKey: this.serviceCategoryKey,
           ...formData,
         });
-  
+
         this.tableLoading = false
         if (code === 0) {
-  
+
           this.total = data.total || 0;
           this.tableData = data.list
-  
-  
-  
+
+
+
         } else {
           this.$message.error(msg);
         }
       },
-  
+
       async handleExport () {
         const url = "/gov/project/icEvent/export";
         const { pageSize, pageNo, formData } = this;
@@ -675,50 +675,49 @@
             return this.$message.error("网络错误");
           });
       },
-  
+
       handleSizeChange (val) {
-  
+
         this.pageSize = val;
         window.localStorage.setItem("pageSize", val);
         this.getTableData();
       },
       handleCurrentChange (val) {
-  
+
         this.pageNo = val;
         this.getTableData();
       },
-  
+
       resetSearch () {
         this.formData = {
-          serviceName: '',//项目名称	
-          serviceOrgType: '',//服务组织类型	
-          serviceOrgId: '',//服务组织Id	
-          serviceTimeStart: '',//服务开始时间yyyy-MM-dd	
-          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd	
-          serviceStatus: '',//服务状态。in_service服务中；completed:已完成	
-          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect	
+          serviceName: '',//项目名称
+          serviceOrgType: '',//服务组织类型
+          serviceOrgId: '',//服务组织Id
+          serviceTimeStart: '',//服务开始时间yyyy-MM-dd
+          serviceTimeEnd: '',//服务结束时间yyyy-MM-dd
+          serviceStatus: '',//服务状态。in_service服务中；completed:已完成
+          satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect
         }
-  
-  
+
+
         this.pageNo = 1
         this.getTableData()
       },
     },
-  
+
     props: {
-  
+
       serviceCategoryKey: {
         type: String,
         required: 'true'
       },
-  
+
     }
   };
   </script>
-  
+
   <style lang="scss" scoped>
   @import "@/assets/scss/buttonstyle.scss";
   @import "@/assets/scss/modules/management/list-main.scss";
   @import "@/assets/scss/modules/shequzhili/event-info.scss";
   </style>
-  
\ No newline at end of file

From 600956d0cbd90e4ea8afe40825bd74a06e7d6ccd Mon Sep 17 00:00:00 2001
From: lichao <326994889@qq.com>
Date: Tue, 21 Feb 2023 15:23:10 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E7=A4=BE=E5=8C=BA=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/commonDemand/addForm.vue | 213 ++++++++--------
 .../commonDemand/detailForm.vue               |  95 ++++---
 .../commonDemand/editForm.vue                 | 241 +++++++++---------
 .../communityService/commonDemand/index.vue   |   6 +-
 4 files changed, 276 insertions(+), 279 deletions(-)

diff --git a/src/views/modules/communityService/commonDemand/addForm.vue b/src/views/modules/communityService/commonDemand/addForm.vue
index 56ca56c04..b1e902093 100644
--- a/src/views/modules/communityService/commonDemand/addForm.vue
+++ b/src/views/modules/communityService/commonDemand/addForm.vue
@@ -48,7 +48,7 @@
             >
             </el-input>
           </el-form-item>
-  
+
           <el-form-item
             label="服务组织"
             prop="serviceOrgId"
@@ -88,7 +88,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-  
+
           <el-form-item
             label="服务范围"
             prop="objList"
@@ -107,7 +107,7 @@
               @change="handleChangeScope"
             ></el-cascader>
           </el-form-item>
-  
+
           <el-form-item
             label="政策依据"
             prop="policyId"
@@ -129,7 +129,7 @@
               >
               </el-option>
             </el-select>
-  
+
             <el-button
               style="margin-left: 10px"
               type="primary"
@@ -138,7 +138,7 @@
               >预览</el-button
             >
           </el-form-item>
-  
+
           <el-form-item
             label="经办人"
             prop="principalName"
@@ -167,7 +167,7 @@
             >
             </el-input>
           </el-form-item>
-  
+
           <el-form-item
             label="服务时间"
             label-width="150px"
@@ -198,7 +198,7 @@
             >
             </el-date-picker>
           </el-form-item>
-  
+
           <el-form-item
             label="备注"
             prop="remark"
@@ -232,7 +232,7 @@
         </el-form>
         <div v-show="formType === 'feedback' || showFeedback">
           <!-- <h3 class="d-h3">反馈内容</h3> -->
-  
+
           <el-form
             ref="ref_form_feedback"
             :inline="true"
@@ -257,7 +257,7 @@
                 v-model="feedbackFormData.serviceGoal"
               ></el-input>
             </el-form-item>
-  
+
             <el-form-item
               label="服务效果"
               prop="serviceEffect"
@@ -275,7 +275,7 @@
                 v-model="feedbackFormData.serviceEffect"
               ></el-input>
             </el-form-item>
-  
+
             <el-form-item
               label="服务人数"
               style="display: block"
@@ -291,7 +291,7 @@
                 label="服务人数"
               ></el-input-number>
             </el-form-item>
-  
+
             <el-form-item
               label="服务状态"
               style="display: block"
@@ -372,7 +372,7 @@
                 </div>
               </div>
             </el-form-item>
-  
+
             <el-form-item
               class="block"
               label="附件"
@@ -403,7 +403,7 @@
           </el-form>
         </div>
       </div>
-  
+
       <div class="div_btn">
         <el-button size="small" @click="handleCancle">取 消</el-button>
         <el-button
@@ -414,7 +414,7 @@
           >确 定</el-button
         >
       </div>
-  
+
       <el-dialog
         v-if="showPersonList"
         :visible.sync="showPersonList"
@@ -438,7 +438,7 @@
       </el-dialog>
     </div>
   </template>
-  
+
   <script>
   import { mapGetters } from "vuex";
   import { Loading } from "element-ui"; // 引入Loading服务
@@ -446,10 +446,10 @@
   import personList from "../policy/personList";
   import nextTick from "dai-js/tools/nextTick";
   import daiMap from "@/utils/dai-map";
-  
+
   let loading; // 加载动画
   let map;
-  
+
   export default {
     props: {
       defaultData: {
@@ -487,7 +487,7 @@
         default: "manage",
       },
     },
-  
+
     data() {
       let endDisabledDate = (time) => {
         //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
@@ -508,13 +508,13 @@
         let nowData = Date.now();
         return time.getTime() > nowData;
       };
-  
+
       return {
         btnDisable: false,
         casOptions: [],
         scopeIdArray: [],
         iscascaderShow: 0,
-  
+
         optionProps: {
           multiple: true,
           value: "objectId",
@@ -523,7 +523,7 @@
           checkStrictly: true,
           emitPath: false,
         },
-  
+
         keyWords: "",
         formData: {
           serviceCategoryKey: "",
@@ -550,28 +550,28 @@
           address: "",
           fileList: [], //	附件列表
         },
-  
+
         endPickerOptions: {
           // disabledDate: endDisabledDate,
         },
         startPickerOptions: {
           // disabledDate: startDisabledDate,
         },
-  
+
         showFeedback: false,
         serviceOptions: [],
         serviceOptiondList: [],
         policyList: [],
-  
+
         fileList: [],
         uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
-  
+
         policyId: "",
         showPersonList: false,
         ruleList: [],
-  
+
         firstInitMap: true,
-  
+
         categrayOptions: [],
         statusArray: [
           {
@@ -599,7 +599,7 @@
         ],
       };
     },
-  
+
     computed: {
       dataRule() {
         return {
@@ -609,7 +609,7 @@
           serviceOrgId: [
             { required: true, message: "服务组织不能为空", trigger: "change" },
           ],
-  
+
           serviceTimeStart: [
             { required: true, message: "服务时间不能为空", trigger: "change" },
           ],
@@ -623,7 +623,7 @@
           serviceGoal: [
             { required: true, message: "服务目标不能为空", trigger: "blur" },
           ],
-  
+
           serviceEffect: [
             { required: true, message: "服务效果不能为空", trigger: "blur" },
           ],
@@ -640,7 +640,7 @@
         };
       },
     },
-  
+
     watch: {
       "formData.serviceTimeEnd": function (val) {
         if (val && val != "") {
@@ -649,14 +649,14 @@
         }
       },
     },
-  
+
     components: { personList },
-  
+
     async mounted() {
       this.startLoading();
       // 都已经重置了，还放在prop里干嘛，我不理解
       this.categrayOptions = this.categrayArray;
-  
+
       this.getCategrayList();
       this.getDictOptions();
       this.getPolicyList();
@@ -664,18 +664,18 @@
         this.initMap();
         this.$refs.ref_form_feedback.resetFields();
       }
-  
+
       if (this.formType === "add") {
         this.$refs.ref_form.resetFields();
         await this.loadScopeTree();
       } else {
       }
-  
+
       await this.iniDefaultData();
-  
+
       this.endLoading();
     },
-  
+
     methods: {
       async iniDefaultData() {
         const { defaultData } = this;
@@ -696,48 +696,48 @@
           }
         }
       },
-  
+
       //加载组织数据
       async handlePersonList() {
         if (!this.formData.policyId) {
           this.$message.info("请先选择政策");
           return false;
         }
-  
+
         this.policyId = this.formData.policyId;
         await this.loadRuleList();
-  
+
         this.showPersonList = true;
       },
-  
+
       async loadRuleList() {
-        const url = "/heart/policy/rulelist/" + this.policyId;
-  
+        const url = "/governance/policy/rulelist/" + this.policyId;
+
         let params = {};
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.ruleList = data;
         } else {
           this.$message.error(msg);
         }
       },
-  
+
       handleClose() {
         this.showPersonList = false;
       },
       handleOk() {
         this.showPersonList = false;
       },
-  
+
       async getPolicyList() {
-        const url = "/heart/policy/policyListSelect";
-  
+        const url = "/governance/policy/policyListSelect";
+
         let params = {};
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.policyList = data;
         } else {
@@ -760,17 +760,17 @@
             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 {
@@ -783,17 +783,17 @@
           else this.getServiceuserList(val, "query_demand");
         } else this.getServiceuserList(val, "");
       },
-  
+
       async getServiceuserList(serviceType, query) {
         if (!serviceType) return false;
-  
+
         const params = {
           serviceName: "",
           serviceType: serviceType,
           queryPurpose: query,
         };
         await this.$http
-          .post("/heart/userdemand/servicelist", params)
+          .post("/governance/userdemand/servicelist", params)
           .then(({ data: res }) => {
             if (res.code !== 0) {
               return this.$message.error(res.msg);
@@ -807,22 +807,22 @@
       },
       handleChangeFeedback(val) {
         this.showFeedback = val;
-  
+
         if (this.firstInitMap) {
           this.$nextTick(() => {
             this.initMap();
           });
         }
       },
-  
+
       // 获取服务范围树
       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 = [];
@@ -832,7 +832,7 @@
           this.$message.error(rspMsg);
         }
       },
-  
+
       handleChangeScope(value) {
         this.formData.objList = [];
         let selArray = this.$refs["myCascader"].getCheckedNodes();
@@ -851,7 +851,7 @@
           this.formData.objList.push(obj);
         });
       },
-  
+
       async handleComfirm() {
         if (this.formType === "add") {
           this.handleAdd();
@@ -859,7 +859,7 @@
           this.handleFeedback();
         }
       },
-  
+
       async handleAdd() {
         this.btnDisable = true;
         setTimeout(() => {
@@ -876,7 +876,7 @@
               this.$message.error("服务截止时间必须大于服务开始时间");
               return false;
             }
-  
+
             if (this.showFeedback) {
               this.$refs["ref_form_feedback"].validate((valid, messageObj) => {
                 if (!valid) {
@@ -893,7 +893,7 @@
           }
         });
       },
-  
+
       async addFuwu() {
         if (this.showFeedback) {
           this.feedbackFormData.fileList = [];
@@ -902,11 +902,11 @@
         } else {
           this.formData.feedback = null;
         }
-  
+
         console.log(this.formData);
         // return false
         const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
-  
+
         if (
           this.formData.principalContact &&
           regPhone.test(this.formData.principalContact) === false
@@ -918,18 +918,18 @@
           });
           return false;
         }
-  
+
         if (this.source === "manage") {
           this.formData.serviceCategoryKey = this.serviceCategoryKey;
         }
-        const url = "/heart/icServiceRecordV2/add";
-        // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/initiate'
+        const url = "/governance/icServiceRecordV2/add";
+        // const url = 'http://yapi.elinkservice.cn/mock/245/governance/icServiceProject/service/initiate'
         let params = {
           ...this.formData,
         };
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.$message.success("发起成功");
           this.resetData();
@@ -938,13 +938,13 @@
           this.$message.error(msg);
         }
       },
-  
+
       async handleFeedback() {
         this.btnDisable = true;
         setTimeout(() => {
           this.btnDisable = false;
         }, 10000);
-  
+
         this.$refs["ref_form_feedback"].validate((valid, messageObj) => {
           if (!valid) {
             app.util.validateRule(messageObj);
@@ -954,23 +954,23 @@
           }
         });
       },
-  
+
       async addFeecback() {
         this.feedbackFormData.fileList = [];
         this.feedbackFormData.fileList = [...this.fileList];
         this.feedbackFormData.serviceRecordId = this.serviceRecordId;
-  
+
         console.log(this.feedbackFormData);
         // return false
-  
-        const url = "/heart/icServiceFeedbackV2/add";
-  
+
+        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();
@@ -979,11 +979,11 @@
           this.$message.error(msg);
         }
       },
-  
+
       beforeUpload(file) {
         const array = file.name.split(".");
         const extension = array[array.length - 1];
-  
+
         const formatarray = [
           "jpg",
           "png",
@@ -999,13 +999,13 @@
           "xlsx",
           "pdf",
         ];
-  
+
         if (formatarray.indexOf(extension) === -1) {
           this.$message.error("只支持图片、word、pdf");
           return false;
         }
       },
-  
+
       handleFileRemove(file) {
         if (file && file.status === "success") {
           this.fileList.splice(
@@ -1014,17 +1014,17 @@
           );
         }
       },
-  
+
       handleFileSuccess(res, file) {
         if (res.code === 0 && res.msg === "success") {
           const array = file.name.split(".");
           const fileType = array[array.length - 1];
-  
+
           const picArray = ["jpg", "png", "jpeg", "bmp"];
           const videoarray = ["mp4", "wma", "m4a"];
           const docArray = ["doc", "docx", "xls", "xlsx", "pdf"];
           const mp3Array = ["mp3"];
-  
+
           if (picArray.indexOf(fileType) > -1) {
             file.format = "image";
           } else if (videoarray.indexOf(fileType) > -1) {
@@ -1034,19 +1034,19 @@
           } else if (mp3Array.indexOf(fileType) > -1) {
             file.format = "voice";
           }
-  
+
           file.url = res.data.url;
           file.type = fileType;
-  
+
           file.name = file.name;
           file.type = file.type;
           file.url = file.url;
-  
+
           this.fileList.push(file);
           console.log(this.fileList);
         } else this.$message.error(res.msg);
       },
-  
+
       //下载
       handleFileDownload(file) {
         var a = document.createElement("a");
@@ -1060,11 +1060,11 @@
         this.resetData();
         this.$emit("handleClose");
       },
-  
+
       // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
       initMap() {
         let { latitude, longitude } = this.$store.state.user;
-  
+
         map = new daiMap(
           document.getElementById("map_app"),
           { latitude, longitude },
@@ -1074,29 +1074,29 @@
             rotation: 45, // 设置地图旋转角度
           }
         );
-  
+
         // 监听地图平移结束
         map.on("dragend", (e) => {
           this.handleMoveCenter(e);
         });
-  
+
         map.setCenter(latitude, longitude);
         map.setMarker(latitude, longitude);
       },
-  
+
       async handleMoveCenter() {
         //修改地图中心点
         const { lat, lng } = map.getCenter();
         this.feedbackFormData.latitude = lat;
         this.feedbackFormData.longitude = lng;
         map.setMarker(lat, lng);
-  
+
         let { msg, data } = await map.getAddress(lat, lng);
         if (msg == "success") {
           this.feedbackFormData.address = data.address;
         }
       },
-  
+
       async handleSearchMap() {
         const { msg, data } = await map.searchNearby(this.keyWords);
         if (msg == "success") {
@@ -1109,7 +1109,7 @@
           this.$message.error("未检索到相关位置坐标");
         }
       },
-  
+
       resetData() {
         this.formData = {
           objList: [], //
@@ -1150,11 +1150,11 @@
     },
   };
   </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 {
     color: #fff;
   }
@@ -1162,10 +1162,9 @@
     .el-radio {
       color: #fff;
     }
-  
+
     .el-checkbox {
       color: #fff;
     }
   }
   </style>
-  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/detailForm.vue b/src/views/modules/communityService/commonDemand/detailForm.vue
index a5e428579..dfc14d2c9 100644
--- a/src/views/modules/communityService/commonDemand/detailForm.vue
+++ b/src/views/modules/communityService/commonDemand/detailForm.vue
@@ -7,17 +7,17 @@
               <span class="info-title-2">服务名称：</span>
               <span>{{ formData.serviceName || "--" }}</span>
             </div>
-  
+
             <div class="info-prop">
               <span class="info-title-2">服务组织：</span>
               <span>{{ serviceOrgName || "--" }}</span>
             </div>
-  
+
             <div class="info-prop">
               <span class="info-title-2">服务范围：</span>
               <span>{{ formData.gridIdListName || "--" }}</span>
             </div>
-  
+
             <div class="info-prop">
               <span class="info-title-2">政策依据：</span>
               <span>{{ formData.policyTitle || "--" }}</span>
@@ -48,10 +48,10 @@
               <span class="info-title-2">备注：</span>
               <span>{{ formData.remark || "--" }}</span>
             </div>
-  
+
             <div v-show="formData.serviceStatus === 'completed'">
               <h3 class="d-h3">反馈内容</h3>
-  
+
               <div class="info-prop">
                 <span class="info-title-2">服务目标：</span>
                 <span>{{ feedbackFormData.serviceGoal || "--" }}</span>
@@ -64,7 +64,7 @@
                 <span class="info-title-2">服务人数：</span>
                 <span>{{ feedbackFormData.servicePeopleNumber || 0 }}</span>
               </div>
-  
+
               <div class="info-prop">
                 <span class="info-title-2">服务状态：</span>
                 <span>{{ feedbackFormData.serviceStatusShow || "--" }}</span>
@@ -73,19 +73,19 @@
                 <span class="info-title-2">满意度：</span>
                 <span>{{ feedbackFormData.satisfactionShow || "--" }}</span>
               </div>
-  
+
               <div class="info-prop">
                 <span class="info-title-2">地理位置：</span>
                 <span>{{ feedbackFormData.address || "--" }}</span>
               </div>
-  
+
               <div class="info-prop">
                 <span class="info-title-2">地图位置：</span>
                 <div class="div_map">
                   <div id="app_detail"></div>
                 </div>
               </div>
-  
+
               <div class="info-prop">
                 <span class="info-title-2">附件：</span>
                 <file-list
@@ -98,11 +98,11 @@
           </div>
         </div>
       </div>
-  
+
       <div class="div-btn">
         <el-button size="small" @click="handleCancle">关 闭</el-button>
       </div>
-  
+
       <el-dialog
         v-if="showPersonList"
         :visible.sync="showPersonList"
@@ -126,7 +126,7 @@
       </el-dialog>
     </div>
   </template>
-  
+
   <script>
   import { mapGetters } from "vuex";
   import { Loading } from "element-ui"; // 引入Loading服务
@@ -134,18 +134,18 @@
   import personList from "../policy/personList";
   import fileList from "@/views/components/fileList";
   import daiMap from "@/utils/dai-map";
-  
+
   var map;
   let loading; // 加载动画
-  
+
   export default {
     data() {
       return {
         initLoading: false,
-  
+
         keyWords: "",
         formData: {},
-  
+
         feedbackFormData: {
           serviceProjectId: "", //	服务项目id
           serviceName: "",
@@ -159,7 +159,7 @@
           address: "",
           fileList: [], //	附件列表
         },
-  
+
         policyId: "",
         showPersonList: false,
         ruleList: [],
@@ -172,7 +172,7 @@
       // if (this.serviceRecordId) {//详情
       await this.loadInfo();
       this.initLoading = true;
-  
+
       if (
         this.formData.serviceStatus === "completed" &&
         this.feedbackFormData.latitude
@@ -182,48 +182,48 @@
         });
       }
     },
-  
+
     methods: {
       diaDestroy() {},
-  
+
       //加载组织数据
       async handlePersonList() {
         if (!this.formData.policyId) {
           this.$message.info("请先选择政策");
           return false;
         }
-  
+
         this.policyId = this.formData.policyId;
         await this.loadRuleList();
-  
+
         this.showPersonList = true;
       },
-  
+
       async loadRuleList() {
-        const url = "/heart/policy/rulelist/" + this.policyId;
-  
+        const url = "/governance/policy/rulelist/" + this.policyId;
+
         let params = {};
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.ruleList = data;
         } else {
           this.$message.error(msg);
         }
       },
-  
+
       handleClose() {
         this.showPersonList = false;
       },
-  
+
       async getPolicyList() {
-        const url = "/heart/policy/policyListSelect";
-  
+        const url = "/governance/policy/policyListSelect";
+
         let params = {};
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.policyList = data;
         } else {
@@ -232,14 +232,14 @@
       },
       //加载组织
       async loadInfo() {
-        const url = "/heart/icServiceRecordV2/detail";
-  
+        const url = "/governance/icServiceRecordV2/detail";
+
         let params = {
           serviceRecordId: this.serviceRecordId,
         };
-  
+
         const { data, code, msg } = await requestPost(url, params);
-  
+
         if (code === 0) {
           this.formData = { ...data };
           this.formData.serviceRecordId = this.serviceRecordId;
@@ -248,7 +248,7 @@
           this.formData.gridIdListName = "";
           this.feedbackFormData.serviceStatusShow = "";
           this.feedbackFormData.satisfactionShow = "";
-  
+
           let arr = [];
           this.formData.gridIdList.forEach((element) => {
             arr.push(element.objectName);
@@ -269,7 +269,7 @@
               this.formData.policyName = element.title;
             }
           });
-  
+
           this.fileList = [];
           if (
             data.feedback &&
@@ -290,16 +290,16 @@
           this.$message.error(msg);
         }
       },
-  
+
       handleCancle() {
         this.resetData();
         this.$emit("diaDetailClose");
       },
-  
+
       // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
       initMap() {
         let { latitude, longitude } = this.feedbackFormData;
-  
+
         map = new daiMap(
           document.getElementById("app_detail"),
           { latitude, longitude },
@@ -309,15 +309,15 @@
             rotation: 45, // 设置地图旋转角度
           }
         );
-  
+
         map.setCenter(latitude, longitude);
         map.setMarker(latitude, longitude);
       },
-  
+
       handleOk() {
         this.showPersonList = false;
       },
-  
+
       resetData() {
         this.formData = {};
       },
@@ -355,7 +355,7 @@
         type: String,
         required: true,
       },
-  
+
       satisfyArray: {
         type: Array,
         default() {
@@ -371,8 +371,7 @@
     },
   };
   </script>
-  
+
   <style lang="scss" scoped>
   @import "@/assets/scss/modules/management/detail-main.scss";
   </style>
-  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/editForm.vue b/src/views/modules/communityService/commonDemand/editForm.vue
index f9344f9a1..1f262bac8 100644
--- a/src/views/modules/communityService/commonDemand/editForm.vue
+++ b/src/views/modules/communityService/commonDemand/editForm.vue
@@ -1,13 +1,13 @@
 <template>
     <div>
       <div class="dialog-h-content scroll-h">
-  
+
         <el-form ref="ref_form"
                  :inline="true"
                  :model="formData"
                  :rules="dataRule"
                  class="div_form">
-  
+
           <el-form-item label="服务名称"
                         prop="serviceName"
                         label-width="150px"
@@ -25,7 +25,7 @@
                          :value="item.serviceProjectId">
               </el-option>
             </el-select> -->
-  
+
           </el-form-item>
           <el-form-item label="服务组织"
                         prop="serviceOrgId"
@@ -43,9 +43,9 @@
                          :value="item.icServiceOrgId">
               </el-option>
             </el-select> -->
-  
+
           </el-form-item>
-  
+
           <el-form-item label="服务范围"
                         prop="gridIdList"
                         label-width="150px"
@@ -63,7 +63,7 @@
                          :show-all-levels="false"
                          @change="handleChangeScope"></el-cascader> -->
           </el-form-item>
-  
+
           <el-form-item label="政策依据"
                         prop="policyId"
                         label-width="150px"
@@ -79,13 +79,13 @@
                          :value="item.policyId">
               </el-option>
             </el-select>
-  
+
             <el-button style="margin-left: 10px"
                        type="primary"
                        size="small"
                        @click="handlePersonList">预览</el-button>
           </el-form-item>
-  
+
           <el-form-item label="经办人"
                         prop="principalName"
                         label-width="150px"
@@ -106,7 +106,7 @@
                       v-model="formData.principalContact">
             </el-input>
           </el-form-item>
-  
+
           <el-form-item label="服务时间"
                         label-width="150px"
                         prop="serviceTimeStart">
@@ -130,7 +130,7 @@
                             placeholder="结束时间">
             </el-date-picker>
           </el-form-item>
-  
+
           <el-form-item label="备注"
                         prop="remark"
                         label-width="150px"
@@ -144,18 +144,18 @@
                       placeholder="请输入备注，不超过500字"
                       v-model="formData.remark"></el-input>
           </el-form-item>
-  
+
         </el-form>
-  
+
         <div v-show="formData.serviceStatus==='completed'">
           <h3 class="d-h3">反馈内容</h3>
-  
+
           <el-form ref="ref_form_feedback"
                    :inline="true"
                    :disabled="true"
                    :model="feedbackFormData"
                    class="div_form">
-  
+
             <el-form-item label="服务目标"
                           prop="serviceGoal"
                           label-width="150px"
@@ -168,7 +168,7 @@
                         placeholder="请输入服务目标，不超过1000字"
                         v-model="feedbackFormData.serviceGoal"></el-input>
             </el-form-item>
-  
+
             <el-form-item label="服务效果"
                           prop="serviceEffect"
                           label-width="150px"
@@ -181,7 +181,7 @@
                         placeholder="请输入服务效果，不超过1000字"
                         v-model="feedbackFormData.serviceEffect"></el-input>
             </el-form-item>
-  
+
             <el-form-item label="服务人数"
                           style="display: block"
                           prop="servicePeopleNumber"
@@ -192,7 +192,7 @@
                                :max="9999"
                                label="服务人数"></el-input-number>
             </el-form-item>
-  
+
             <el-form-item label="服务状态"
                           label-width="150px"
                           style="display: block"
@@ -208,7 +208,7 @@
                            :value="item.value">
                 </el-option>
               </el-select> -->
-  
+
             </el-form-item>
             <el-form-item label="满意度"
                           style="display: block"
@@ -224,7 +224,7 @@
                            :value="item.value">
                 </el-option>
               </el-select>
-  
+
             </el-form-item>
             <el-form-item label="地址"
                           prop="address"
@@ -237,10 +237,10 @@
                           label-width="150px"
                           style="display: block">
               <div style="width:500px">
-  
+
                 <div class="div_map">
                   <div id="map_app">
-  
+
                   </div>
                   <div class="div_searchmap">
                     <el-input maxlength="50"
@@ -254,10 +254,10 @@
                                @click="handleSearchMap">查询</el-button>
                   </div>
                 </div>
-  
+
               </div>
             </el-form-item> -->
-  
+
             <el-form-item class="block"
                           label="附件"
                           label-width="150px"
@@ -268,7 +268,7 @@
                          accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
                          :limit="3"
                          :file-list="fileList">
-  
+
               </el-upload> -->
               <div v-if="feedbackFormData.fileList&&feedbackFormData.fileList.length>0"
                    class="attachement-list">
@@ -284,9 +284,9 @@
             </el-form-item>
           </el-form>
         </div>
-  
+
       </div>
-  
+
       <div class="div_btn">
         <el-button size="small"
                    @click="handleCancle">取 消</el-button>
@@ -296,7 +296,7 @@
                    :disabled="btnDisable"
                    @click="handleComfirm">确 定</el-button>
       </div>
-  
+
       <el-dialog v-if="showPersonList"
                  :visible.sync="showPersonList"
                  :append-to-body="true"
@@ -316,20 +316,20 @@
       </el-dialog>
     </div>
   </template>
-  
+
   <script>
   import { mapGetters } from 'vuex'
   import { Loading } from 'element-ui' // 引入Loading服务
   import { requestPost } from '@/js/dai/request'
   import personList from "../policy/personList";
-  
-  
+
+
   var map
   var search
   var markers
   var infoWindowList
   var geocoder // 新建一个正逆地址解析类
-  
+
   let loading // 加载动画
   export default {
     data () {
@@ -341,36 +341,36 @@
         } else {
           return time.getTime() > nowData
         }
-  
+
       }
       let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
         let nowData = Date.now()
         return time.getTime() > nowData
       }
-  
+
       return {
-  
-  
+
+
         btnDisable: false,
-  
+
         keyWords: '',
         formData: {},
-  
+
         feedbackFormData: {
-          serviceProjectId: '',//	服务项目id	
+          serviceProjectId: '',//	服务项目id
           serviceName: '',
-          serviceGoal: '',//	服务目标	
-          serviceEffect: '',//	服务效果	
-          servicePeopleNumber: null,//	服务人数	
-          serviceStatus: 'completed',//	服务状态。in_service服务中；completed:已完成	
-          satisfaction: '',//满意度。不满意:bad、基本满意:good、非常满意:perfect	
-          longitude: '',//	经度	
-          latitude: '',//	维度	
+          serviceGoal: '',//	服务目标
+          serviceEffect: '',//	服务效果
+          servicePeopleNumber: null,//	服务人数
+          serviceStatus: 'completed',//	服务状态。in_service服务中；completed:已完成
+          satisfaction: '',//满意度。不满意:bad、基本满意:good、非常满意:perfect
+          longitude: '',//	经度
+          latitude: '',//	维度
           address: '',
           fileList: [],//	附件列表
         },
         serviceList: [],//服务list
-  
+
         endPickerOptions: {
           disabledDate: endDisabledDate
         },
@@ -381,7 +381,7 @@
         projectList: [],
         fileList: [],
         uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadvariedfile',
-  
+
         policyId: '',
         showPersonList: false,
         ruleList: []
@@ -392,13 +392,13 @@
       this.getPolicyList()
       if (this.serviceRecordId) {//详情
         this.loadInfo()
-  
+
       }
       // this.initMap()
-  
+
     },
-  
-  
+
+
     methods: {
       //加载组织数据
       async handlePersonList () {
@@ -406,48 +406,48 @@
           this.$message.info('请先选择政策')
           return false
         }
-  
+
         this.policyId = this.formData.policyId
         await this.loadRuleList()
-  
+
         this.showPersonList = true;
       },
-  
+
       async loadRuleList () {
-  
-        const url = "/heart/policy/rulelist/" + this.policyId
-  
+
+        const url = "/governance/policy/rulelist/" + this.policyId
+
         let params = {}
-  
+
         const { data, code, msg } = await requestPost(url, params)
-  
+
         if (code === 0) {
           this.ruleList = data
-  
+
         } else {
           this.$message.error(msg)
         }
-  
+
       },
-  
+
       handleClose () {
         this.showPersonList = false
-  
-  
+
+
       },
       handleOk () {
         this.showPersonList = false
-  
-  
+
+
       },
-  
+
       async getPolicyList () {
-        const url = '/heart/policy/policyListSelect'
-  
+        const url = '/governance/policy/policyListSelect'
+
         let params = {}
-  
+
         const { data, code, msg } = await requestPost(url, params)
-  
+
         if (code === 0) {
           this.policyList = data
         } else {
@@ -456,19 +456,19 @@
       },
       //加载组织
       async loadInfo () {
-        const url = '/heart/icServiceRecordV2/detail'
-  
+        const url = '/governance/icServiceRecordV2/detail'
+
         let params = {
           serviceRecordId: this.serviceRecordId
         }
-  
+
         const { data, code, msg } = await requestPost(url, params)
-  
+
         if (code === 0) {
           this.formData = { ...data }
           this.formData.serviceRecordId = this.serviceRecordId
           this.feedbackFormData = { ...data.feedback }
-  
+
           this.fileList = []
           if (data.feedback && data.feedback.fileList && data.feedback.fileList.length > 0) {
             data.feedback.fileList.forEach(element => {
@@ -480,15 +480,15 @@
               this.fileList.push(obj)
             });
           }
-  
-  
+
+
         } else {
           this.$message.error(msg)
         }
       },
-  
+
       async handleComfirm () {
-  
+
         this.btnDisable = true
         setTimeout(() => {
           this.btnDisable = false
@@ -500,10 +500,10 @@
           } else {
             this.editFuwu()
           }
-  
+
         })
-  
-  
+
+
       },
       async editFuwu () {
         const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
@@ -515,47 +515,47 @@
           })
           return false;
         }
-  
-        let url = '/heart/icServiceRecordV2/edit'
-        // let url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/update"
-  
-  
+
+        let url = '/governance/icServiceRecordV2/edit'
+        // let url = "http://yapi.elinkservice.cn/mock/245/governance/icServiceProject/service/update"
+
+
         const { data, code, msg } = await requestPost(url, this.formData)
-  
+
         if (code === 0) {
           this.$message({
             type: 'success',
             message: '操作成功'
           })
           this.resetData()
-  
+
           this.$emit('handleOk')
         } else {
           this.btnDisable = false
           this.$message.error(msg)
         }
-  
+
       },
-  
+
       handleCancle () {
         this.resetData()
         this.$emit('handleClose')
-  
+
       },
-  
+
       //下载
       handleFileDownload (file) {
-  
+
         var a = document.createElement('a');
         var event = new MouseEvent('click');
         a.download = file.name;
         console.log(a)
         a.href = file.url;
         a.dispatchEvent(event);
-  
-  
+
+
       },
-  
+
       // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
       initMap () {
         // 定义地图中心点坐标
@@ -567,7 +567,7 @@
           pitch: 43.5, // 设置俯仰角
           rotation: 45 // 设置地图旋转角度
         })
-  
+
         search = new window.TMap.service.Search({ pageSize: 10 })
         // 新建一个地点搜索类
         markers = new TMap.MultiMarker({
@@ -575,9 +575,9 @@
           geometries: []
         })
         infoWindowList = Array(10)
-  
+
         geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
-  
+
         // 监听地图平移结束
         map.on('panend', () => {
           this.handleMoveCenter()
@@ -585,7 +585,7 @@
         this.handleMoveCenter()
         this.convert()
       },
-  
+
       setMarker (lat, lng) {
         markers.setGeometries([])
         markers.add([
@@ -599,7 +599,7 @@
           }
         ])
       },
-  
+
       handleSearchMap () {
         infoWindowList.forEach((infoWindow) => {
           infoWindow.close()
@@ -620,8 +620,8 @@
               const {
                 location: { lat, lng }
               } = data[0]
-  
-  
+
+
               map.setCenter(new TMap.LatLng(lat, lng))
               this.setMarker(lat, lng)
               this.formData.latitude = lat
@@ -632,7 +632,7 @@
             }
           })
       },
-  
+
       handleMoveCenter () {
         //修改地图中心点
         const center = map.getCenter()
@@ -643,7 +643,7 @@
         this.setMarker(lat, lng)
         this.convert(lat, lng)
       },
-  
+
       convert (lat, lng) {
         markers.setGeometries([]);
         // var input = document.getElementById('location').value.split(',');
@@ -653,7 +653,7 @@
         } else {
           location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
         }
-  
+
         // map.setCenter(location);
         markers.updateGeometries([
           {
@@ -668,8 +668,8 @@
             // 显示搜索到的地址
           });
       },
-  
-  
+
+
       resetData () {
         this.formData = {}
       },
@@ -692,18 +692,18 @@
     computed: {
       dataRule () {
         return {
-  
-  
+
+
           serviceTimeStart: [
             { required: true, message: '服务时间不能为空', trigger: 'blur' }
           ],
-  
-  
+
+
         }
       },
     },
     props: {
-  
+
       serviceRecordId: {
         type: String,
         required: true
@@ -716,7 +716,7 @@
         type: String,
         required: true
       },
-  
+
       satisfyArray: {
         type: Array,
         default () {
@@ -726,11 +726,11 @@
     }
   }
   </script>
-  
-  
+
+
   <style lang="scss" scoped >
   @import "@/assets/scss/modules/management/form-main.scss";
-  
+
   .attachement-list {
     // padding-left: 20px;
     a {
@@ -738,11 +738,10 @@
       cursor: pointer;
       // color: #4df0ff;
       font-size: 14px;
-  
+
       i {
         color: #333;
       }
     }
   }
   </style>
-  
\ No newline at end of file
diff --git a/src/views/modules/communityService/commonDemand/index.vue b/src/views/modules/communityService/commonDemand/index.vue
index 8a745bdf4..6791eae47 100644
--- a/src/views/modules/communityService/commonDemand/index.vue
+++ b/src/views/modules/communityService/commonDemand/index.vue
@@ -478,7 +478,7 @@
           queryPurpose: query,
         };
         await this.$http
-          .post("/heart/userdemand/servicelist", params)
+          .post("/governance/userdemand/servicelist", params)
           .then(({ data: res }) => {
             if (res.code !== 0) {
               return this.$message.error(res.msg);
@@ -501,7 +501,7 @@
 
       async loadRuleList () {
 
-        const url = "/heart/policy/rulelist/" + this.policyId
+        const url = "/governance/policy/rulelist/" + this.policyId
 
         let params = {}
 
@@ -601,7 +601,7 @@
 
       async cancelFuwu () {
 
-        const url = '/heart/icServiceRecordV2/cancel';
+        const url = '/governance/icServiceRecordV2/cancel';
         let params = {
           serviceRecordId: this.serviceRecordId
         }