From 28914f9ffa476b0c07e8362462dcebf5d7f373e6 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 13 Apr 2023 09:33:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=89=BE=E4=BA=BA,=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E9=97=AE=E9=A2=98,=E5=85=88=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/commonDemand/index.vue   |    4 +-
 .../communityService/measure/addForm.vue      |  819 +++++++
 .../communityService/measure/detailForm.vue   |  419 ++++
 .../communityService/measure/editForm.vue     |  826 +++++++
 .../communityService/measure/index Copy.vue   | 1536 ++++++++++++
 .../communityService/measure/index.vue        | 2149 ++++++-----------
 6 files changed, 4312 insertions(+), 1441 deletions(-)
 create mode 100644 src/views/modules/communityService/measure/addForm.vue
 create mode 100644 src/views/modules/communityService/measure/detailForm.vue
 create mode 100644 src/views/modules/communityService/measure/editForm.vue
 create mode 100644 src/views/modules/communityService/measure/index Copy.vue

diff --git a/src/views/modules/communityService/commonDemand/index.vue b/src/views/modules/communityService/commonDemand/index.vue
index 59d40b255..e6509fadd 100644
--- a/src/views/modules/communityService/commonDemand/index.vue
+++ b/src/views/modules/communityService/commonDemand/index.vue
@@ -244,7 +244,7 @@
                            @click="handleDel(scope.row)"
                            type="text"
                            size="small"
-                         >取消</el-button>
+                         >删除</el-button>
 
               </template>
             </el-table-column>
@@ -653,7 +653,7 @@
 
         this.serviceRecordId = row.serviceRecordId
 
-        this.$confirm("确认取消服务?", "提示", {
+        this.$confirm("确认删除服务?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
diff --git a/src/views/modules/communityService/measure/addForm.vue b/src/views/modules/communityService/measure/addForm.vue
new file mode 100644
index 000000000..131af9bfc
--- /dev/null
+++ b/src/views/modules/communityService/measure/addForm.vue
@@ -0,0 +1,819 @@
+<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="服务类别"
+            style="display: block"
+            label-width="150px"
+            prop="serviceTypeLevel2Id"
+          >
+            <el-select
+              class="u-item-width-communitycascader"
+              v-model="formData.serviceTypeLevel1Id"
+              placeholder="请选择"
+              clearable
+              @change="handleChangeServiceTypeLevel1"
+            >
+              <el-option
+                v-for="item in serviceTypesLevel1"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+            -
+            <el-select
+              class="u-item-width-communitycascader"
+              v-model="formData.serviceTypeLevel2Id"
+              placeholder="请选择"
+              @change="handleChangeServiceTypeLevel2"
+              clearable
+            >
+              <el-option
+                v-for="item in serviceTypesLevel2"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+  
+          <el-form-item
+            label="服务事项"
+            prop="serviceName"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <el-input
+              class="item_width_1"
+              placeholder="请输入服务事项"
+              v-model="formData.serviceName"
+            >
+            </el-input>
+          </el-form-item>
+  
+          <el-form-item
+            label="服务内容"
+            prop="remark"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <el-input
+              class="item_width_1"
+              type="textarea"
+              maxlength="1000"
+              show-word-limit
+              :rows="3"
+              placeholder="请输入备注，不超过1000字"
+              v-model="formData.remark"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            label="查找享受服务人员"
+            prop="resiSearchTagId"
+            :class="{ 'form-item': source === 'visiual' }"
+            label-width="150px"
+            style="display: block"
+          >
+           <input type="text" v-model="formData.resiSearchTagId" v-show="false">
+            <template  v-if="formData.resiSearchTagName" style="margin-right:10px;">
+              <el-tag   @close="handleCloseTag"  closable  style="margin-right:10px;">
+              {{ formData.resiSearchTagName }}
+            </el-tag>
+            </template>
+  
+            <el-button type="primary" @click="handleClickLabel" size="mini">
+              <span> <i class="el-icon-plus"></i> 按标签查找 </span>
+            </el-button>
+          </el-form-item>
+          <el-form-item
+            label="服务方"
+            prop="serviceOrgId"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <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.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+          prop="noticeApproches"
+          label="自动通知服务方"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-checkbox-group v-model="formData.noticeApproches">
+            <el-checkbox label="sms" value="sms">短信通知</el-checkbox>
+            <el-checkbox label="wx_official_account" value="wx_official_account">微信公众号消息通知</el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+          <el-form-item
+            label="服务范围"
+            prop="objList"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            style="display: block"
+          >
+            <el-cascader
+              class="item_width_1"
+              ref="myCascader"
+              v-model="scopeIdArray"
+              :key="iscascaderShow"
+              :options="casOptions"
+              :props="optionProps"
+              :show-all-levels="false"
+              @change="handleChangeScope"
+            ></el-cascader>
+          </el-form-item>
+  
+          <el-form-item
+            label="服务时间"
+            label-width="150px"
+            :class="{ 'form-item': source === 'visiual' }"
+            prop="serviceTimeStart"
+          >
+            <el-date-picker
+              v-model="formData.serviceTimeStart"
+              :picker-options="startPickerOptions"
+              class="item_width_2"
+              style="width: 220px"
+              type="date"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              value="yyyy-MM-dd"
+              placeholder="开始时间"
+            >
+            </el-date-picker>
+            <span class="u-data-tag">至</span>
+            <el-date-picker
+              v-model="formData.serviceTimeEnd"
+              :picker-options="endPickerOptions"
+              class="item_width_2 u-data-tag"
+              style="width: 220px"
+              type="date"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              value="yyyy-MM-dd"
+              placeholder="结束时间"
+            >
+            </el-date-picker>
+          </el-form-item>
+  
+   
+  
+          <el-form-item
+            label="经办人"
+            prop="principalName"
+            :class="{ 'form-item': source === 'visiual' }"
+            label-width="150px"
+            style="display: block"
+          >
+            <el-input
+              class="item_width_1"
+              placeholder="请输入联系人姓名"
+              v-model="formData.principalName"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            label="联系方式"
+            prop="principalContact"
+            :class="{ 'form-item': source === 'visiual' }"
+            label-width="150px"
+            style="display: block"
+          >
+            <el-input
+              class="item_width_1"
+              placeholder="请输入联系人电话"
+              v-model="formData.principalContact"
+            >
+            </el-input>
+          </el-form-item>
+  
+  
+    
+       
+  
+        </el-form>
+  
+      </div>
+  
+      <div class="div_btn">
+        <el-button size="small" @click="handleCancle">取 消</el-button>
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="btnDisable"
+          @click="handleComfirm"
+          >确 定</el-button
+        >
+      </div>
+  
+   
+      <el-dialog
+        v-if="showLabelForm"
+        :visible.sync="showLabelForm"
+        :append-to-body="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :title="'标签配置'"
+        width="900px"
+        top="5vh"
+        class="dialog-h"
+        @closed="showLabelForm = false"
+      >
+        <label-form
+          ref="ref_label_form"
+          :ruleList="ruleList"
+          @dialogCancle="addFormCancle"
+          @dialogOk="addFormOk"
+        >
+          <!--    @handleOk="handleOk"
+          @handleClose="handleClose" -->
+        </label-form>
+      </el-dialog>
+    </div>
+  </template>
+  
+    <script>
+  import { mapGetters } from "vuex";
+  import { Loading } from "element-ui"; // 引入Loading服务
+  import { requestPost, requestGet } from "@/js/dai/request";
+  import personList from "../policy/personList";
+  import nextTick from "dai-js/tools/nextTick";
+  import labelForm from "../labelConfig/addForm.vue";
+  import daiMap from "@/utils/dai-map";
+  
+  let loading; // 加载动画
+  let map;
+  
+  export default {
+    props: {
+      defaultData: {
+        type: Object,
+        default: null,
+      },
+      serviceRecordId: {
+        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 {
+        // 公共服务分类
+        serviceTypesLevel1: [],
+        serviceTypesLevel2: [],
+  
+        btnDisable: false,
+        casOptions: [],
+        scopeIdArray: [],
+        iscascaderShow: 0,
+  
+        optionProps: {
+          multiple: true,
+          value: "objectId",
+          label: "objectName",
+          children: "children",
+          checkStrictly: true,
+          emitPath: false,
+        },
+  
+        keyWords: "",
+        formData: {
+          serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
+          serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
+          resiSearchTagId:"",//查找享受服务人员
+          resiSearchTagName:"",//享受服务人员名称
+          serviceName: "", //服务名称
+          noticeApproches:[],
+          serviceOrgType: "", //服务组织类型 社区自组织：community_org， 志愿者：ic_user_volunteer， 联建单位：party_unit
+          serviceOrgId: "", //服务组织Id
+          objList: [], //
+          principalName: "", //经办人(责任人)姓名
+          principalContact: "", //经办人联系方式
+          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+          remark: "", //
+        },
+        dataRule:{
+          serviceTypeLevel2Id: [
+            { required: true, message: "政策类型不能为空", trigger: "change" },
+          ],
+          serviceName: [
+            { required: true, message: "服务名称不能为空", trigger: "change" },
+          ],
+          serviceOrgId: [
+            { required: true, message: "服务组织不能为空", trigger: "change" },
+          ],
+  
+          serviceTimeStart: [
+            { required: true, message: "服务时间不能为空", trigger: "change" },
+          ],
+          objList: [
+            { required: true, message: "服务范围不能为空", trigger: "change" },
+          ],
+          resiSearchTagId: [
+            {required:true,message:"享受服务人员不能为空",trigger:"bulr"}
+          ]
+       
+      },
+      
+  
+        endPickerOptions: {
+          // disabledDate: endDisabledDate,
+        },
+        startPickerOptions: {
+          // disabledDate: startDisabledDate,
+        },
+  
+        serviceOptions: [],
+        serviceOptiondList: [],
+        policyList: [],
+  
+        fileList: [],
+        uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+  
+        showPersonList: false,
+        ruleList: [],
+        firstInitMap: true,
+  
+        categrayOptions: [],
+        statusArray: [
+          {
+            value: "in_service",
+            label: "进行中",
+          },
+          {
+            value: "completed",
+            label: "已完成",
+          },
+        ],
+        satisfyArray: [
+          {
+            value: "bad",
+            label: "不满意",
+          },
+          {
+            value: "good",
+            label: "基本满意",
+          },
+          {
+            value: "perfect",
+            label: "非常满意",
+          },
+        ],
+        showLabelForm: false,
+      };
+    },
+  
+    computed: {
+  
+    },
+  
+    watch: {
+      "formData.serviceTimeEnd": function (val) {
+        if (val && val != "") {
+          let arrayTemp = val.split(" ");
+          this.formData.serviceTimeEnd = arrayTemp[0] + " 23:59:59";
+        }
+      },
+    },
+  
+    components: {  labelForm },
+  
+    async mounted() {
+      this.startLoading();
+      // 都已经重置了，还放在prop里干嘛，我不理解
+      this.categrayOptions = this.categrayArray;
+  
+      // this.getCategrayList();
+      this.getDictOptions();
+      this.getPolicyList();
+      if (this.formType === "add") {
+        this.$refs.ref_form.resetFields();
+        await this.loadScopeTree();
+      } else {
+      }
+  
+      await this.iniDefaultData();
+  
+      this.endLoading();
+      // 服务分类下拉（其实是获取的共性服务分类）
+      this.$http
+        .get("/governance/commonServiceType/selectList/0")
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            this.serviceTypesLevel1 = res.data;
+            console.log(res.data);
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+  
+    methods: {
+      handelDisabledRules(v){
+        if(!v){
+          delete this.dataRule.resiSearchTagId
+        }else{
+          var arr = [{ required: true, message: "享受服务人员不能为空", trigger: "change" }]
+          this.dataRule.resiSearchTagId = arr
+        }
+        console.log(this.dataRule);
+      },
+  
+      // 服务类型下拉框选中事件
+      handleChangeServiceTypeLevel1() {
+        this.formData.serviceTypeLevel2Id = "";
+        this.$http
+          .get(
+            "/governance/commonServiceType/selectList/" +
+              this.formData.serviceTypeLevel1Id
+          )
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceTypesLevel2 = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      // 如果服务方有选择第一个的话让它更新一下
+      handleChangeServiceTypeLevel2() {
+        console.log(this.formData.serviceTypeLevel1Id);
+        console.log(this.formData.serviceTypeLevel2Id);
+        if (this.formData.serviceOrgType) {
+          this.getServiceuserList(this.formData.serviceOrgType);
+        } else {
+          return;
+        }
+      },
+      handleClickLabel() {
+        this.showLabelForm = true;
+        this.$nextTick(() => {
+          this.$refs["ref_label_form"].initForm("info");
+        });
+      },
+      addFormOk(val) {
+        this.showLabelForm = false;
+        console.log(val.tagId);
+        this.formData.resiSearchTagId = val.tagId;
+        this.formData.resiSearchTagName = val.tagName;
+      },
+      addFormCancle() {
+        this.showLabelForm = false;
+      },
+      handleCloseTag(){
+        this.formData.resiSearchTagId ='';
+        this.formData.resiSearchTagName = '';
+      },
+      async iniDefaultData() {
+        const { defaultData } = this;
+        console.log("iniDefaultData3", defaultData);
+        if (defaultData) {
+          const { serviceOrgType, serviceOrgId, scopeIdArray } = defaultData;
+          if (serviceOrgType) {
+            this.formData.serviceOrgType = serviceOrgType;
+            await this.getServiceuserList(serviceOrgType, "add_demand");
+          }
+          if (serviceOrgId) {
+            this.formData.serviceOrgId = serviceOrgId;
+          }
+          if (scopeIdArray) {
+            this.scopeIdArray = scopeIdArray;
+            await nextTick();
+            this.handleChangeScope();
+          }
+        }
+      },
+  
+      handleClose() {
+        this.showPersonList = false;
+      },
+      handleOk() {
+        this.showPersonList = false;
+      },
+  
+      async getPolicyList() {
+        const url = "/governance/policy/policyListSelect";
+  
+        let params = {};
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.policyList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      async getDictOptions() {
+        this.$http
+          .post("/sys/dict/data/dictlist", {
+            dictType: "user_demand_service_type",
+          })
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceOptions = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+  
+      // 字典
+      // async getCategrayList() {
+      //   const url = "/sys/dict/data/dictlist";
+  
+      //   let params = {
+      //     dictType: "ic_service_type",
+      //   };
+  
+      //   const { data, code, msg } = await requestPost(url, params);
+  
+      //   if (code === 0) {
+      //     this.categrayOptions = data;
+      //   } else {
+      //     this.$message.error(msg);
+      //   }
+      // },
+      async handleServiceChange(type, val) {
+        console.log(val);
+        if (val === "social_org") {
+          if (type === "add") await this.getServiceuserList(val);
+          else this.getServiceuserList(val);
+        } else this.getServiceuserList(val);
+      },
+  
+      async getServiceuserList(serverOrgType) {
+        if (!serverOrgType) return false;
+        if (this.formData.serviceTypeLevel2Id == "") {
+          this.$message.error("请先选择服务类别!");
+          return;
+        }
+        const url = "/actual/base/serviceitem/listServerOrg";
+        let params = {
+          serviceTypeId: this.formData.serviceTypeLevel2Id,
+          serverOrgType: serverOrgType,
+          businessType: "common_service",
+        };
+        let { data, code, msg } = await requestPost(url, params);
+        if (code == 0) {
+          this.serviceOptiondList = data;
+        } else if (code >= 8000) {
+          this.$message.error(msg);
+        }
+      },
+  
+      // 获取服务范围树
+      async loadScopeTree() {
+        const url = "/gov/org/icServiceProject/service/serviceScopeTree";
+        // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+        let params = {};
+  
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          ++this.iscascaderShow;
+          this.casOptions = [];
+          this.scopeIdArray = [];
+          this.casOptions.push(data);
+        } else {
+          this.$message.error(rspMsg);
+        }
+      },
+  
+      handleChangeScope(value) {
+        this.formData.objList = [];
+        let selArray = this.$refs["myCascader"].getCheckedNodes();
+        console.log("handleChangeScope", selArray);
+        selArray.forEach((element) => {
+          let obj = {
+            objectType:
+              element.data.objectType === "grid"
+                ? "grid"
+                : element.data.objectType === "neighborhood"
+                ? "neighborhood"
+                : "agency",
+            objectId: element.data.objectId,
+            objectName: element.data.objectName,
+          };
+          this.formData.objList.push(obj);
+        });
+      },
+  
+      async handleComfirm() {
+          this.handleAdd();
+      },
+  
+      async handleAdd() {
+        this.btnDisable = true;
+        setTimeout(() => {
+          this.btnDisable = false;
+        }, 10000);
+        this.$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;
+            }
+              this.addFuwu();
+          }
+        });
+      },
+  
+      async addFuwu() {
+     
+  
+        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;
+        // }
+  
+      
+        const url = "/governance/icServiceRecordV2/searchAdd";
+        // const url = 'http://yapi.elinkservice.cn/mock/245/governance/icServiceProject/service/initiate'
+        let params = {
+          ...this.formData,
+        };
+        delete params.serviceTypeLevel1Id
+        const { data, code, msg } = await requestPost(url, params);
+  
+        if (code === 0) {
+          this.$message.success("发起成功");
+          this.resetData();
+          this.$emit("handleOk");
+        } else {
+          this.$message.error(msg);
+        }
+      },
+  
+      
+     
+      handleCancle() {
+        this.resetData();
+        this.$emit("handleClose");
+      },
+  
+     
+      resetData() {
+        this.formData = {
+          serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id
+          serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id
+          objList: [], //
+          principalName: "", //经办人(责任人)姓名
+          principalContact: "", //经办人联系方式
+          serviceTimeStart: "", //服务起始时间yyyy-MM-dd
+          serviceTimeEnd: "", //服务截止时间yyyy-MM-dd
+          remark: "", //
+        };
+      },
+      // 开启加载动画
+      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/measure/detailForm.vue b/src/views/modules/communityService/measure/detailForm.vue
new file mode 100644
index 000000000..033ec19e5
--- /dev/null
+++ b/src/views/modules/communityService/measure/detailForm.vue
@@ -0,0 +1,419 @@
+<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>{{ resiSearchTagName }}</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">
+      </div>
+      <el-row type="flex" justify="right">
+          <el-col :span="24"  align="right">
+           <el-button size="small" @click="handleCancle" style="margin-right:16px;">关 闭</el-button>
+          </el-col>
+      </el-row>
+      <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: {},
+        resiSearchTagName:"",
+        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 = "/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 = "/governance/policy/policyListSelect";
+
+        let params = {};
+
+        const { data, code, msg } = await requestPost(url, params);
+
+        if (code === 0) {
+          this.policyList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+      //加载组织
+      async loadInfo() {
+        const url = "/governance/icServiceRecordV2/detail";
+
+        let params = {
+          serviceRecordId: this.serviceRecordId,
+        };
+
+        const { data, code, msg } = await requestPost(url, params);
+
+        if (code === 0) {
+          this.formData = { ...data };
+          this.formData.serviceRecordId = this.serviceRecordId;
+          this.feedbackFormData = { ...data.feedback };
+          this.formData.policyName = "";
+          this.formData.gridIdListName = "";
+          this.feedbackFormData.serviceStatusShow = "";
+          this.feedbackFormData.satisfactionShow = "";
+          await this.getTagName()
+          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);
+        }
+      },
+      async getTagName() {
+        const url = "/governance/resiSearchTag/listResiSearchTags";
+        let params = {
+          pageSize: 99,
+        };
+        let { data, msg, code } = await requestPost(url, params);
+        if (code == 0) {
+          let showAddProduct = data.list.filter(item=>{
+             return [this.formData.resiSearchTagId].includes(item.tagId)
+            })
+          if(this.formData.resiSearchTagId){
+            this.resiSearchTagName = showAddProduct[0].tagName
+          }else{
+           this.resiSearchTagName = '--'
+          }
+         
+        } 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" },
+          ],
+        };
+      },
+      // resiSearchTagNameText(){
+      //   let text = ""
+      //   if(this.resiSearchTagName){
+      //     text = this.resiSearchTagName
+      //   }else {
+      //     text = '--'
+      //   }
+      //   return text
+      // },
+    },
+    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";
+  .info-prop{
+    margin-top: 29px;
+  }
+  .scroll-h{
+    padding: 0 90px !important;
+  }
+  </style>
diff --git a/src/views/modules/communityService/measure/editForm.vue b/src/views/modules/communityService/measure/editForm.vue
new file mode 100644
index 000000000..eb196dd72
--- /dev/null
+++ b/src/views/modules/communityService/measure/editForm.vue
@@ -0,0 +1,826 @@
+<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">
+             <el-switch v-model="assignSwitch"> </el-switch>
+           </el-form-item>
+
+            <el-form-item
+            label="查找享受服务人员"
+            prop="principalContact"
+            label-width="150px"
+            style="display: block"
+            v-show="this.assignSwitch"
+             >
+             <input type="text" v-model="formData.resiSearchTagId" v-show="false">
+              <template  v-if="this.resiSearchTagName">
+                <el-tag   @close="handleCloseTag"  closable style="margin-right:10px;">
+                {{this.resiSearchTagName }}
+              </el-tag>
+              </template>
+
+          <el-button type="primary" @click="handleClickLabel" size="mini">
+            <span> <i class="el-icon-plus"></i> 按标签查找 </span>
+          </el-button>
+        </el-form-item>
+          <el-form-item label="服务时间"
+                        label-width="150px"
+                        prop="serviceTimeStart"
+                        style="display: block">
+            <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="u-data-tag">至</span>
+            <el-date-picker :disabled="formType==='detail'"
+                            v-model="formData.serviceTimeEnd"
+                            :picker-options="endPickerOptions"
+                            class="item_width_2 u-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>
+      <el-dialog
+      v-if="showLabelForm"
+      :visible.sync="showLabelForm"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'标签配置'"
+      width="900px"
+      top="5vh"
+      class="dialog-h"
+      @closed="showLabelForm = false"
+    >
+      <label-form
+        ref="ref_label_form"
+        :policyId="policyId"
+        :ruleList="ruleList"
+        @dialogCancle="addFormCancle"
+        @dialogOk="addFormOk"
+      >
+        <!--    @handleOk="handleOk"
+        @handleClose="handleClose" -->
+      </label-form>
+    </el-dialog>
+    </div>
+  </template>
+
+  <script>
+  import { mapGetters } from 'vuex'
+  import { Loading } from 'element-ui' // 引入Loading服务
+  import { requestPost } from '@/js/dai/request'
+  import personList from "../policy/personList";
+  import labelForm from "../labelConfig/addForm.vue";
+import { nextTick } from 'vue';
+
+  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: '',
+        assignSwitch: true,
+        formData: {
+        },
+        showLabelForm: false,
+        resiSearchTagName:'',
+        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 ,labelForm},
+    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 = "/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
+
+
+      },
+      handleClickLabel() {
+      this.showLabelForm = true;
+      this.$nextTick(() => {
+        this.$refs["ref_label_form"].initForm("info");
+      });
+    },
+      async getPolicyList () {
+        const url = '/governance/policy/policyListSelect'
+
+        let params = {}
+
+        const { data, code, msg } = await requestPost(url, params)
+
+        if (code === 0) {
+          this.policyList = data
+        } else {
+          this.$message.error(msg)
+        }
+      },
+      //加载组织
+      async loadInfo () {
+        const url = '/governance/icServiceRecordV2/detail'
+
+        let params = {
+          serviceRecordId: this.serviceRecordId
+        }
+
+        const { data, code, msg } = await requestPost(url, params)
+
+        if (code === 0) {
+          this.formData = { ...data }
+          this.formData.serviceRecordId = this.serviceRecordId
+          this.feedbackFormData = { ...data.feedback }
+          await this.getTagName()
+          this.fileList = []
+          if (data.feedback && data.feedback.fileList && data.feedback.fileList.length > 0) {
+            data.feedback.fileList.forEach(element => {
+              let obj = {
+                name: element.name,
+                format: element.format,
+                url: element.url,
+              }
+              this.fileList.push(obj)
+            });
+          }
+
+
+        } else {
+          this.$message.error(msg)
+        }
+      },
+      async getTagName() {
+        const url = "/governance/resiSearchTag/listResiSearchTags";
+        let params = {
+          pageSize: 99,
+        };
+        let { data, msg, code } = await requestPost(url, params);
+        if (code == 0) {
+          let showAddProduct = data.list.filter(item=>{
+             return [this.formData.resiSearchTagId].includes(item.tagId)
+            })
+          this.resiSearchTagName = showAddProduct[0].tagName
+          this.assignSwitch = true
+        } 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;
+        }
+        console.log(this.formData);
+        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')
+
+      },
+      addFormOk(val) {
+      this.showLabelForm = false;
+      this.formData.resiSearchTagId = val.tagId;
+      this.resiSearchTagName = val.tagName;
+      },
+      addFormCancle() {
+        this.showLabelForm = false;
+      },
+      handleCloseTag(){
+        this.resiSearchTagName = ''
+        this.formData.resiSearchTagId = ''
+      },
+      //下载
+      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>
diff --git a/src/views/modules/communityService/measure/index Copy.vue b/src/views/modules/communityService/measure/index Copy.vue
new file mode 100644
index 000000000..b921ea3b9
--- /dev/null
+++ b/src/views/modules/communityService/measure/index Copy.vue	
@@ -0,0 +1,1536 @@
+<template>
+    <div v-if="pageLoading" class="g-main">
+      <div class="m-search" ref="searchCard" style="flex-direction: column;">
+        <section  :class="boxHeight ? 'm-form-box-height' : 'm-form-box-height-auto'">
+          <el-form
+          ref="searchForm"
+          :inline="true"
+          :model="searchForm"
+          class="demo-form-inline"
+          label-width="100px"
+        >
+          <el-form-item label="所属网格" prop="gridId">
+            <el-select
+              v-model="searchForm.gridId"
+              class="u-item-width-normal"
+              size="small"
+              filterable
+              placeholder="请选择"
+              clearable
+            >
+              <el-option
+                v-for="item in optionsG"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                size="small"
+                class="u-item-width-normal"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="需求分类" prop="categoryCode">
+            <el-cascader
+              v-model="searchForm.categoryCode"
+              class="u-item-width-daterange2"
+              size="small"
+              :options="searchdemandOptions"
+              :props="{ checkStrictly: true }"
+              clearable
+              @change="handleCateCHange"
+            ></el-cascader>
+            <!-- <el-select v-model="searchForm.categoryCode" filterable placeholder="请选择" clearable>
+                  <el-option
+                    v-for="item in demandOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select> -->
+          </el-form-item>
+          <el-form-item label="需求人" prop="demandUserName">
+            <el-input
+              size="small"
+              class="u-item-width-normal"
+              v-model="searchForm.demandUserName"
+              placeholder="请输入内容"
+              clearable=""
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select
+              size="small"
+              class="u-item-width-normal"
+              v-model="searchForm.status"
+              filterable
+              placeholder="请选择"
+              clearable
+            >
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="上报时间" prop="reportStartTime">
+            <el-date-picker
+              v-model="reportTime"
+              size="small"
+              type="daterange"
+              class="u-item-width-daterange2"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable=""
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="服务类型" prop="serviceType">
+            <el-select
+              v-model="searchForm.serviceType"
+              class="u-item-width-normal"
+              size="small"
+              filterable
+              placeholder="请选择"
+              clearable
+              @change="handleServiceChange('query', $event)"
+            >
+              <el-option
+                v-for="item in serviceOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="serverId">
+            <el-select
+              v-model="searchForm.serverId"
+              filterable
+              :disabled="searchForm.serviceType ? false : true"
+              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="wantServiceStartTime">
+            <el-date-picker
+              v-model="serviceTime"
+              size="small"
+              class="u-item-width-daterange2"
+              type="daterange"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        </section>
+        <el-row>
+          <el-col :span="24" align="right">
+            <el-button type="primary" size="small" @click="handleSearch"
+              >查询</el-button
+            >
+            <el-button
+              class="diy-button--white"
+              size="small"
+              @click="resetForm('searchForm')"
+              >重置</el-button
+            >
+            <el-button
+                style="margin:0 6px 0 10px"
+                size="small"
+                class="div-table-button--blue"
+                type="text"
+                @click="boxHeight = !boxHeight"
+                >{{ boxHeight ? "展开" : "收起"
+                }}<i
+                  :class="boxHeight ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"
+                ></i
+              ></el-button>
+          </el-col>
+        </el-row>
+      </div>
+  
+      <div class="m-table">
+        <div class="div_btn">
+        <el-button size="small" @click="handleAdd('add')" type="primary"
+          >新增</el-button
+        >
+      </div>
+        <el-table
+          :data="tableData"
+          row-key="categoryId"
+          v-loading="tableLoading"
+          class="m-table-item"
+          border
+          :height="tableHeight"
+          style="width: 100%"
+        >
+          <el-table-column label="序号" type="index" align="center" width="50">
+          </el-table-column>
+          <el-table-column
+            v-for="item in tableHeader"
+            :key="item.columnName"
+            :prop="item.columnName"
+            :label="item.label"
+            :align="item.align"
+            :min-width="item.width"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span>{{ handleFilterSpan(scope.row, item) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center" width="200">
+            <template slot-scope="scope">
+              <template v-if="filterEdit(scope.row.agencyId)">
+                <el-button
+                  v-if="
+                    scope.row.status === 'pending' ||
+                    scope.row.status === 'assigned'
+                  "
+                  type="text"
+                  size="small"
+                  @click="handleAppoint(scope.row, 'appoint')"
+                  >指派</el-button
+                >
+                <!-- v-if="scope.row.status === 'assigned' || scope.row.status === 'have_order'" -->
+                <template
+                  v-if="
+                    scope.row.reportType == 'self_help' &&
+                    scope.row.serviceShowFlag
+                  "
+                >
+                  <el-button
+                    v-if="
+                      scope.row.serviceType !== 'volunteer' &&
+                      scope.row.status !== 'finished'
+                    "
+                    type="text"
+                    size="small"
+                    @click="handleFinish(scope.row, 'finish')"
+                    >完成情况</el-button
+                  >
+                </template>
+                <template v-else>
+                  <el-button
+                    v-if="
+                      scope.row.status === 'assigned' ||
+                      scope.row.status === 'have_order' ||
+                      (scope.row.status == 'finished' && !scope.row.evaluateFlag)
+                    "
+                    type="text"
+                    size="small"
+                    @click="handleFinish(scope.row, 'finish')"
+                    >完成情况</el-button
+                  >
+                </template>
+                <template v-if="scope.row.reportType != 'self_help'">
+                  <el-button
+                    v-if="scope.row.status === 'pending'"
+                    @click="handleEdit(scope.row, 'edit')"
+                    type="text"
+                    size="small"
+                    >修改</el-button
+                  >
+                  <el-popconfirm
+                    title="取消之后无法恢复，确认取消？"
+                    @onConfirm="handleDel(scope.row)"
+                    style="margin-left: 10px;"
+                  >
+                    <el-button
+                      v-if="
+                        scope.row.status !== 'finished' &&
+                        scope.row.status !== 'canceled'
+                      "
+                      slot="reference"
+                      type="text"
+                      size="small"
+                      >取消</el-button
+                    >
+                  </el-popconfirm>
+                </template>
+              </template>
+              <el-button
+                @click="handleLook(scope.row, 'look')"
+                type="text"
+                size="small"
+                style="margin-left: 10px;"
+                >查看</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <div>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="currentPage"
+          :page-sizes="[20, 50, 100, 200]"
+          :page-size="pageSize"
+          layout="sizes, prev, pager, next, total"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
+      </div>
+    
+  
+      <el-dialog
+        title="需求信息"
+        :visible.sync="dialogVisible"
+        width="50%"
+        top="5vh"
+        append-to-body
+        class="dialog-h"
+        :close-on-click-modal="false"
+        :before-close="handlerCancle"
+      >
+        <el-form
+          v-if="dialogVisible"
+          label-width="120px"
+          :model="form"
+          :rules="rules"
+          ref="ruleForm"
+          class="form-wr dialog-h-content scroll-h"
+        >
+          <el-form-item label="所属网格" prop="gridId">
+            <el-input
+              v-if="disabled"
+              v-model="form.gridName"
+              :disabled="disabled"
+              size="small"
+              class="u-item-width-normal"
+            ></el-input>
+            <!-- <span >{{ form.gridName }}</span> -->
+            <el-select
+              v-else
+              v-model="form.gridId"
+              filterable
+              placeholder="请选择"
+              size="small"
+              class="u-item-width-normal"
+              clearable
+              :disabled="disabled"
+              @change="handleGridChange"
+            >
+              <el-option
+                v-for="item in disabled ? optionsG : optionsEditG"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="需求类型" prop="categoryCode">
+            <el-input
+              v-if="disabled"
+              v-model="form.categoryName"
+              :disabled="disabled"
+              class="input-width-min"
+            ></el-input>
+            <el-cascader
+              v-else
+              v-model="form.categoryCode"
+              :options="demandOptions"
+              :disabled="disabled"
+              clearable
+              size="small"
+              class="u-item-width-normal"
+              @change="handleCateSlect"
+            ></el-cascader>
+            <!-- <el-select v-model="form.parentCode" filterable placeholder="请选择" class="input-width" clearable>
+              <el-option
+                v-for="item in demandOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select> -->
+          </el-form-item>
+          <el-form-item label="上报类型" prop="reportType">
+            <el-input
+              v-if="disabled"
+              v-model="form.reportTypeName"
+              :disabled="disabled"
+              class="input-width"
+            ></el-input>
+            <el-select
+              v-else
+              v-model="form.reportType"
+              filterable
+              class="input-width"
+              placeholder="请选择"
+              clearable
+              :disabled="disabled"
+            >
+              <el-option
+                v-for="item in reportOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="上报人" prop="reportUserName">
+            <el-input
+              v-model="form.reportUserName"
+              :disabled="disabled"
+              placeholder="请输入"
+              class="input-width"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="上报人联系电话" prop="reportUserMobile">
+            <el-input
+              v-model="form.reportUserMobile"
+              :disabled="disabled"
+              placeholder="请输入"
+              class="u-item-width-normal"
+              maxlength="11"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="上报时间" prop="reportTime">
+            <el-date-picker
+              v-model="form.reportTime"
+              type="datetime"
+              class="u-item-width-daterange2"
+              size="small"
+              clearable
+              :disabled="disabled"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="选择日期时间"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="需求人" prop="demandUserId">
+            <el-input
+              v-if="disabled"
+              v-model="form.demandUserName"
+              :disabled="disabled"
+              class="u-item-width-normal"
+            ></el-input>
+            <el-select
+              v-else
+              v-model="selectDemandUser"
+              class="u-item-width-normal"
+              filterable
+              :disabled="disabled"
+              placeholder="请选择"
+              clearable
+              @change="handleDemandChange"
+            >
+              <el-option
+                v-for="item in demandUserList"
+                :key="item.demandUserId"
+                :label="item.label"
+                :value="item"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="服务时间" prop="wantServiceTime">
+            <el-date-picker
+              v-model="form.wantServiceTime"
+              type="datetime"
+              class="input-width"
+              clearable
+              :disabled="disabled"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="选择日期时间"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="需求内容" prop="content">
+            <el-input
+              v-model="form.content"
+              :autosize="{ minRows: 2, maxRows: 10 }"
+              :disabled="disabled"
+              type="textarea"
+              clearable
+              class="input-width-textarea"
+              placeholder="请输入内容"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            v-if="
+              addType === 'appoint' ||
+              addType == 'finish' ||
+              (addType == 'look' && form.serviceShowFlag)
+            "
+            label="服务方"
+            prop="serviceType"
+          >
+            <template v-if="disabled && addType !== 'appoint'">
+              <el-input
+                v-model="form.serviceShowName"
+                :disabled="disabled"
+                class="input-width"
+              ></el-input>
+            </template>
+            <template v-else>
+              <el-select
+                v-model="form.serviceType"
+                class="input-width-small"
+                placeholder="请选择"
+                clearable
+                :disabled="disabled && addType !== 'appoint'"
+                @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="form.serverId"
+                class="input-width-middle"
+                filterable
+                placeholder="请选择"
+                clearable
+                :disabled="disabled && addType !== 'appoint'"
+              >
+                <el-option
+                  v-for="item in serviceOptiondList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-form-item>
+          <el-form-item
+            v-if="addType == 'look' && form.status == 'canceled'"
+            label="取消时间"
+            prop="cancelTime"
+          >
+            <span>{{ form.cancelTime }}</span>
+          </el-form-item>
+          <template
+            v-if="
+              (addType == 'finish' && form.reportType != 'self_help') ||
+              (addType == 'look' && form.status == 'finished')
+            "
+          >
+            <el-form-item label="实际服务时间" prop="serviceStartTime">
+              <el-date-picker
+                v-model="finishServiceTime"
+                class="input-width-min"
+                clearable
+                :disabled="disabled && addType != 'finish'"
+                type="datetimerange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                @change="handelBlurServiceTime"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="完成情况" prop="finishResult">
+              <el-radio
+                v-model="form.finishResult"
+                label="resolved"
+                :disabled="disabled && addType != 'finish'"
+                >已解决</el-radio
+              >
+              <el-radio
+                v-model="form.finishResult"
+                label="unresolved"
+                :disabled="disabled && addType != 'finish'"
+                >未解决</el-radio
+              >
+            </el-form-item>
+            <el-form-item label="评价" prop="score" class="form-score">
+              <el-rate
+                v-model="form.score"
+                :allow-half="true"
+                :disabled="disabled && addType != 'finish'"
+              ></el-rate>
+            </el-form-item>
+            <el-form-item label="备注" prop="finishDesc">
+              <el-input
+                v-model="form.finishDesc"
+                :autosize="{ minRows: 2, maxRows: 10 }"
+                :disabled="disabled && addType != 'finish'"
+                type="textarea"
+                clearable
+                class="input-width-textarea"
+                placeholder="请输入内容"
+              ></el-input>
+            </el-form-item>
+          </template>
+          <template v-if="addType == 'finish' && form.reportType == 'self_help'">
+            <el-form-item label="实际服务时间" prop="serviceStartTime">
+              <el-date-picker
+                v-model="finishServiceTime"
+                class="input-width-min"
+                clearable
+                :disabled="disabled && addType != 'finish'"
+                type="datetimerange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                @change="handelBlurServiceTime"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </template>
+        </el-form>
+        <div class="resi-btns">
+          <el-button size="small" @click="handlerCancle">{{
+            addType != "look" ? "取消" : "关闭"
+          }}</el-button>
+          <el-button
+            v-if="addType != 'look'"
+            type="primary"
+            size="small"
+            :loading="btnLoading"
+            @click="handleSUbmit"
+            >提交</el-button
+          >
+        </div>
+      </el-dialog>
+  
+      <el-dialog
+        title="需求详情"
+        :visible.sync="detailShow"
+        width="50%"
+        top="5vh"
+        append-to-body
+        class="dialog-h"
+        :close-on-click-modal="false"
+        :before-close="detailFormCancle"
+      >
+        <detail ref="ref_form_detail" @diaDetailClose="detailFormCancle"></detail>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { mapGetters } from "vuex";
+  import info from "./info";
+  import detail from "./detail";
+  
+  export default {
+    components: { info, detail },
+  
+    data() {
+      return {
+        tableLoading: false,
+        btnLoading: false,
+        disabled: false,
+        pageLoading: false,
+        dialogVisible: false,
+        currentPage: 1,
+        pageSize: 20,
+        total: null,
+        tableData: [],
+        searchH: 0,
+        addLevel: "1",
+        addType: "add",
+        value: "",
+        statusOptions: [
+          {
+            label: "待处理",
+            value: "pending",
+          },
+          {
+            label: "已取消",
+            value: "canceled",
+          },
+          {
+            label: "已指派",
+            value: "assigned",
+          },
+          {
+            label: "已接单",
+            value: "have_order",
+          },
+          {
+            label: "已完成",
+            value: "finished",
+          },
+        ],
+  
+        boxHeight:true,
+  
+        serviceOptions: [
+          {
+            label: "志愿者",
+            value: "volunteer",
+          },
+          //  {
+          //   label: '社会组织',
+          //   value: 'social_org'
+          // },
+          {
+            label: "社区自组织",
+            value: "community_org",
+          },
+          {
+            label: "区域党建单位",
+            value: "party_unit",
+          },
+        ],
+        serviceOptiondList: [],
+        options: [
+          {
+            label: "是",
+            value: 1,
+          },
+          {
+            label: "否",
+            value: 2,
+          },
+        ],
+        reportOptions: [],
+        demandOptions: [],
+        searchdemandOptions: [],
+        demandUserList: [],
+        optionsG: [],
+        optionsEditG: [],
+        tableHeader: [
+          {
+            label: "状态",
+            align: "center",
+            columnName: "statusName",
+            width: "120",
+            options: [
+              {
+                label: "待处理",
+                value: "pending",
+              },
+              {
+                label: "已取消",
+                value: "canceled",
+              },
+              {
+                label: "已派单",
+                value: "assigned",
+              },
+              {
+                label: "已接单",
+                value: "have_order",
+              },
+              {
+                label: "已完成",
+                value: "finished",
+              },
+            ],
+          },
+          {
+            label: "所属网格",
+            columnName: "gridName",
+            align: "center",
+            width: "",
+            options: [],
+          },
+          {
+            label: "需求类型",
+            columnName: "categoryName",
+            align: "center",
+            width: "",
+            options: [],
+          },
+          {
+            label: "需求内容",
+            columnName: "content",
+            align: "center",
+            width: "",
+            options: [],
+          },
+          {
+            label: "上报类型",
+            columnName: "reportTypeName",
+            align: "center",
+            width: "120",
+            options: [
+              {
+                label: "社区帮办",
+                value: "community",
+              },
+              {
+                label: "楼长帮办",
+                value: "building_caption",
+              },
+              {
+                label: "党员帮办",
+                value: "party",
+              },
+              {
+                label: "自身上报",
+                value: "self_help",
+              },
+            ],
+          },
+          {
+            label: "上报人",
+            columnName: "reportUserName",
+            align: "center",
+            width: "120",
+            options: [],
+          },
+          {
+            label: "上报时间",
+            columnName: "reportTime",
+            align: "center",
+            width: "180",
+            options: [],
+          },
+          {
+            label: "需求人",
+            columnName: "demandUserName",
+            align: "center",
+            width: "80",
+            options: [],
+          },
+          {
+            label: "服务方",
+            columnName: "serviceShowName",
+            align: "center",
+            width: "120",
+            options: [],
+          },
+          {
+            label: "服务时间",
+            columnName: "wantServiceTime",
+            align: "center",
+            width: "180",
+            options: [],
+          },
+        ],
+        customerId: "",
+        reportTime: "",
+        serviceTime: "",
+        finishServiceTime: "",
+        searchForm: {
+          gridId: "",
+          categoryCode: "",
+          level: "",
+          demandUserName: "",
+          reportStartTime: "",
+          reportEndTime: "",
+          status: "",
+          serviceType: "",
+          serverId: "",
+          wantServiceStartTime: "",
+          wantServiceEndTime: "",
+        },
+        selectDemandUser: "",
+        form: {
+          gridId: "",
+          categoryCode: "",
+          parentCode: "",
+          content: "",
+          reportType: "",
+          reportUserName: "",
+          reportUserMobile: "",
+          reportTime: "",
+          wantServiceTime: "",
+          demandUserId: "",
+          demandUserName: "",
+          demandUserMobile: "",
+        },
+        rules: {
+          gridId: [
+            { required: true, message: "所属网格不能为空", trigger: "blur" },
+          ],
+          categoryCode: [
+            { required: true, message: "需求分类不能为空", trigger: "blur" },
+          ],
+          content: [
+            { required: true, message: "需求内容不能为空", trigger: "blur" },
+          ],
+          reportType: [
+            { required: true, message: "上报类型不能为空", trigger: "blur" },
+          ],
+          reportUserName: [
+            { required: true, message: "上报人不能为空", trigger: "blur" },
+          ],
+          reportUserMobile: [
+            {
+              required: true,
+              message: "上报人联系电话不能为空",
+              trigger: "blur",
+            },
+          ],
+          reportTime: [
+            { required: true, message: "上报时间不能为空", trigger: "blur" },
+          ],
+          demandUserId: [
+            { required: true, message: "需求人不能为空", trigger: "blur" },
+          ],
+          wantServiceTime: [
+            { required: true, message: "服务时间不能为空", trigger: "blur" },
+          ],
+          serviceType: [
+            { required: true, message: "服务方不能为空", trigger: "blur" },
+          ],
+          serviceStartTime: [
+            { required: true, message: "实际服务时间不能为空", trigger: "blur" },
+          ],
+          score: [{ required: true, message: "评分不能为空", trigger: "blur" }],
+          // finishDesc: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
+          finishResult: [
+            { required: true, message: "完成情况不能为空", trigger: "blur" },
+          ],
+        },
+  
+        visitableInfo: false,
+        currDemandId: "",
+        infoAddType: "look",
+        detailShow: false,
+      };
+    },
+    computed: {
+      ...mapGetters(["clientHeight", "iframeHeight"]),
+      tableHeight() {
+        const h = this.clientHeight - this.searchH - 450 + this.iframeHeigh;
+        const _h = this.clientHeight - 450 - this.searchH;
+        return this.$store.state.inIframe ? h : _h;
+      },
+    },
+    async created() {
+      this.customerId = localStorage.getItem("customerId");
+  
+      this.getTableData();
+      this.getDemandOptions();
+      this.getDictOptions();
+      setTimeout(() => {
+        this.getGridList("query");
+        this.getGridList("addorupdate");
+      }, 200);
+      this.pageLoading = true;
+    },
+    mounted() {
+      this.$nextTick(() => {
+        this.searchH = this.$refs.searchCard.$el.offsetHeight;
+        console.log("tableHeight", this.tableHeight);
+      });
+    },
+    methods: {
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.pageSize = val;
+        this.getTableData();
+      },
+      handleCurrentChange(val) {
+        console.log(`当前页: ${val}`);
+        this.currentPage = val;
+        this.getTableData();
+      },
+      handleFilterSpan(row, item) {
+        let _val = "";
+        if (item.options && item.options.length > 0) {
+          item.options.forEach((n) => {
+            if (n.value === row[item.columnName]) _val = n.label;
+          });
+        }
+        return _val || row[item.columnName];
+      },
+      filterEdit(id) {
+        const { user } = this.$store.state;
+        return id === user.agencyId;
+      },
+      resetForm(formName) {
+        this.searchForm.reportStartTime = "";
+        this.searchForm.reportEndTime = "";
+        this.searchForm.wantServiceStartTime = "";
+        this.searchForm.wantServiceEndTime = "";
+        this.searchForm.categoryCode = "";
+        this.searchForm.level = "";
+        this.reportTime = "";
+        this.serviceTime = "";
+        this.$refs[formName].resetFields();
+        this.handleSearch();
+      },
+      handleCateCHange(val) {
+        console.log("val", val);
+        this.searchForm.categoryCode = val[1] || val[0];
+        this.searchForm.level = val.length;
+      },
+      handleCateSlect(val) {
+        console.log("val", val);
+        if (val.length === 1) {
+          this.demandOptions.forEach((item) => {
+            if (item.value == val[0]) this.form.parentCode = item.pvalue;
+          });
+          this.form.categoryCode = val[0];
+        } else {
+          this.form.parentCode = val[0];
+          this.form.categoryCode = val[1];
+        }
+      },
+      handleDemandChange(val) {
+        console.log("val", val, this.selectDemandUser);
+        this.selectDemandUser = val.label;
+        this.form.demandUserName = val.demandUserName;
+        this.form.demandUserMobile = val.demandUserMobile;
+        this.form.demandUserId = val.demandUserId;
+      },
+      handleSearch(val) {
+        console.log("searchhh--", val);
+        this.currentPage = 1;
+        if (Array.isArray(this.reportTime) && this.reportTime.length > 0) {
+          this.searchForm.reportStartTime = this.reportTime[0];
+          this.searchForm.reportEndTime = this.reportTime[1];
+        }
+        if (Array.isArray(this.serviceTime) && this.serviceTime.length > 0) {
+          this.searchForm.wantServiceStartTime = this.serviceTime[0];
+          this.searchForm.wantServiceEndTime = this.serviceTime[1];
+        }
+        this.getTableData();
+      },
+      handelBlurServiceTime(val) {
+        console.log("val", val);
+        if (val.length > 0) {
+          this.form.serviceStartTime = val[0];
+          this.form.serviceEndTime = val[1];
+        }
+      },
+      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, "");
+      },
+      handleGridChange(val) {
+        this.getDemandUserList();
+      },
+      handleAdd(addType) {
+        this.addType = addType;
+        this.dialogVisible = true;
+      },
+      handlerCancle() {
+        // this.form.categoryCode = ''
+        // this.form.parentCode = ''
+        // this.form.demandUserName = ''
+        // this.form.demandUserMobile = ''
+        // this.form.demandUserId = ''
+        this.$delete(this.form, "demandRecId");
+        this.selectDemandUser = "";
+        this.finishServiceTime = "";
+        for (const n in this.form) {
+          this.form[n] = "";
+        }
+        this.disabled = false;
+        // this.$refs.ruleForm.resetFields()
+        this.dialogVisible = false;
+      },
+      async formatRowForm(row, addType, disabled) {
+        this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] };
+        this.addType = addType;
+  
+        if (disabled) {
+          // await this.getGridList('query', row.agencyId)
+          this.disabled = disabled;
+        }
+        if (addType == "look") {
+          this.finishServiceTime =
+            (row.serviceStartTime && [
+              row.serviceStartTime,
+              row.serviceEndTime,
+            ]) ||
+            "";
+        }
+        if (addType == "finish") {
+          if (row.serviceStartTime)
+            this.finishServiceTime = [row.serviceStartTime, row.serviceEndTime];
+  
+          this.form.finishResult = "resolved";
+          this.form.score = 5;
+        }
+        if (addType == "appoint" && row.serviceType) {
+          const type = row.serviceType == "social_org" ? "add_demand" : "";
+          await this.getServiceuserList(row.serviceType, type);
+        }
+        if (addType == "edit") {
+          await this.getDemandUserList();
+          this.demandOptions.forEach((item) => {
+            if (item.value === row.categoryCode)
+              this.form.categoryCode = [row.categoryCode];
+          });
+          this.demandUserList.forEach((item) => {
+            if (item.demandUserId == row.demandUserId)
+              this.selectDemandUser = item.label;
+          });
+        }
+  
+        this.dialogVisible = true;
+      },
+      async handleLook(row, type) {
+        this.detailShow = true;
+        console.log("row", row);
+        this.$nextTick(() => {
+          this.$refs.ref_form_detail.initForm(row);
+        });
+        // await this.formatRowForm(row, type, true);
+      },
+  
+      detailFormCancle() {
+        this.detailShow = false;
+      },
+  
+      async handleAppoint(row, type) {
+        await this.formatRowForm(row, type, true);
+      },
+      async handleFinish(row, type) {
+        await this.formatRowForm(row, type, true);
+      },
+      async handleEdit(row, type) {
+        await this.formatRowForm(row, type, false);
+        // this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] }
+        // this.addType = addType
+        // this.demandOptions.forEach(item => {
+        //   if (item.value === row.categoryCode) this.form.categoryCode = [row.categoryCode]
+        // })
+        // await this.getDemandUserList()
+        // this.demandUserList.forEach(item => {
+        //   if (item.demandUserId == row.demandUserId) this.selectDemandUser = item
+        // })
+        // console.log('selectDemandUser', this.selectDemandUser)
+        // this.dialogVisible = true
+      },
+      formatRowForm2(row, type) {
+        this.visitableInfo = true;
+        this.currDemandId = row.demandRecId;
+        this.infoAddType = type;
+      },
+      async addNew() {
+        const _form = {
+          ...this.form,
+        };
+        await this.$http
+          .post("/governance/userdemand/add", _form)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.handlerCancle();
+              this.getTableData();
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.btnLoading = false;
+      },
+      async appointAjax() {
+        const _form = {
+          demandRecId: this.form.demandRecId,
+          serviceType: this.form.serviceType,
+          serverId: this.form.serverId,
+        };
+        await this.$http
+          .post("/governance/userdemand/assign", _form)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.handlerCancle();
+              this.getTableData();
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.btnLoading = false;
+      },
+      async finishAjax() {
+        const { reportType, serviceShowFlag, serviceType } = this.form;
+        const _form = {
+          demandRecId: this.form.demandRecId,
+          serviceStartTime: this.form.serviceStartTime,
+          serviceEndTime: this.form.serviceEndTime,
+          finishResult: reportType == "self_help" ? "" : this.form.finishResult,
+          finishDesc: reportType == "self_help" ? "" : this.form.finishDesc,
+          serviceId: this.form.serviceId,
+          score: reportType == "self_help" ? 0 : this.form.score,
+        };
+        await this.$http
+          .post("/governance/userdemand/finish", _form)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.handlerCancle();
+              this.getTableData();
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.btnLoading = false;
+      },
+      async editCate() {
+        const categoryCode = this.form.categoryCode;
+        if (Array.isArray(categoryCode)) {
+          if (categoryCode.length === 1) {
+            this.demandOptions.forEach((item) => {
+              if (item.value == categoryCode[0])
+                this.form.parentCode = item.pvalue;
+            });
+            this.form.categoryCode = categoryCode[0];
+          } else {
+            this.form.parentCode = categoryCode[0];
+            this.form.categoryCode = categoryCode[1];
+          }
+        }
+  
+        const _form = {
+          ...this.form,
+        };
+        await this.$http
+          .post("/governance/userdemand/update", _form)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.handlerCancle();
+              this.getTableData();
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.btnLoading = false;
+      },
+      handleSUbmit() {
+        this.$refs.ruleForm.validate(async (valid) => {
+          if (valid) {
+            this.btnLoading = true;
+            if (this.addType == "add") this.addNew();
+            else if (this.addType == "edit") this.editCate();
+            else if (this.addType == "appoint") this.appointAjax();
+            else if (this.addType == "finish") this.finishAjax();
+          } else {
+            console.log("error submit!!");
+            return false;
+          }
+        });
+      },
+      handleDel(row) {
+        let params = {
+          demandRecId: row.demandRecId,
+        };
+        console.log("row1", row);
+        this.$http
+          .post("/governance/userdemand/cancel", params)
+          .then(({ data: res }) => {
+            console.log("row2", row);
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              console.log("row3", row);
+              this.$message.success("取消成功");
+              this.getTableData();
+            }
+          })
+          .catch((err) => {
+            console.log("row4", err);
+            return this.$message.error("网络错误");
+          });
+      },
+      getTreeData(data) {
+        if (!Array.isArray(data)) return [];
+        let arr = data.map((item) => {
+          let _item = {};
+          if (item.children) {
+            if (item.children.length === 0)
+              _item = { ...item, children: undefined };
+            else _item = { ...item, children: this.getTreeData(item.children) };
+          } else {
+            _item = { ...item };
+          }
+          return _item;
+        });
+        return arr;
+      },
+      getFlagData(data, flag) {
+        if (!Array.isArray(data)) return [];
+        let arr1 = data.filter((item) => item[flag]);
+        let arr2 = arr1.map((item) => {
+          if (item.children)
+            return { ...item, children: this.getFlagData(item.children, flag) };
+          else return item;
+        });
+        // console.log('arrr-oppp', arr2)
+        return arr2;
+      },
+      async getGridList(type, agencyId) {
+        const { user } = await this.$store.state;
+        console.log("user---ppp", user);
+        // addorupdate  query
+        await this.$http
+          .post("/gov/org/customergrid/gridoption", {
+            agencyId: agencyId || user.agencyId,
+            purpose: type,
+          })
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              console.log("获取查询详情成功", res.data);
+  
+              if (type === "query") this.optionsG = res.data;
+              else this.optionsEditG = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      async getDemandUserList() {
+        const { user } = await this.$store.state;
+        console.log("user---ppp", user);
+        const params = {
+          agencyId: user.agencyId,
+          gridId: this.form.gridId,
+          name: "",
+        };
+        // addorupdate
+        await this.$http
+          .post("/epmetuser/icresiuser/demandusers", params)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              console.log("获取查询详情成功", res.data);
+              this.demandUserList = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+  
+      async getDemandOptions() {
+        this.$http
+          .post("/governance/icresidemanddict/demandoption")
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.searchdemandOptions = this.getTreeData(res.data);
+              this.demandOptions = this.getFlagData(
+                this.getTreeData(res.data),
+                "usableFlag"
+              );
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      async getServiceuserList(serviceType, query) {
+        if (!serviceType) return false;
+        const { demandUserId } = this.form;
+        const params = {
+          serviceName: "",
+          serviceType: serviceType,
+          queryPurpose: query,
+        };
+        await this.$http
+          .post("/governance/userdemand/servicelist", params)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceOptiondList = res.data.filter(
+                (item) => item.value != demandUserId
+              );
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+      },
+      async getDictOptions() {
+        this.$http
+          .post("/sys/dict/data/dictlist", { dictType: "user_demand_status" })
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.statusOptions = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.$http
+          .post("/sys/dict/data/dictlist", {
+            dictType: "user_demand_report_type",
+          })
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.reportOptions =
+                res.data && res.data.filter((item) => item.value != "self_help");
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        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 getTableData() {
+        this.tableLoading = true;
+        let params = {
+          ...this.searchForm,
+          pageNo: this.currentPage,
+          pageSize: this.pageSize,
+        };
+        await this.$http
+          .post("/governance/userdemand/pagelist", params)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.tableData = res.data.list;
+              this.total = res.data.total;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
+        this.tableLoading = false;
+      },
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  @import "@/assets/scss/modules/management/list-main.scss";
+  .resi-container .resi-card-table {
+    ::v-deep .el-table th {
+      color: #fff;
+      background-color: rgba(33, 149, 254, 1);
+      // border-right: 1px solid rgba(33, 149, 254, 1);
+    }
+  }
+  .resi-table {
+    // ::v-deep .el-button--text {
+    //   text-decoration: underline;
+    // }
+    ::v-deep .btn-color-del {
+      margin: 0 10px;
+      color: rgba(213, 16, 16, 1);
+    }
+    ::v-deep .btn-color-edit {
+      color: rgba(0, 167, 169, 1);
+    }
+  }
+  .form-wr {
+    .input-width {
+      width: 260px;
+      &-small {
+        width: 160px;
+      }
+      &-middle {
+        width: 200px;
+      }
+      &-min {
+        min-width: 260px;
+      }
+    }
+    .input-width-textarea {
+      width: 400px;
+    }
+    .form-score {
+      ::v-deep .el-rate {
+        margin-top: 8px;
+      }
+    }
+  }
+  </style>
+  
+  <style lang="scss" scoped>
+  .resi-row-btn {
+    display: flex;
+    margin-bottom: 13px;
+    ::v-deep .el-button {
+      // margin-left: 10px;
+      border: 0;
+    }
+    ::v-deep .el-select {
+      margin-right: 10px;
+    }
+    .el-button--success {
+      background: rgba(34, 193, 195, 1);
+    }
+  }
+  .avatar-uploader {
+    ::v-deep .el-upload {
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+    }
+    .el-upload:hover {
+      border-color: #409eff;
+    }
+    .avatar {
+      width: 70px;
+      height: 70px;
+      display: block;
+    }
+    .avatar-uploader-icon {
+      border: 1px dashed #d9d9d9;
+      border-radius: 6px;
+      font-size: 28px;
+      color: #8c939d;
+      width: 70px;
+      height: 70px;
+      line-height: 70px;
+      text-align: center;
+    }
+  }
+  
+  .resi-btns {
+    margin-top: 20px;
+    text-align: center;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/modules/communityService/measure/index.vue b/src/views/modules/communityService/measure/index.vue
index e78cd493a..38ed6a844 100644
--- a/src/views/modules/communityService/measure/index.vue
+++ b/src/views/modules/communityService/measure/index.vue
@@ -1,1535 +1,806 @@
 <template>
-  <div v-if="pageLoading" class="g-main">
-    <div class="m-search" ref="searchCard" style="flex-direction: column;">
-      <section  :class="boxHeight ? 'm-form-box-height' : 'm-form-box-height-auto'">
-        <el-form
-        ref="searchForm"
-        :inline="true"
-        :model="searchForm"
-        class="demo-form-inline"
-        label-width="100px"
-      >
-        <el-form-item label="所属网格" prop="gridId">
-          <el-select
-            v-model="searchForm.gridId"
-            class="u-item-width-normal"
-            size="small"
-            filterable
-            placeholder="请选择"
-            clearable
-          >
-            <el-option
-              v-for="item in optionsG"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-              size="small"
-              class="u-item-width-normal"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="需求分类" prop="categoryCode">
-          <el-cascader
-            v-model="searchForm.categoryCode"
-            class="u-item-width-daterange2"
-            size="small"
-            :options="searchdemandOptions"
-            :props="{ checkStrictly: true }"
-            clearable
-            @change="handleCateCHange"
-          ></el-cascader>
-          <!-- <el-select v-model="searchForm.categoryCode" filterable placeholder="请选择" clearable>
-                <el-option
-                  v-for="item in demandOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
+  <div class="g-main">
+    <div>
+      <div class="m-search">
+        <el-form :inline="true"
+                 :model="formData"
+                 ref="ref_searchform"
+                 :label-width="'100px'">
+                <el-form-item prop="serviceType"
+                              label="服务类别"
+                             >
+                  <el-select class="u-item-width-daterange"
+                             v-model.trim="formData.serviceTypeLevel1Id"
+                             placeholder="请选择"
+                             size="small"
+                             clearable>
+                    <el-option v-for="item in serviceTypesLevel1"
+                               @click.native="handleChangeServiceTypeLevel1"
+                               :key="item.id"
+                               :label="item.name"
+                               :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="serviceType">
+                  <el-select class="u-item-width-daterange"
+                             v-model.trim="formData.serviceTypeLevel2Id"
+                             placeholder="请选择"
+                             size="small"
+                             clearable>
+                    <el-option v-for="item in serviceTypesLevel2"
+                               @click.native=""
+                               :key="item.id"
+                               :label="item.name"
+                               :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+
+            <el-form-item label="服务时间"
+                          prop="serviceTimeStart">
+              <el-date-picker v-model="formData.serviceTimeStart"
+                              :picker-options="startPickerOptions"
+                              class="u-item-width-daterange"
+                              size="small"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              value="yyyy-MM-dd"
+                              placeholder="开始时间">
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker v-model="formData.serviceTimeEnd"
+                              :picker-options="endPickerOptions"
+                              class="u-item-width-daterange u-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="serviceName">
+              <el-input v-model="formData.serviceName"
+                        class="u-item-width-normal"
+                        size="small"
+                        clearable
+                        placeholder="请输入">
+              </el-input>
+            </el-form-item>
+
+            <el-form-item label="服务组织"
+                          prop="serviceOrgType">
+              <el-select v-model="formData.serviceOrgType"
+                         class="u-item-width-daterange"
+                         placeholder="请选择"
+                         size="small"
+                         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-form-item>
-        <el-form-item label="需求人" prop="demandUserName">
-          <el-input
-            size="small"
-            class="u-item-width-normal"
-            v-model="searchForm.demandUserName"
-            placeholder="请输入内容"
-            clearable=""
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="状态" prop="status">
-          <el-select
-            size="small"
-            class="u-item-width-normal"
-            v-model="searchForm.status"
-            filterable
-            placeholder="请选择"
-            clearable
-          >
-            <el-option
-              v-for="item in statusOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="上报时间" prop="reportStartTime">
-          <el-date-picker
-            v-model="reportTime"
-            size="small"
-            type="daterange"
-            class="u-item-width-daterange2"
-            format="yyyy 年 MM 月 dd 日"
-            value-format="yyyy-MM-dd"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            clearable=""
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="服务类型" prop="serviceType">
-          <el-select
-            v-model="searchForm.serviceType"
-            class="u-item-width-normal"
-            size="small"
-            filterable
-            placeholder="请选择"
-            clearable
-            @change="handleServiceChange('query', $event)"
-          >
-            <el-option
-              v-for="item in serviceOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item prop="serverId">
-          <el-select
-            v-model="searchForm.serverId"
-            filterable
-            :disabled="searchForm.serviceType ? false : true"
-            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="wantServiceStartTime">
-          <el-date-picker
-            v-model="serviceTime"
-            size="small"
-            class="u-item-width-daterange2"
-            type="daterange"
-            format="yyyy 年 MM 月 dd 日"
-            value-format="yyyy-MM-dd"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            clearable
-          >
-          </el-date-picker>
-        </el-form-item>
-      </el-form>
-      </section>
-      <el-row>
-        <el-col :span="24" align="right">
-          <el-button type="primary" size="small" @click="handleSearch"
-            >查询</el-button
-          >
-          <el-button
-            class="diy-button--white"
-            size="small"
-            @click="resetForm('searchForm')"
-            >重置</el-button
-          >
-          <el-button
-              style="margin:0 6px 0 10px"
-              size="small"
-              class="div-table-button--blue"
-              type="text"
-              @click="boxHeight = !boxHeight"
-              >{{ boxHeight ? "展开" : "收起"
-              }}<i
-                :class="boxHeight ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"
-              ></i
-            ></el-button>
-        </el-col>
-      </el-row>
-    </div>
+              </el-select>
+              <el-select v-model="formData.serviceOrgId"
+                         class="u-item-width-daterange u-data-tag"
+                         filterable
+                         placeholder="请选择"
+                         size="small"
+                         clearable>
+                <el-option v-for="item in serviceOptiondList"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
 
-    <div class="m-table">
-      <div class="div_btn">
-      <el-button size="small" @click="handleAdd('add')" type="primary"
-        >新增</el-button
-      >
-    </div>
-      <el-table
-        :data="tableData"
-        row-key="categoryId"
-        v-loading="tableLoading"
-        class="m-table-item"
-        border
-        :height="tableHeight"
-        style="width: 100%"
-      >
-        <el-table-column label="序号" type="index" align="center" width="50">
-        </el-table-column>
-        <el-table-column
-          v-for="item in tableHeader"
-          :key="item.columnName"
-          :prop="item.columnName"
-          :label="item.label"
-          :align="item.align"
-          :min-width="item.width"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span>{{ handleFilterSpan(scope.row, item) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column fixed="right" label="操作" align="center" width="200">
-          <template slot-scope="scope">
-            <template v-if="filterEdit(scope.row.agencyId)">
-              <el-button
-                v-if="
-                  scope.row.status === 'pending' ||
-                  scope.row.status === 'assigned'
-                "
-                type="text"
-                size="small"
-                @click="handleAppoint(scope.row, 'appoint')"
-                >指派</el-button
-              >
-              <!-- v-if="scope.row.status === 'assigned' || scope.row.status === 'have_order'" -->
-              <template
-                v-if="
-                  scope.row.reportType == 'self_help' &&
-                  scope.row.serviceShowFlag
-                "
-              >
-                <el-button
-                  v-if="
-                    scope.row.serviceType !== 'volunteer' &&
-                    scope.row.status !== 'finished'
-                  "
-                  type="text"
-                  size="small"
-                  @click="handleFinish(scope.row, 'finish')"
-                  >完成情况</el-button
-                >
-              </template>
-              <template v-else>
-                <el-button
-                  v-if="
-                    scope.row.status === 'assigned' ||
-                    scope.row.status === 'have_order' ||
-                    (scope.row.status == 'finished' && !scope.row.evaluateFlag)
-                  "
-                  type="text"
-                  size="small"
-                  @click="handleFinish(scope.row, 'finish')"
-                  >完成情况</el-button
-                >
-              </template>
-              <template v-if="scope.row.reportType != 'self_help'">
-                <el-button
-                  v-if="scope.row.status === 'pending'"
-                  @click="handleEdit(scope.row, 'edit')"
-                  type="text"
-                  size="small"
-                  >修改</el-button
-                >
-                <el-popconfirm
-                  title="取消之后无法恢复，确认取消？"
-                  @onConfirm="handleDel(scope.row)"
-                  style="margin-left: 10px;"
-                >
-                  <el-button
-                    v-if="
-                      scope.row.status !== 'finished' &&
-                      scope.row.status !== 'canceled'
-                    "
-                    slot="reference"
-                    type="text"
-                    size="small"
-                    >取消</el-button
-                  >
-                </el-popconfirm>
-              </template>
+
+
+            <el-form-item label="服务状态"
+                          prop="serviceStatus">
+              <el-select class="u-item-width-normal"
+                         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="u-item-width-normal"
+                         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-row type="flex" >
+          <el-col :span="24" align="right">
+            <el-button style="margin-left:30px"
+                       size="small"
+                       type="primary "
+                       @click="handleSearch">查询</el-button>
+            <el-button style="margin-left:10px"
+                       is-plain
+                       class="diy-button--white el-button--default"
+                       size="small"
+                       @click="resetSearch">重置</el-button>
+          </el-col>
+        </el-row>
+           
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <div class="div_btn_left">
+            <el-button 
+                     size="small"
+                     @click="handleAdd"
+                     type="primary"
+                     >发起服务</el-button>
+          </div>
+          <!-- <el-button @click="handleExport"
+                     class="diy-button--reset"
+                     size="small">导出</el-button> -->
+        </div>
+
+        <el-table :data="tableData"
+                  border
+                  v-loading="tableLoading"
+                  class="m-table-item"
+                  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="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-button
-              @click="handleLook(scope.row, 'look')"
-              type="text"
-              size="small"
-              style="margin-left: 10px;"
-              >查看</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-      <div>
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page.sync="currentPage"
-        :page-sizes="[20, 50, 100, 200]"
-        :page-size="pageSize"
-        layout="sizes, prev, pager, next, total"
-        :total="total"
-      >
-      </el-pagination>
-    </div>
-    </div>
-  
-
-    <el-dialog
-      title="需求信息"
-      :visible.sync="dialogVisible"
-      width="50%"
-      top="5vh"
-      append-to-body
-      class="dialog-h"
-      :close-on-click-modal="false"
-      :before-close="handlerCancle"
-    >
-      <el-form
-        v-if="dialogVisible"
-        label-width="120px"
-        :model="form"
-        :rules="rules"
-        ref="ruleForm"
-        class="form-wr dialog-h-content scroll-h"
-      >
-        <el-form-item label="所属网格" prop="gridId">
-          <el-input
-            v-if="disabled"
-            v-model="form.gridName"
-            :disabled="disabled"
-            size="small"
-            class="u-item-width-normal"
-          ></el-input>
-          <!-- <span >{{ form.gridName }}</span> -->
-          <el-select
-            v-else
-            v-model="form.gridId"
-            filterable
-            placeholder="请选择"
-            size="small"
-            class="u-item-width-normal"
-            clearable
-            :disabled="disabled"
-            @change="handleGridChange"
-          >
-            <el-option
-              v-for="item in disabled ? optionsG : optionsEditG"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="需求类型" prop="categoryCode">
-          <el-input
-            v-if="disabled"
-            v-model="form.categoryName"
-            :disabled="disabled"
-            class="input-width-min"
-          ></el-input>
-          <el-cascader
-            v-else
-            v-model="form.categoryCode"
-            :options="demandOptions"
-            :disabled="disabled"
-            clearable
-            size="small"
-            class="u-item-width-normal"
-            @change="handleCateSlect"
-          ></el-cascader>
-          <!-- <el-select v-model="form.parentCode" filterable placeholder="请选择" class="input-width" clearable>
-            <el-option
-              v-for="item in demandOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select> -->
-        </el-form-item>
-        <el-form-item label="上报类型" prop="reportType">
-          <el-input
-            v-if="disabled"
-            v-model="form.reportTypeName"
-            :disabled="disabled"
-            class="input-width"
-          ></el-input>
-          <el-select
-            v-else
-            v-model="form.reportType"
-            filterable
-            class="input-width"
-            placeholder="请选择"
-            clearable
-            :disabled="disabled"
-          >
-            <el-option
-              v-for="item in reportOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="上报人" prop="reportUserName">
-          <el-input
-            v-model="form.reportUserName"
-            :disabled="disabled"
-            placeholder="请输入"
-            class="input-width"
-            clearable
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="上报人联系电话" prop="reportUserMobile">
-          <el-input
-            v-model="form.reportUserMobile"
-            :disabled="disabled"
-            placeholder="请输入"
-            class="u-item-width-normal"
-            maxlength="11"
-            clearable
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="上报时间" prop="reportTime">
-          <el-date-picker
-            v-model="form.reportTime"
-            type="datetime"
-            class="u-item-width-daterange2"
-            size="small"
-            clearable
-            :disabled="disabled"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择日期时间"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="需求人" prop="demandUserId">
-          <el-input
-            v-if="disabled"
-            v-model="form.demandUserName"
-            :disabled="disabled"
-            class="u-item-width-normal"
-          ></el-input>
-          <el-select
-            v-else
-            v-model="selectDemandUser"
-            class="u-item-width-normal"
-            filterable
-            :disabled="disabled"
-            placeholder="请选择"
-            clearable
-            @change="handleDemandChange"
-          >
-            <el-option
-              v-for="item in demandUserList"
-              :key="item.demandUserId"
-              :label="item.label"
-              :value="item"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="服务时间" prop="wantServiceTime">
-          <el-date-picker
-            v-model="form.wantServiceTime"
-            type="datetime"
-            class="input-width"
-            clearable
-            :disabled="disabled"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择日期时间"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="需求内容" prop="content">
-          <el-input
-            v-model="form.content"
-            :autosize="{ minRows: 2, maxRows: 10 }"
-            :disabled="disabled"
-            type="textarea"
-            clearable
-            class="input-width-textarea"
-            placeholder="请输入内容"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          v-if="
-            addType === 'appoint' ||
-            addType == 'finish' ||
-            (addType == 'look' && form.serviceShowFlag)
-          "
-          label="服务方"
-          prop="serviceType"
-        >
-          <template v-if="disabled && addType !== 'appoint'">
-            <el-input
-              v-model="form.serviceShowName"
-              :disabled="disabled"
-              class="input-width"
-            ></el-input>
-          </template>
-          <template v-else>
-            <el-select
-              v-model="form.serviceType"
-              class="input-width-small"
-              placeholder="请选择"
-              clearable
-              :disabled="disabled && addType !== 'appoint'"
-              @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="form.serverId"
-              class="input-width-middle"
-              filterable
-              placeholder="请选择"
-              clearable
-              :disabled="disabled && addType !== 'appoint'"
-            >
-              <el-option
-                v-for="item in serviceOptiondList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </template>
-        </el-form-item>
-        <el-form-item
-          v-if="addType == 'look' && form.status == 'canceled'"
-          label="取消时间"
-          prop="cancelTime"
-        >
-          <span>{{ form.cancelTime }}</span>
-        </el-form-item>
-        <template
-          v-if="
-            (addType == 'finish' && form.reportType != 'self_help') ||
-            (addType == 'look' && form.status == 'finished')
-          "
-        >
-          <el-form-item label="实际服务时间" prop="serviceStartTime">
-            <el-date-picker
-              v-model="finishServiceTime"
-              class="input-width-min"
-              clearable
-              :disabled="disabled && addType != 'finish'"
-              type="datetimerange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              @change="handelBlurServiceTime"
-            >
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="完成情况" prop="finishResult">
-            <el-radio
-              v-model="form.finishResult"
-              label="resolved"
-              :disabled="disabled && addType != 'finish'"
-              >已解决</el-radio
-            >
-            <el-radio
-              v-model="form.finishResult"
-              label="unresolved"
-              :disabled="disabled && addType != 'finish'"
-              >未解决</el-radio
-            >
-          </el-form-item>
-          <el-form-item label="评价" prop="score" class="form-score">
-            <el-rate
-              v-model="form.score"
-              :allow-half="true"
-              :disabled="disabled && addType != 'finish'"
-            ></el-rate>
-          </el-form-item>
-          <el-form-item label="备注" prop="finishDesc">
-            <el-input
-              v-model="form.finishDesc"
-              :autosize="{ minRows: 2, maxRows: 10 }"
-              :disabled="disabled && addType != 'finish'"
-              type="textarea"
-              clearable
-              class="input-width-textarea"
-              placeholder="请输入内容"
-            ></el-input>
-          </el-form-item>
-        </template>
-        <template v-if="addType == 'finish' && form.reportType == 'self_help'">
-          <el-form-item label="实际服务时间" prop="serviceStartTime">
-            <el-date-picker
-              v-model="finishServiceTime"
-              class="input-width-min"
-              clearable
-              :disabled="disabled && addType != 'finish'"
-              type="datetimerange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              @change="handelBlurServiceTime"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </template>
-      </el-form>
-      <div class="resi-btns">
-        <el-button size="small" @click="handlerCancle">{{
-          addType != "look" ? "取消" : "关闭"
-        }}</el-button>
-        <el-button
-          v-if="addType != 'look'"
-          type="primary"
-          size="small"
-          :loading="btnLoading"
-          @click="handleSUbmit"
-          >提交</el-button
-        >
+          </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="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"
+                        >查看</el-button>
+              <el-button v-if="scope.row.serviceStatus==='in_service'"
+                         @click="handleEdit(scope.row)"
+                         type="text"
+                         size="small"
+                         >编辑</el-button>
+                         <!-- 临时去掉人员名单与反馈 -->
+              <!-- <el-button v-if="scope.row.serviceStatus==='in_service'"
+                         @click="handleFeedback(scope.row)"
+                         type="text"
+                         size="small"
+                         >反馈</el-button> -->
+              <!-- <el-button v-if="scope.row.policyId"
+                         @click="handlePersonList(scope.row)"
+                         type="text"
+                         size="small"
+                         >人员名单</el-button> -->
+              <el-button v-if="scope.row.serviceStatus==='in_service'"
+                         @click="handleDel(scope.row)"
+                         type="text"
+                         size="small"
+                       >删除</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>
-    </el-dialog>
 
-    <el-dialog
-      title="需求详情"
-      :visible.sync="detailShow"
-      width="50%"
-      top="5vh"
-      append-to-body
-      class="dialog-h"
-      :close-on-click-modal="false"
-      :before-close="detailFormCancle"
-    >
-      <detail ref="ref_form_detail" @diaDetailClose="detailFormCancle"></detail>
+    </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"
+                :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 info from "./info";
-import detail from "./detail";
-
+// 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: { info, detail },
+  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
+    }
 
-  data() {
     return {
+      // 公共服务分类
+      serviceTypesLevel1:[],
+      serviceTypesLevel2:[],
       tableLoading: false,
-      btnLoading: false,
-      disabled: false,
-      pageLoading: false,
-      dialogVisible: false,
-      currentPage: 1,
-      pageSize: 20,
-      total: null,
+      user: {},
+      agencyId: '',
+      searchH:170,
       tableData: [],
-      searchH: 0,
-      addLevel: "1",
-      addType: "add",
-      value: "",
-      statusOptions: [
-        {
-          label: "待处理",
-          value: "pending",
-        },
-        {
-          label: "已取消",
-          value: "canceled",
-        },
-        {
-          label: "已指派",
-          value: "assigned",
-        },
-        {
-          label: "已接单",
-          value: "have_order",
-        },
-        {
-          label: "已完成",
-          value: "finished",
-        },
-      ],
 
-      boxHeight:true,
-
-      serviceOptions: [
-        {
-          label: "志愿者",
-          value: "volunteer",
-        },
-        //  {
-        //   label: '社会组织',
-        //   value: 'social_org'
-        // },
+      statusArray: [
         {
-          label: "社区自组织",
-          value: "community_org",
+          value: "in_service",
+          label: "进行中",
         },
         {
-          label: "区域党建单位",
-          value: "party_unit",
-        },
-      ],
-      serviceOptiondList: [],
-      options: [
-        {
-          label: "是",
-          value: 1,
-        },
-        {
-          label: "否",
-          value: 2,
+          value: "completed",
+          label: "已完成",
         },
       ],
-      reportOptions: [],
-      demandOptions: [],
-      searchdemandOptions: [],
-      demandUserList: [],
-      optionsG: [],
-      optionsEditG: [],
-      tableHeader: [
-        {
-          label: "状态",
-          align: "center",
-          columnName: "statusName",
-          width: "120",
-          options: [
-            {
-              label: "待处理",
-              value: "pending",
-            },
-            {
-              label: "已取消",
-              value: "canceled",
-            },
-            {
-              label: "已派单",
-              value: "assigned",
-            },
-            {
-              label: "已接单",
-              value: "have_order",
-            },
-            {
-              label: "已完成",
-              value: "finished",
-            },
-          ],
-        },
+      satisfyArray: [
         {
-          label: "所属网格",
-          columnName: "gridName",
-          align: "center",
-          width: "",
-          options: [],
+          value: "bad",
+          label: "不满意",
         },
         {
-          label: "需求类型",
-          columnName: "categoryName",
-          align: "center",
-          width: "",
-          options: [],
+          value: "good",
+          label: "基本满意",
         },
         {
-          label: "需求内容",
-          columnName: "content",
-          align: "center",
-          width: "",
-          options: [],
-        },
-        {
-          label: "上报类型",
-          columnName: "reportTypeName",
-          align: "center",
-          width: "120",
-          options: [
-            {
-              label: "社区帮办",
-              value: "community",
-            },
-            {
-              label: "楼长帮办",
-              value: "building_caption",
-            },
-            {
-              label: "党员帮办",
-              value: "party",
-            },
-            {
-              label: "自身上报",
-              value: "self_help",
-            },
-          ],
-        },
-        {
-          label: "上报人",
-          columnName: "reportUserName",
-          align: "center",
-          width: "120",
-          options: [],
-        },
-        {
-          label: "上报时间",
-          columnName: "reportTime",
-          align: "center",
-          width: "180",
-          options: [],
-        },
-        {
-          label: "需求人",
-          columnName: "demandUserName",
-          align: "center",
-          width: "80",
-          options: [],
-        },
-        {
-          label: "服务方",
-          columnName: "serviceShowName",
-          align: "center",
-          width: "120",
-          options: [],
-        },
-        {
-          label: "服务时间",
-          columnName: "wantServiceTime",
-          align: "center",
-          width: "180",
-          options: [],
+          value: "perfect",
+          label: "非常满意",
         },
+
       ],
-      customerId: "",
-      reportTime: "",
-      serviceTime: "",
-      finishServiceTime: "",
-      searchForm: {
-        gridId: "",
-        categoryCode: "",
-        level: "",
-        demandUserName: "",
-        reportStartTime: "",
-        reportEndTime: "",
-        status: "",
-        serviceType: "",
-        serverId: "",
-        wantServiceStartTime: "",
-        wantServiceEndTime: "",
+
+      formData: {
+        serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id
+        serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id
+        serviceName: '',//项目名称
+        serviceOrgType: '',//服务组织类型
+        serviceOrgId: '',//服务组织Id
+        serviceTimeStart: '',//服务开始时间yyyy-MM-dd
+        serviceTimeEnd: '',//服务结束时间yyyy-MM-dd
+        serviceStatus: '',//服务状态。in_service服务中；completed:已完成
+        satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect
+
       },
-      selectDemandUser: "",
-      form: {
-        gridId: "",
-        categoryCode: "",
-        parentCode: "",
-        content: "",
-        reportType: "",
-        reportUserName: "",
-        reportUserMobile: "",
-        reportTime: "",
-        wantServiceTime: "",
-        demandUserId: "",
-        demandUserName: "",
-        demandUserMobile: "",
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate
       },
-      rules: {
-        gridId: [
-          { required: true, message: "所属网格不能为空", trigger: "blur" },
-        ],
-        categoryCode: [
-          { required: true, message: "需求分类不能为空", trigger: "blur" },
-        ],
-        content: [
-          { required: true, message: "需求内容不能为空", trigger: "blur" },
-        ],
-        reportType: [
-          { required: true, message: "上报类型不能为空", trigger: "blur" },
-        ],
-        reportUserName: [
-          { required: true, message: "上报人不能为空", trigger: "blur" },
-        ],
-        reportUserMobile: [
-          {
-            required: true,
-            message: "上报人联系电话不能为空",
-            trigger: "blur",
-          },
-        ],
-        reportTime: [
-          { required: true, message: "上报时间不能为空", trigger: "blur" },
-        ],
-        demandUserId: [
-          { required: true, message: "需求人不能为空", trigger: "blur" },
-        ],
-        wantServiceTime: [
-          { required: true, message: "服务时间不能为空", trigger: "blur" },
-        ],
-        serviceType: [
-          { required: true, message: "服务方不能为空", trigger: "blur" },
-        ],
-        serviceStartTime: [
-          { required: true, message: "实际服务时间不能为空", trigger: "blur" },
-        ],
-        score: [{ required: true, message: "评分不能为空", trigger: "blur" }],
-        // finishDesc: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
-        finishResult: [
-          { required: true, message: "完成情况不能为空", trigger: "blur" },
-        ],
+      startPickerOptions: {
+        disabledDate: startDisabledDate
       },
+      serviceRecordId: '',
+      serviceName: '',
+      serviceOrgName: '',
 
-      visitableInfo: false,
-      currDemandId: "",
-      infoAddType: "look",
-      detailShow: false,
+      showAdd: false,
+      showEdit: false,
+      showDetail: false,
+      showFeedback: false,
+      formType: 'add',
+      addDiaTitle: '指派服务',
+      detailDiaTitle: '服务详情',
+
+      serviceOptions: [],
+      serviceOptiondList: [],
+
+      policyId: '',
+      showPersonList: false,
+      ruleList: []
     };
   },
   computed: {
-    ...mapGetters(["clientHeight", "iframeHeight"]),
-    tableHeight() {
-      const h = this.clientHeight - this.searchH - 450 + this.iframeHeigh;
-      const _h = this.clientHeight - 450 - this.searchH;
+    maxTableHeight () {
+      const h =
+      this.clientHeight - this.searchH - 275 + this.iframeHeight;
+      const _h = this.clientHeight - 275 - this.searchH;
       return this.$store.state.inIframe ? h : _h;
     },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
   },
-  async created() {
-    this.customerId = localStorage.getItem("customerId");
+  watch: {
+    // "formData.serviceTimeEnd": function (val) {
+    //   if (val && val != '') {
+    //     let arrayTemp = val.split(' ')
+    //     this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
+    //   }
 
-    this.getTableData();
-    this.getDemandOptions();
-    this.getDictOptions();
-    setTimeout(() => {
-      this.getGridList("query");
-      this.getGridList("addorupdate");
-    }, 200);
-    this.pageLoading = true;
+    // },
   },
-  mounted() {
-    this.$nextTick(() => {
-      this.searchH = this.$refs.searchCard.$el.offsetHeight;
-      console.log("tableHeight", this.tableHeight);
-    });
+  mounted () {
+    console.log(this.$store.state)
+    this.user = this.$store.state.user
+    this.agencyId = this.user.agencyId
+    this.getDictOptions()
+    this.getTableData();
   },
   methods: {
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
-      this.pageSize = val;
-      this.getTableData();
-    },
-    handleCurrentChange(val) {
-      console.log(`当前页: ${val}`);
-      this.currentPage = val;
-      this.getTableData();
-    },
-    handleFilterSpan(row, item) {
-      let _val = "";
-      if (item.options && item.options.length > 0) {
-        item.options.forEach((n) => {
-          if (n.value === row[item.columnName]) _val = n.label;
-        });
-      }
-      return _val || row[item.columnName];
-    },
-    filterEdit(id) {
-      const { user } = this.$store.state;
-      return id === user.agencyId;
-    },
-    resetForm(formName) {
-      this.searchForm.reportStartTime = "";
-      this.searchForm.reportEndTime = "";
-      this.searchForm.wantServiceStartTime = "";
-      this.searchForm.wantServiceEndTime = "";
-      this.searchForm.categoryCode = "";
-      this.searchForm.level = "";
-      this.reportTime = "";
-      this.serviceTime = "";
-      this.$refs[formName].resetFields();
-      this.handleSearch();
-    },
-    handleCateCHange(val) {
-      console.log("val", val);
-      this.searchForm.categoryCode = val[1] || val[0];
-      this.searchForm.level = val.length;
-    },
-    handleCateSlect(val) {
-      console.log("val", val);
-      if (val.length === 1) {
-        this.demandOptions.forEach((item) => {
-          if (item.value == val[0]) this.form.parentCode = item.pvalue;
-        });
-        this.form.categoryCode = val[0];
-      } else {
-        this.form.parentCode = val[0];
-        this.form.categoryCode = val[1];
-      }
-    },
-    handleDemandChange(val) {
-      console.log("val", val, this.selectDemandUser);
-      this.selectDemandUser = val.label;
-      this.form.demandUserName = val.demandUserName;
-      this.form.demandUserMobile = val.demandUserMobile;
-      this.form.demandUserId = val.demandUserId;
+    // 服务类型下拉框选中事件
+    handleChangeServiceTypeLevel1() {
+      this.formData.serviceTypeLevel2Id = ''
+      this.$http
+          .get("/governance/commonServiceType/selectList/" + this.formData.serviceTypeLevel1Id)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceTypesLevel2 = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          })
     },
-    handleSearch(val) {
-      console.log("searchhh--", val);
-      this.currentPage = 1;
-      if (Array.isArray(this.reportTime) && this.reportTime.length > 0) {
-        this.searchForm.reportStartTime = this.reportTime[0];
-        this.searchForm.reportEndTime = this.reportTime[1];
-      }
-      if (Array.isArray(this.serviceTime) && this.serviceTime.length > 0) {
-        this.searchForm.wantServiceStartTime = this.serviceTime[0];
-        this.searchForm.wantServiceEndTime = this.serviceTime[1];
-      }
+
+    handleSearch (val) {
+      console.log(this.formData);
+      this.pageNo = 1;
       this.getTableData();
     },
-    handelBlurServiceTime(val) {
-      console.log("val", val);
-      if (val.length > 0) {
-        this.form.serviceStartTime = val[0];
-        this.form.serviceEndTime = val[1];
-      }
-    },
-    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, "");
-    },
-    handleGridChange(val) {
-      this.getDemandUserList();
-    },
-    handleAdd(addType) {
-      this.addType = addType;
-      this.dialogVisible = true;
-    },
-    handlerCancle() {
-      // this.form.categoryCode = ''
-      // this.form.parentCode = ''
-      // this.form.demandUserName = ''
-      // this.form.demandUserMobile = ''
-      // this.form.demandUserId = ''
-      this.$delete(this.form, "demandRecId");
-      this.selectDemandUser = "";
-      this.finishServiceTime = "";
-      for (const n in this.form) {
-        this.form[n] = "";
-      }
-      this.disabled = false;
-      // this.$refs.ruleForm.resetFields()
-      this.dialogVisible = false;
-    },
-    async formatRowForm(row, addType, disabled) {
-      this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] };
-      this.addType = addType;
+    // 获取服务组织
+    async getDictOptions () {
+      const url = "/sys/dict/data/dictlist"
 
-      if (disabled) {
-        // await this.getGridList('query', row.agencyId)
-        this.disabled = disabled;
-      }
-      if (addType == "look") {
-        this.finishServiceTime =
-          (row.serviceStartTime && [
-            row.serviceStartTime,
-            row.serviceEndTime,
-          ]) ||
-          "";
+      let params = {
+        dictType: 'user_demand_service_type'
       }
-      if (addType == "finish") {
-        if (row.serviceStartTime)
-          this.finishServiceTime = [row.serviceStartTime, row.serviceEndTime];
 
-        this.form.finishResult = "resolved";
-        this.form.score = 5;
-      }
-      if (addType == "appoint" && row.serviceType) {
-        const type = row.serviceType == "social_org" ? "add_demand" : "";
-        await this.getServiceuserList(row.serviceType, type);
-      }
-      if (addType == "edit") {
-        await this.getDemandUserList();
-        this.demandOptions.forEach((item) => {
-          if (item.value === row.categoryCode)
-            this.form.categoryCode = [row.categoryCode];
-        });
-        this.demandUserList.forEach((item) => {
-          if (item.demandUserId == row.demandUserId)
-            this.selectDemandUser = item.label;
-        });
-      }
+      const { data, code, msg } = await requestPost(url, params)
 
-      this.dialogVisible = true;
-    },
-    async handleLook(row, type) {
-      this.detailShow = true;
-      console.log("row", row);
-      this.$nextTick(() => {
-        this.$refs.ref_form_detail.initForm(row);
-      });
-      // await this.formatRowForm(row, type, true);
-    },
+      if (code === 0) {
+        this.serviceOptions = data;
+      } else {
+        this.$message.error(msg)
+      }
 
-    detailFormCancle() {
-      this.detailShow = false;
+      this.$http
+          .get("/governance/commonServiceType/selectList/0")
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            } else {
+              this.serviceTypesLevel1 = res.data;
+            }
+          })
+          .catch(() => {
+            return this.$message.error("网络错误");
+          });
     },
 
-    async handleAppoint(row, type) {
-      await this.formatRowForm(row, type, true);
-    },
-    async handleFinish(row, type) {
-      await this.formatRowForm(row, type, true);
-    },
-    async handleEdit(row, type) {
-      await this.formatRowForm(row, type, false);
-      // this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] }
-      // this.addType = addType
-      // this.demandOptions.forEach(item => {
-      //   if (item.value === row.categoryCode) this.form.categoryCode = [row.categoryCode]
-      // })
-      // await this.getDemandUserList()
-      // this.demandUserList.forEach(item => {
-      //   if (item.demandUserId == row.demandUserId) this.selectDemandUser = item
-      // })
-      // console.log('selectDemandUser', this.selectDemandUser)
-      // this.dialogVisible = true
-    },
-    formatRowForm2(row, type) {
-      this.visitableInfo = true;
-      this.currDemandId = row.demandRecId;
-      this.infoAddType = type;
-    },
-    async addNew() {
-      const _form = {
-        ...this.form,
-      };
-      await this.$http
-        .post("/governance/userdemand/add", _form)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.handlerCancle();
-            this.getTableData();
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-      this.btnLoading = false;
-    },
-    async appointAjax() {
-      const _form = {
-        demandRecId: this.form.demandRecId,
-        serviceType: this.form.serviceType,
-        serverId: this.form.serverId,
-      };
-      await this.$http
-        .post("/governance/userdemand/assign", _form)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.handlerCancle();
-            this.getTableData();
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-      this.btnLoading = false;
-    },
-    async finishAjax() {
-      const { reportType, serviceShowFlag, serviceType } = this.form;
-      const _form = {
-        demandRecId: this.form.demandRecId,
-        serviceStartTime: this.form.serviceStartTime,
-        serviceEndTime: this.form.serviceEndTime,
-        finishResult: reportType == "self_help" ? "" : this.form.finishResult,
-        finishDesc: reportType == "self_help" ? "" : this.form.finishDesc,
-        serviceId: this.form.serviceId,
-        score: reportType == "self_help" ? 0 : this.form.score,
-      };
-      await this.$http
-        .post("/governance/userdemand/finish", _form)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.handlerCancle();
-            this.getTableData();
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-      this.btnLoading = false;
-    },
-    async editCate() {
-      const categoryCode = this.form.categoryCode;
-      if (Array.isArray(categoryCode)) {
-        if (categoryCode.length === 1) {
-          this.demandOptions.forEach((item) => {
-            if (item.value == categoryCode[0])
-              this.form.parentCode = item.pvalue;
-          });
-          this.form.categoryCode = categoryCode[0];
+    handleServiceChange (type, val) {
+      this.formData.serviceOrgId = ''
+      if (val === "social_org") {
+        if (type === "add") {
+          this.getServiceuserList(val, "add_demand");
         } else {
-          this.form.parentCode = categoryCode[0];
-          this.form.categoryCode = categoryCode[1];
+          this.getServiceuserList(val, "query_demand");
         }
+      } else {
+        this.getServiceuserList(val, "");
       }
+    },
+
+    async getServiceuserList (serviceType, query) {
+      if (!serviceType) return false;
 
-      const _form = {
-        ...this.form,
+      const params = {
+        serviceName: "",
+        serviceType: serviceType,
+        queryPurpose: query,
       };
       await this.$http
-        .post("/governance/userdemand/update", _form)
+        .post("/governance/userdemand/servicelist", params)
         .then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg);
           } else {
-            this.handlerCancle();
-            this.getTableData();
+            this.serviceOptiondList = res.data
           }
         })
         .catch(() => {
           return this.$message.error("网络错误");
         });
-      this.btnLoading = false;
     },
-    handleSUbmit() {
-      this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          this.btnLoading = true;
-          if (this.addType == "add") this.addNew();
-          else if (this.addType == "edit") this.editCate();
-          else if (this.addType == "appoint") this.appointAjax();
-          else if (this.addType == "finish") this.finishAjax();
-        } else {
-          console.log("error submit!!");
-          return false;
-        }
-      });
+    //加载组织数据
+    async handlePersonList (row) {
+
+      this.policyId = row.policyId
+      await this.loadRuleList()
+      this.formType = 'personList'
+      this.showPersonList = true;
     },
-    handleDel(row) {
-      let params = {
-        demandRecId: row.demandRecId,
-      };
-      console.log("row1", row);
-      this.$http
-        .post("/governance/userdemand/cancel", params)
-        .then(({ data: res }) => {
-          console.log("row2", row);
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            console.log("row3", row);
-            this.$message.success("取消成功");
-            this.getTableData();
-          }
-        })
-        .catch((err) => {
-          console.log("row4", err);
-          return this.$message.error("网络错误");
-        });
+
+    async loadRuleList () {
+
+      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)
+      }
+
     },
-    getTreeData(data) {
-      if (!Array.isArray(data)) return [];
-      let arr = data.map((item) => {
-        let _item = {};
-        if (item.children) {
-          if (item.children.length === 0)
-            _item = { ...item, children: undefined };
-          else _item = { ...item, children: this.getTreeData(item.children) };
-        } else {
-          _item = { ...item };
-        }
-        return _item;
-      });
-      return arr;
+
+
+    async handleAdd () {
+      this.addDiaTitle = '指派服务'
+      this.formType = 'add'
+      this.showAdd = true;
     },
-    getFlagData(data, flag) {
-      if (!Array.isArray(data)) return [];
-      let arr1 = data.filter((item) => item[flag]);
-      let arr2 = arr1.map((item) => {
-        if (item.children)
-          return { ...item, children: this.getFlagData(item.children, flag) };
-        else return item;
-      });
-      // console.log('arrr-oppp', arr2)
-      return arr2;
+
+    async handleDetail (row) {
+      this.detailDiaTitle = "服务详情"
+      this.serviceRecordId = row.serviceRecordId
+      this.serviceOrgName = row.serviceOrgName
+
+      // this.formType = 'detail'
+      this.showDetail = true
+
     },
-    async getGridList(type, agencyId) {
-      const { user } = await this.$store.state;
-      console.log("user---ppp", user);
-      // addorupdate  query
-      await this.$http
-        .post("/gov/org/customergrid/gridoption", {
-          agencyId: agencyId || user.agencyId,
-          purpose: type,
-        })
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            console.log("获取查询详情成功", res.data);
+    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
 
-            if (type === "query") this.optionsG = res.data;
-            else this.optionsEditG = res.data;
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
     },
-    async getDemandUserList() {
-      const { user } = await this.$store.state;
-      console.log("user---ppp", user);
-      const params = {
-        agencyId: user.agencyId,
-        gridId: this.form.gridId,
-        name: "",
-      };
-      // addorupdate
-      await this.$http
-        .post("/epmetuser/icresiuser/demandusers", params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            console.log("获取查询详情成功", res.data);
-            this.demandUserList = res.data;
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
+
+    //加载组织数据
+    async handleFeedback (row) {
+
+      this.serviceRecordId = row.serviceRecordId
+      this.serviceName = row.serviceName
+      this.addDiaTitle = '服务反馈'
+      this.formType = 'feedback'
+      this.showAdd = true;
     },
 
-    async getDemandOptions() {
-      this.$http
-        .post("/governance/icresidemanddict/demandoption")
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.searchdemandOptions = this.getTreeData(res.data);
-            this.demandOptions = this.getFlagData(
-              this.getTreeData(res.data),
-              "usableFlag"
-            );
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
+
+    handleClose () {
+      this.serviceRecordId = ""
+      this.formType = ''
+
+      this.showAdd = false
+      this.showDetail = false
+      this.showEdit = false
+
+
     },
-    async getServiceuserList(serviceType, query) {
-      if (!serviceType) return false;
-      const { demandUserId } = this.form;
-      const params = {
-        serviceName: "",
-        serviceType: serviceType,
-        queryPurpose: query,
-      };
-      await this.$http
-        .post("/governance/userdemand/servicelist", params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.serviceOptiondList = res.data.filter(
-              (item) => item.value != demandUserId
-            );
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
+    handleOk () {
+      this.handleClose()
+      this.pageNo = 1
+      this.getTableData()
+
     },
-    async getDictOptions() {
-      this.$http
-        .post("/sys/dict/data/dictlist", { dictType: "user_demand_status" })
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.statusOptions = res.data;
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-      this.$http
-        .post("/sys/dict/data/dictlist", {
-          dictType: "user_demand_report_type",
-        })
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.reportOptions =
-              res.data && res.data.filter((item) => item.value != "self_help");
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-      this.$http
-        .post("/sys/dict/data/dictlist", {
-          dictType: "user_demand_service_type",
+
+
+    async handleDel (row) {
+
+      this.serviceRecordId = row.serviceRecordId
+
+      this.$confirm("确认删除服务?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          this.cancelFuwu()
         })
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.serviceOptions = res.data;
+        .catch(err => {
+          if (err == "cancel") {
+            // this.$message({
+            //   type: "info",
+            //   message: "已取消删除"
+            // });
           }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
+
         });
+
     },
-    async getTableData() {
-      this.tableLoading = true;
+
+    async cancelFuwu () {
+
+      const url = '/governance/icServiceRecordV2/cancel';
       let params = {
-        ...this.searchForm,
-        pageNo: this.currentPage,
-        pageSize: this.pageSize,
-      };
-      await this.$http
-        .post("/governance/userdemand/pagelist", params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-            this.tableData = res.data.list;
-            this.total = res.data.total;
-          }
+        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 = "/governance/icServiceRecordV2/searchList";
+
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+
+      this.tableLoading = false
+      if (code === 0) {
+
+        this.total = data.total ;
+        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(() => {
+        .catch((err) => {
+          console.log("获取导出情失败", err);
           return this.$message.error("网络错误");
         });
-      this.tableLoading = false;
+    },
+
+    handleSizeChange (val) {
+
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange (val) {
+
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch () {
+      this.formData = {
+        serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id
+        serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id
+        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: {
+
+
+  }
 };
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
 @import "@/assets/scss/modules/management/list-main.scss";
-.resi-container .resi-card-table {
-  ::v-deep .el-table th {
-    color: #fff;
-    background-color: rgba(33, 149, 254, 1);
-    // border-right: 1px solid rgba(33, 149, 254, 1);
-  }
-}
-.resi-table {
-  // ::v-deep .el-button--text {
-  //   text-decoration: underline;
-  // }
-  ::v-deep .btn-color-del {
-    margin: 0 10px;
-    color: rgba(213, 16, 16, 1);
-  }
-  ::v-deep .btn-color-edit {
-    color: rgba(0, 167, 169, 1);
-  }
-}
-.form-wr {
-  .input-width {
-    width: 260px;
-    &-small {
-      width: 160px;
-    }
-    &-middle {
-      width: 200px;
-    }
-    &-min {
-      min-width: 260px;
-    }
-  }
-  .input-width-textarea {
-    width: 400px;
-  }
-  .form-score {
-    ::v-deep .el-rate {
-      margin-top: 8px;
-    }
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.resi-row-btn {
-  display: flex;
-  margin-bottom: 13px;
-  ::v-deep .el-button {
-    // margin-left: 10px;
-    border: 0;
-  }
-  ::v-deep .el-select {
-    margin-right: 10px;
-  }
-  .el-button--success {
-    background: rgba(34, 193, 195, 1);
-  }
-}
-.avatar-uploader {
-  ::v-deep .el-upload {
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .el-upload:hover {
-    border-color: #409eff;
-  }
-  .avatar {
-    width: 70px;
-    height: 70px;
-    display: block;
-  }
-  .avatar-uploader-icon {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    font-size: 28px;
-    color: #8c939d;
-    width: 70px;
-    height: 70px;
-    line-height: 70px;
-    text-align: center;
-  }
-}
-
-.resi-btns {
-  margin-top: 20px;
-  text-align: center;
-}
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
 </style>