From 2e7e1c440f9ce6bcc8e3743e05fb8ff2cebec4d7 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Wed, 19 Apr 2023 19:26:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E5=BB=BA=E5=8D=95=E4=BD=8D=E5=A2=9E?=
 =?UTF-8?q?=E5=88=A0=E6=94=B9=E6=9F=A5=E5=9F=BA=E6=9C=AC=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityParty/regionalParty/units.vue    | 954 +++++++++---------
 .../regionalParty/unitsDetail.vue             | 119 +--
 .../regionalParty/unitsForm.vue               | 544 +++++-----
 .../shequzhili/xiangmu/cpts/project-info.vue  |   2 +
 4 files changed, 818 insertions(+), 801 deletions(-)

diff --git a/src/views/modules/communityParty/regionalParty/units.vue b/src/views/modules/communityParty/regionalParty/units.vue
index 42729924e..8dee0cd29 100644
--- a/src/views/modules/communityParty/regionalParty/units.vue
+++ b/src/views/modules/communityParty/regionalParty/units.vue
@@ -1,92 +1,103 @@
 <template>
   <div class="g-main">
     <div class="m-search">
-      <el-form :inline="true"
-               :model="formData"
-               ref="ref_searchform"
-               :label-width="'100px'">
-        <div>
-
-          <el-form-item label="单位名称"
-                        prop="unitName">
-            <el-input v-model="formData.unitName"
-                      class="item_width_1"
-                      clearable
-                      size="small"
-                      placeholder="请输入内容">
-            </el-input>
-
-          </el-form-item>
-          <el-form-item label="服务事项"
-                        prop="serviceMatter">
-            <el-select class="item_width_2"
-                       v-model="formData.serviceMatter"
-                       placeholder="请选择"
-                       size="small"
-                       clearable>
-              <el-option v-for="item in serviceList"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-
-          </el-form-item>
-        </div>
-        <div>
-          <el-form-item label="分类"
-                        prop="type">
-            <el-select class="item_width_1"
-                       v-model="formData.type"
-                       placeholder="请选择"
-                       size="small"
-                       clearable>
-              <el-option v-for="item in typeList"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-
-          </el-form-item>
-          <el-form-item label="联系人"
-                        prop="contact">
-            <el-input v-model="formData.contact"
-                      class="item_width_1"
-                      size="small"
-                      clearable
-                      placeholder="请输入内容">
-            </el-input>
-
-          </el-form-item>
-
-          <el-form-item label="联系电话"
-                        prop="contactMobile">
-            <el-input v-model="formData.contactMobile"
-                      class="item_width_1"
-                      size="small"
-                      clearable
-                      placeholder="请输入内容">
-            </el-input>
-
-          </el-form-item>
-
-          <el-button style="margin-left:10px"
-                     class="diy-button--search"
-                     size="small"
-                     @click="handleSearch">查询</el-button>
-          <el-button style="margin-left:10px"
-                     class="diy-button--reset"
-                     size="small"
-                     @click="resetSearch">重置</el-button>
-        </div>
+      <el-form
+        :inline="true"
+        :model="formData"
+        ref="ref_searchform"
+        :label-width="'100px'"
+      >
+        <el-form-item label="单位名称" prop="unitName">
+          <el-input
+            v-model="formData.unitName"
+            class="u-item-width-normal"
+            clearable
+            size="small"
+            placeholder="请输入内容"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="服务事项" prop="serviceMatter">
+          <el-select
+            class="u-item-width-normal"
+            v-model="formData.serviceMatter"
+            placeholder="请选择"
+            size="small"
+            clearable
+          >
+            <el-option
+              v-for="item in serviceList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分类" prop="type">
+          <el-select
+            class="u-item-width-normal"
+            v-model="formData.type"
+            placeholder="请选择"
+            size="small"
+            clearable
+          >
+            <el-option
+              v-for="item in typeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="联系人" prop="contact">
+          <el-input
+            v-model="formData.contact"
+            class="u-item-width-normal"
+            size="small"
+            clearable
+            placeholder="请输入内容"
+          >
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="联系电话" prop="contactMobile">
+          <el-input
+            v-model="formData.contactMobile"
+            class="u-item-width-normal"
+            size="small"
+            clearable
+            placeholder="请输入内容"
+          >
+          </el-input>
+        </el-form-item>
       </el-form>
+      <el-row type="flex" style="margin: 0px">
+        <el-col span="24" align="right">
+          <el-button
+            style="margin-left: 10px"
+            size="small"
+            type="primary "
+            @click="resetSearch"
+            >重置</el-button
+          >
+
+          <el-button
+            style="margin-left: 10px"
+            size="small"
+            @click="handleSearch"
+            >查询</el-button
+          >
+        </el-col>
+      </el-row>
     </div>
     <div class="m-table">
       <div class="div_btn">
-        <el-button class="diy-button--add"
-                   size="small"
-                   @click="handleAdd">新增</el-button>
+        <el-button type="primary" size="small" @click="handleAdd"
+          >新增</el-button
+        >
         <!-- 
         <el-upload :headers="$getElUploadHeaders()"  ref="upload"
                    :multiple='false'
@@ -106,47 +117,56 @@
                   class="diy-button--reset"
                    size="small"
                    @click="handleExport">导出</el-button>-->
-
       </div>
 
-      <el-table class="table"
-                :data="tableData"
-                border
-                :height="tableHeight"
-                v-loading="tableLoading"
-                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
-                style="width: 100%">
-        <el-table-column label="序号"
-                         header-align="center"
-                         align="center"
-                         type="index"
-                         width="50"></el-table-column>
-
-        <el-table-column prop="unitName"
-                         header-align="center"
-                         align="center"
-                         label="单位名称"
-                         min-width="100">
+      <el-table
+        class="table"
+        :data="tableData"
+        border
+        :height="tableHeight"
+        v-loading="tableLoading"
+        style="width: 100%"
+      >
+        <el-table-column
+          label="序号"
+          header-align="center"
+          align="center"
+          type="index"
+          width="50"
+        ></el-table-column>
+
+        <el-table-column
+          prop="unitName"
+          header-align="center"
+          align="center"
+          label="单位名称"
+          min-width="100"
+        >
         </el-table-column>
-        <el-table-column prop="agencyName"
-                         header-align="center"
-                         align="center"
-                         label="所属组织"
-                         min-width="100">
+        <el-table-column
+          prop="agencyName"
+          header-align="center"
+          align="center"
+          label="所属组织"
+          min-width="100"
+        >
         </el-table-column>
-        <el-table-column prop="type"
-                         header-align="center"
-                         align="center"
-                         label="分类"
-                         min-width="80">
+        <el-table-column
+          prop="type"
+          header-align="center"
+          align="center"
+          label="分类"
+          min-width="80"
+        >
         </el-table-column>
-        <el-table-column prop="serviceMatterListShow"
-                         header-align="center"
-                         align="center"
-                         label="服务事项"
-                         show-overflow-tooltip
-                         min-width="250">
-
+        <el-table-column
+          prop="serviceMatterListShow"
+          header-align="center"
+          align="center"
+          label="服务事项"
+          show-overflow-tooltip
+          min-width="250"
+        >
           <!-- <template slot-scope="scope">
             <p style="text-align:center;margin:2px 0;"
                v-for="(item,index) in scope.row.serviceMatterList"
@@ -154,23 +174,29 @@
 
           </template> -->
         </el-table-column>
-        <el-table-column prop="contact"
-                         header-align="center"
-                         align="center"
-                         label="联系人"
-                         width="80">
+        <el-table-column
+          prop="contact"
+          header-align="center"
+          align="center"
+          label="联系人"
+          width="80"
+        >
         </el-table-column>
-        <el-table-column prop="contactMobile"
-                         header-align="center"
-                         align="center"
-                         label="联系电话"
-                         width="120">
+        <el-table-column
+          prop="contactMobile"
+          header-align="center"
+          align="center"
+          label="联系电话"
+          width="120"
+        >
         </el-table-column>
-        <el-table-column prop="memberCount"
-                         header-align="center"
-                         align="center"
-                         label="在职党员数"
-                         width="100">
+        <el-table-column
+          prop="memberCount"
+          header-align="center"
+          align="center"
+          label="在职党员数"
+          width="100"
+        >
         </el-table-column>
         <!-- <el-table-column prop="satisfaction"
                          header-align="center"
@@ -184,364 +210,382 @@
                          label="积分"
                          width="80">
         </el-table-column> -->
-        <el-table-column prop="remark"
-                         header-align="center"
-                         align="center"
-                         label="备注"
-                         show-overflow-tooltip
-                         width="150">
+        <el-table-column
+          prop="remark"
+          header-align="center"
+          align="center"
+          label="备注"
+          show-overflow-tooltip
+          width="150"
+        >
         </el-table-column>
-        <el-table-column label="操作"
-                         fixed="right"
-                         width="150"
-                         header-align="center"
-                         align="center"
-                         class="operate">
+        <el-table-column
+          label="操作"
+          fixed="right"
+          width="150"
+          header-align="center"
+          align="center"
+          class="operate"
+        >
           <template slot-scope="scope">
-
-            <el-button type="text"
-                       class="div-table-button--detail"
-                       size="small"
-                       @click="handleDetail(scope.row)">查看</el-button>
-            <el-button v-if="agencyId===scope.row.agencyId"
-                       type="text"
-                       class="div-table-button--edit"
-                       size="small"
-                       @click="handleEdit(scope.row)">修改</el-button>
-
-            <el-popover v-if="agencyId===scope.row.agencyId"
-                        popper-class="btn-popper-table"
-                        placement="bottom"
-                        style="margin-left:10px"
-                        width="20"
-                        trigger="click">
-              <div v-if="scope.row.syncType==='not_sync'"
-                   class="table-more-btn">
+            <el-button type="text" size="small" @click="handleDetail(scope.row)"
+              >查看</el-button
+            >
+            <el-button
+              v-if="agencyId === scope.row.agencyId"
+              type="text"
+              size="small"
+              @click="handleEdit(scope.row)"
+              >修改</el-button
+            >
+
+            <el-popover
+              v-if="agencyId === scope.row.agencyId"
+              popper-class="btn-popper-table"
+              placement="bottom"
+              style="margin-left: 10px"
+              width="20"
+              trigger="click"
+            >
+              <div
+                v-if="scope.row.syncType === 'not_sync'"
+                class="table-more-btn"
+              >
                 <!-- <el-button type="text"
                            class="div-table-button--detail"
                            size="small"
                            @click="handleSync(scope.row)">同步</el-button> -->
               </div>
-              <div v-if="scope.row.syncType==='sync'"
-                   class="table-more-btn">
-                <el-button type="text"
-                           class="div-table-button--detail"
-                           size="small"
-                           @click="handleNoSync(scope.row)">取消同步</el-button>
+              <div v-if="scope.row.syncType === 'sync'" class="table-more-btn">
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="handleNoSync(scope.row)"
+                  >取消同步</el-button
+                >
               </div>
               <div class="table-more-btn">
-                <el-button type="text"
-                           class="div-table-button--detail"
-                           size="small"
-                           @click="handleFinish(scope.row)">完成情况</el-button>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="handleFinish(scope.row)"
+                  >完成情况</el-button
+                >
               </div>
 
               <div class="table-more-btn">
-                <el-button type="text"
-                           class="div-table-button--detail"
-                           size="small"
-                           @click="handleScore(scope.row)">积分记录</el-button>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="handleScore(scope.row)"
+                  >积分记录</el-button
+                >
               </div>
               <div class="table-more-btn">
-                <el-button type="text"
-                           class="div-table-button--delete"
-                           size="small"
-                           @click="handleDelete(scope.row)">删除</el-button>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="handleDelete(scope.row)"
+                  >删除</el-button
+                >
               </div>
 
-              <el-button type="text"
-                         size="small"
-                         class="div-table-button--more"
-                         slot="reference">更多<i class="el-icon-caret-bottom"></i></el-button>
+              <el-button type="text" size="small" slot="reference"
+                >更多<i class="el-icon-caret-bottom"></i
+              ></el-button>
             </el-popover>
 
-            <el-button v-else
-                       type="text"
-                       class="div-table-button--detail"
-                       size="small"
-                       @click="handleScore(scope.row)">积分记录</el-button>
-
+            <el-button
+              v-else
+              type="text"
+              size="small"
+              @click="handleScore(scope.row)"
+              >积分记录</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
       <div>
-        <el-pagination @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="pageNo"
-                       :page-sizes="[10, 20, 50]"
-                       :page-size="pageSize"
-                       layout="sizes, prev, pager, next, total"
-                       :total="total">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="pageNo"
+          :page-sizes="[10, 20, 50]"
+          :page-size="pageSize"
+          layout="sizes, prev, pager, next, total"
+          :total="total"
+        >
         </el-pagination>
       </div>
     </div>
 
     <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="formShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="formTitle"
-               :destroy-on-close="true"
-               width="950px"
-               top="5vh"
-               class="dialog-h"
-               @closed="editDiaClose">
-      <units-form ref="ref_form"
-                  :typeList="typeList"
-                  @dialogCancle="addFormCancle"
-                  @dialogOk="addFormOk"></units-form>
+    <el-dialog
+      :visible.sync="formShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="formTitle"
+      :destroy-on-close="true"
+      width="950px"
+      top="5vh"
+      class="dialog-h"
+      @closed="editDiaClose"
+    >
+      <units-form
+        ref="ref_form"
+        :typeList="typeList"
+        @dialogCancle="addFormCancle"
+        @dialogOk="addFormOk"
+      ></units-form>
     </el-dialog>
 
-    <el-dialog :visible.sync="detailShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="'单位详情'"
-               width="950px"
-               top="5vh"
-               class="dialog-h"
-               @closed="diaDetailClose">
-      <units-detail ref="ref_detail"
-                    @diaDetailClose="diaDetailClose"></units-detail>
+    <el-dialog
+      :visible.sync="detailShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'单位详情'"
+      width="950px"
+      top="5vh"
+      class="dialog-h"
+      @closed="diaDetailClose"
+    >
+      <units-detail
+        ref="ref_detail"
+        @diaDetailClose="diaDetailClose"
+      ></units-detail>
     </el-dialog>
 
     <!-- 完成情况 -->
-    <el-dialog :visible.sync="finishDiaShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="finishDiaTitle"
-               width="950px"
-               top="5vh"
-               class="dialog-h"
-               @closed="diaClose">
+    <el-dialog
+      :visible.sync="finishDiaShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="finishDiaTitle"
+      width="950px"
+      top="5vh"
+      class="dialog-h"
+      @closed="diaClose"
+    >
       <finish-list ref="ref_finish"></finish-list>
     </el-dialog>
 
     <!-- 积分记录 -->
-    <el-dialog :visible.sync="scoreDiaShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="scoreDiaTitle"
-               width="1050px"
-               top="5vh"
-               @closed="diaClose">
-      <score-record ref="ref_score"
-                    :serviceType="'party_unit'"></score-record>
+    <el-dialog
+      :visible.sync="scoreDiaShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="scoreDiaTitle"
+      width="1050px"
+      top="5vh"
+      @closed="diaClose"
+    >
+      <score-record ref="ref_score" :serviceType="'party_unit'"></score-record>
     </el-dialog>
-
   </div>
 </template>
 
 <script>
-
-import unitsForm from './unitsForm'
-import unitsDetail from './unitsDetail'
-import finishList from './finishList'
-import scoreRecord from '../../../components/scoreRecord.vue'
+import unitsForm from "./unitsForm";
+import unitsDetail from "./unitsDetail";
+import finishList from "./finishList";
+import scoreRecord from "../../../components/scoreRecord.vue";
 
 import { requestPost } from "@/js/dai/request";
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
-  data () {
+  data() {
     return {
       loading: false,
       total: 0,
       pageSize: 10,
       pageNo: 0,
       tableLoading: false,
-      agencyId: '',
+      agencyId: "",
 
-      unitList: [],//单位list
-      serviceList: [],//服务list
-      typeList: [],//分类list
+      unitList: [], //单位list
+      serviceList: [], //服务list
+      typeList: [], //分类list
 
-      unitId: '',
+      unitId: "",
       formData: {
-        unitName: '',
-        serviceMatter: '',
-        type: '',
-        contact: '',
-        contactMobile: ''
+        unitName: "",
+        serviceMatter: "",
+        type: "",
+        contact: "",
+        contactMobile: "",
       },
 
       tableData: [],
 
       //form相关
       formShow: false,
-      formTitle: '新增单位',
+      formTitle: "新增单位",
       detailShow: false,
 
       //完成情况
-      finishDiaTitle: '区域化党建单位完成情况',
+      finishDiaTitle: "区域化党建单位完成情况",
       finishDiaShow: false,
       //积分记录
-      scoreDiaTitle: '积分记录',
+      scoreDiaTitle: "积分记录",
       scoreDiaShow: false,
 
       files: "",
       fileName: "",
-      uploadUlr: window.SITE_CONFIG['apiURL'] + '/gov/org/neighborhood/import'
-
-    }
+      uploadUlr: window.SITE_CONFIG["apiURL"] + "/gov/org/neighborhood/import",
+    };
   },
   components: {
-    unitsForm, unitsDetail, finishList, scoreRecord
-  },
-  async created () {
-
+    unitsForm,
+    unitsDetail,
+    finishList,
+    scoreRecord,
   },
-  async mounted () {
+  async created() {},
+  async mounted() {
     //获取服务事项
-    await this.loadService()
+    await this.loadService();
 
     //获取分类
-    await this.loadType()
+    await this.loadType();
 
-    const { user } = this.$store.state
-    this.agencyId = user.agencyId
+    const { user } = this.$store.state;
+    this.agencyId = user.agencyId;
 
-    await this.loadTable()
+    await this.loadTable();
   },
 
   methods: {
-    handleSearch () {
-      this.loadTable()
+    handleSearch() {
+      this.loadTable();
     },
 
     //获取服务事项下拉框
-    async loadService () {
-      const url = "/actual/base/serviceitem/dict-list"
-
+    async loadService() {
+      const url = "/actual/base/serviceitem/dict-list";
 
       let params = {
         // parentCategoryCode: '1010'
-      }
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
-        this.serviceList = data
-
+        this.serviceList = data;
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
-
     },
     //获取分类
-    async loadType () {
-      const url = "/sys/dict/data/dictlist"
+    async loadType() {
+      const url = "/sys/dict/data/dictlist";
 
       let params = {
-        dictType: 'party_unit_type'
-      }
+        dictType: "party_unit_type",
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
-        this.typeList = data
-
+        this.typeList = data;
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
-
     },
 
-    async loadTable () {
-      this.tableLoading = true
+    async loadTable() {
+      this.tableLoading = true;
 
-      const url = "/actual/base/icpartyunit/list"
+      const url = "/actual/base/icpartyunit/list";
       // const url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/list"
       let params = {
         pageSize: this.pageSize,
         pageNo: this.pageNo,
         agencyId: this.agencyId,
-        ...this.formData
-      }
+        ...this.formData,
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
-        this.total = data.total
-        data.list.forEach(element => {
+        this.total = data.total;
+        data.list.forEach((element) => {
           if (element.serviceMatterList.length > 0) {
-            element.serviceMatterListShow = element.serviceMatterList.join(',')
+            element.serviceMatterListShow = element.serviceMatterList.join(",");
           } else {
-            element.serviceMatterListShow = ''
+            element.serviceMatterListShow = "";
           }
-
         });
-        this.tableData = data.list
-
+        this.tableData = data.list;
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
-      this.tableLoading = false
+      this.tableLoading = false;
     },
 
-    editDiaClose () {
-      this.$refs.ref_form.resetData()
-      this.formShow = false
+    editDiaClose() {
+      this.$refs.ref_form.resetData();
+      this.formShow = false;
     },
-    diaClose () {
-      this.detailShow = false
-      this.finishDiaShow = false
-      this.scoreDiaShow = false
+    diaClose() {
+      this.detailShow = false;
+      this.finishDiaShow = false;
+      this.scoreDiaShow = false;
     },
-    diaDetailClose () {
-      console.log(this.$refs.ref_detail)
-      this.$refs.ref_detail.diaDestroy()
-      this.detailShow = false
+    diaDetailClose() {
+      console.log(this.$refs.ref_detail);
+      this.$refs.ref_detail.diaDestroy();
+      this.detailShow = false;
     },
 
-    handleDetail (row) {
+    handleDetail(row) {
       // this.formTitle = '详情'
-      this.detailShow = true
+      this.detailShow = true;
       this.$nextTick(() => {
-        this.$refs.ref_detail.initForm(row)
-      })
+        this.$refs.ref_detail.initForm(row);
+      });
     },
 
     //完成情况
-    handleFinish (row) {
-      this.finishDiaTitle = row.unitName + '完成情况'
-      this.finishDiaShow = true
+    handleFinish(row) {
+      this.finishDiaTitle = row.unitName + "完成情况";
+      this.finishDiaShow = true;
       this.$nextTick(() => {
-        this.$refs.ref_finish.initTable(row)
-      })
+        this.$refs.ref_finish.initTable(row);
+      });
     },
     //积分记录
-    handleScore (row) {
-      this.scoreDiaShow = true
+    handleScore(row) {
+      this.scoreDiaShow = true;
       this.$nextTick(() => {
-        this.$refs.ref_score.initForm(row.id)
-      })
+        this.$refs.ref_score.initForm(row.id);
+      });
     },
 
-    handleAdd () {
-      this.formTitle = '新增'
-      this.formShow = true
+    handleAdd() {
+      this.formTitle = "新增";
+      this.formShow = true;
       this.$nextTick(() => {
-        this.$refs.ref_form.initForm('add', null)
-      })
+        this.$refs.ref_form.initForm("add", null);
+      });
     },
 
-    handleEdit (row) {
-      this.formTitle = '修改'
-      this.formShow = true
+    handleEdit(row) {
+      this.formTitle = "修改";
+      this.formShow = true;
       this.$nextTick(() => {
-        this.$refs.ref_form.initForm('edit', row.id)
-      })
+        this.$refs.ref_form.initForm("edit", row.id);
+      });
     },
 
-    addFormCancle () {
-      this.formShow = false
+    addFormCancle() {
+      this.formShow = false;
     },
-    addFormOk () {
-      this.formShow = false
-      this.loadTable()
-
+    addFormOk() {
+      this.formShow = false;
+      this.loadTable();
     },
 
     // async handleSync (row) {
@@ -561,176 +605,167 @@ export default {
 
     //     });
     // },
-    async handleNoSync (row) {
-
+    async handleNoSync(row) {
       this.$confirm("确认取消同步?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          this.noSyncUnit(row)
+          this.noSyncUnit(row);
         })
-        .catch(err => {
+        .catch((err) => {
           if (err == "cancel") {
-
           }
-
         });
     },
 
-    async syncUnit (row) {
-      const url = "/gov/org/department/syncdept"
+    async syncUnit(row) {
+      const url = "/gov/org/department/syncdept";
 
       let params = {
         id: row.id,
         deptName: row.unitName,
         mobile: row.contactMobile,
         personName: row.contact,
-        deptType: 'party_unit',
-      }
+        deptType: "party_unit",
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
         if (data.type) {
           this.$message({
             type: "success",
-            message: data.msg || "同步成功"
+            message: data.msg || "同步成功",
           });
 
-          this.loadTable()
+          this.loadTable();
         } else {
-          this.$message.error(data.msg)
+          this.$message.error(data.msg);
         }
-
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
     },
 
-    async noSyncUnit (row) {
-      const url = "/gov/org/department/notsyncdept"
+    async noSyncUnit(row) {
+      const url = "/gov/org/department/notsyncdept";
       // const url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/delete"
 
       let params = {
         id: row.id,
         deptId: row.deptId,
         deptStaffId: row.deptStaffId,
-        deptType: 'party_unit',
-      }
+        deptType: "party_unit",
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
         if (data.type) {
           this.$message({
             type: "success",
-            message: "取消同步成功"
+            message: "取消同步成功",
           });
-          this.loadTable()
+          this.loadTable();
         } else {
-          this.$message.error(data.msg)
+          this.$message.error(data.msg);
         }
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
     },
 
-    async handleDelete (row) {
-
+    async handleDelete(row) {
       this.$confirm("确认删除?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          this.deleteUnit(row)
+          this.deleteUnit(row);
         })
-        .catch(err => {
+        .catch((err) => {
           if (err == "cancel") {
-
           }
-
         });
     },
 
-    async deleteUnit (row) {
-      const url = "/heart/icpartyunit/delete"
+    async deleteUnit(row) {
+      const url = "/actual/base/icpartyunit/delete";
       // const url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/delete"
 
       let params = {
-        id: row.id
-      }
+        id: row.id,
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
         this.$message({
           type: "success",
-          message: "删除成功"
+          message: "删除成功",
         });
 
-        this.loadTable()
+        this.loadTable();
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
     },
 
     //重置搜索条件
-    resetSearch () {
+    resetSearch() {
       this.formData = {
-        unitName: '',
-        serviceMatter: '',
-        type: '',
-        contact: '',
-        contactMobile: ''
-      }
-      this.pageSize = 10
-      this.pageNo = 0
+        unitName: "",
+        serviceMatter: "",
+        type: "",
+        contact: "",
+        contactMobile: "",
+      };
+      this.pageSize = 10;
+      this.pageNo = 0;
       // this.loadTable()
     },
 
     //导出表格
-    async handleExport () {
-      let title = '联建单位列表'
+    async handleExport() {
+      let title = "联建单位列表";
 
-      const url = "/heart/icpartyunit/export"
+      const url = "/heart/icpartyunit/export";
       let params = {
         agencyId: this.agencyId,
-        ...this.formData
-      }
+        ...this.formData,
+      };
 
       app.ajax.exportFilePost(
         url,
         params,
         (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
+          this.download(data, title + ".xls");
         },
         (rspMsg, data) => {
           this.$message.error(rspMsg);
         }
       );
-
     },
 
     // 下载文件
-    download (data, fileName) {
+    download(data, fileName) {
       if (!data) {
-        return
+        return;
       }
 
-      var csvData = new Blob([data])
+      var csvData = new Blob([data]);
 
       if (window.navigator && window.navigator.msSaveOrOpenBlob) {
         window.navigator.msSaveOrOpenBlob(csvData, fileName);
       }
       // for Non-IE (chrome, firefox etc.)
       else {
-        var a = document.createElement('a');
+        var a = document.createElement("a");
         document.body.appendChild(a);
-        a.style = 'display: none';
+        a.style = "display: none";
         var url = window.URL.createObjectURL(csvData);
         a.href = url;
         a.download = fileName;
@@ -738,104 +773,99 @@ export default {
         a.remove();
         window.URL.revokeObjectURL(url);
       }
-
     },
 
     // 上传文件之前的钩子
-    beforeUpload (file) {
+    beforeUpload(file) {
       this.files = file;
 
-      const isText = file.type === 'application/vnd.ms-excel'
-      const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      const isText = file.type === "application/vnd.ms-excel";
+      const isTextComputer =
+        file.type ===
+        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
 
       if (!isText && !isTextComputer) {
-        this.$message.error('请选择正确格式的文件')
-        return false
+        this.$message.error("请选择正确格式的文件");
+        return false;
       } else {
         this.fileName = file.name;
-        return true
+        return true;
       }
-
     },
     // 上传文件个数超过定义的数量
-    handleExceed (files, fileList) {
-      this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`);
     },
 
-    async uploadFile () {
-      this.loading = true
+    async uploadFile() {
+      this.loading = true;
 
       if (this.fileName == "") {
-        this.$message.warning('请选择要上传的文件！')
-        return false
+        this.$message.warning("请选择要上传的文件！");
+        return false;
       }
 
       //清空上传列表
-      this.$refs['upload'].clearFiles()
+      this.$refs["upload"].clearFiles();
 
-      var url = '/heart/icpartyunit/import'
+      var url = "/heart/icpartyunit/import";
       let fileFormData = new FormData();
-      fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+      fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
 
-      const { data, code, msg } = await requestPost(url, fileFormData)
+      const { data, code, msg } = await requestPost(url, fileFormData);
       if (code === 0) {
         this.$message({
           type: "success",
-          message: "导入成功"
+          message: "导入成功",
         });
 
-        this.loadTable()
+        this.loadTable();
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
-
-
     },
 
-    handleSizeChange (val) {
-      this.pageSize = val
-      this.pageNo = 1
-      this.loadTable()
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.pageNo = 1;
+      this.loadTable();
     },
-    handleCurrentChange (val) {
-      this.pageNo = val
-      this.loadTable()
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.loadTable();
     },
 
     // 开启加载动画
-    startLoading () {
+    startLoading() {
       loading = Loading.service({
         lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
     },
     // 结束加载动画
-    endLoading () {
+    endLoading() {
       // clearTimeout(timer);
       if (loading) {
-        loading.close()
+        loading.close();
       }
-    }
+    },
   },
   computed: {
-    tableHeight () {
-
-      return this.$store.state.inIframe ? this.clientHeight - 430 + this.iframeHeight : this.clientHeight - 430
-
+    tableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 430 + this.iframeHeight
+        : this.clientHeight - 430;
     },
 
-    ...mapGetters(['clientHeight', 'iframeHeight'])
+    ...mapGetters(["clientHeight", "iframeHeight"]),
   },
-  watch: {
-
-  },
-  props: {
-
-  }
-}
+  watch: {},
+  props: {},
+};
 </script>
 <style lang="scss" scoped >
+@import "@/assets/scss/modules/management/list-main.scss";
 .g-main {
   width: 100%;
 }
diff --git a/src/views/modules/communityParty/regionalParty/unitsDetail.vue b/src/views/modules/communityParty/regionalParty/unitsDetail.vue
index 1f81a1ae5..987fe9412 100644
--- a/src/views/modules/communityParty/regionalParty/unitsDetail.vue
+++ b/src/views/modules/communityParty/regionalParty/unitsDetail.vue
@@ -1,119 +1,105 @@
 <template>
   <div>
     <div class="dialog-h-content scroll-h">
-
-      <div v-if="initLoading"
-           class="m-detail-main">
+      <div v-if="initLoading" class="m-detail-main">
         <div class="m-info">
           <div class="m-info-prop">
             <span class="u-info-title-2">单位名称：</span>
-            <span>{{ formData.unitName||'--'  }}</span>
+            <span>{{ formData.unitName || "--" }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">分类：</span>
-            <span>{{ formData.type||'--' }}</span>
+            <span>{{ formData.type || "--" }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">服务事项：</span>
-            <span>{{ formData.serviceMatterList.join(',') }}</span>
+            <span>{{ formData.serviceMatterList.join(",") }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">联系人：</span>
-            <span>{{ formData.contact||'--'  }}</span>
+            <span>{{ formData.contact || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">联系电话：</span>
-            <span>{{ formData.contactMobile||'--'  }}</span>
+            <span>{{ formData.contactMobile || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">在职党员：</span>
-            <span>{{ formData.memberCount||'--'  }}</span>
+            <span>{{ formData.memberCount || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">备注：</span>
-            <span>{{ formData.remark||'--'  }}</span>
+            <span>{{ formData.remark || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">地理位置：</span>
-            <span>{{ formData.address||'--'  }}</span>
+            <span>{{ formData.address || "--" }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">地图位置：</span>
             <div class="div_map">
-
               <div id="app_detail_unit"></div>
-
             </div>
           </div>
-
         </div>
       </div>
-
     </div>
-    <div class="div-btn">
-      <el-button size="small"
-                 @click="handleCancle">关 闭</el-button>
-
+    <div class="m-detail-btn">
+      <el-button size="small" @click="handleCancle">关 闭</el-button>
     </div>
   </div>
 </template>
 
 <script>
-
-import { Loading } from 'element-ui' // 引入Loading服务
-import nextTick from 'dai-js/tools/nextTick'
+import { Loading } from "element-ui"; // 引入Loading服务
+import nextTick from "dai-js/tools/nextTick";
 import daiMap from "@/utils/dai-map";
 
-var map
-var search
-var markers
-var infoWindowList
-var geocoder // 新建一个正逆地址解析类
+var map;
+var search;
+var markers;
+var infoWindowList;
+var geocoder; // 新建一个正逆地址解析类
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
-  data () {
+  data() {
     return {
       formData: {},
       initLoading: false,
-    }
+    };
   },
   components: {},
-  created () {
-
-  },
+  created() {},
 
   methods: {
-    handleCancle () {
-      this.diaDestroy()
-      this.$emit('diaDetailClose')
-
+    handleCancle() {
+      this.diaDestroy();
+      this.$emit("diaDetailClose");
     },
 
-    diaDestroy () {
+    diaDestroy() {
       if (map) {
         // map.destroy()
       }
     },
 
-    async initForm (row) {
-
-      this.startLoading()
-      this.formData = JSON.parse(JSON.stringify(row))
-      this.initLoading = true
-      console.log(this.formData)
+    async initForm(row) {
+      this.startLoading();
+      this.formData = JSON.parse(JSON.stringify(row));
+      this.initLoading = true;
+      console.log(this.formData);
       // await nextTick(200)
 
-
       let { latitude, longitude } = this.$store.state.user;
-      console.log('lat' + latitude + ',lon' + longitude)
+      console.log("lat" + latitude + ",lon" + longitude);
       if (this.formData.latitude && this.formData.longitude) {
-        latitude = this.formData.latitude
-        longitude = this.formData.longitude
+        latitude = this.formData.latitude;
+        longitude = this.formData.longitude;
       }
       if (!latitude || latitude == "" || latitude == "0") {
         latitude = 39.9088810666821;
@@ -121,23 +107,18 @@ export default {
       }
       this.$nextTick(() => {
         if (!map) {
-          this.initMap(latitude, longitude)
+          this.initMap(latitude, longitude);
         } else {
           map.setCenter(latitude, longitude);
           map.setMarker(latitude, longitude);
-
         }
+      });
 
-      })
-
-      this.endLoading()
-
+      this.endLoading();
     },
 
-
     // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
-    initMap (latitude, longitude) {
-
+    initMap(latitude, longitude) {
       map = new daiMap(
         document.getElementById("app_detail_unit"),
         { latitude, longitude },
@@ -155,30 +136,26 @@ export default {
 
       map.setCenter(latitude, longitude);
       map.setMarker(latitude, longitude);
-
     },
     // 开启加载动画
-    startLoading () {
+    startLoading() {
       loading = Loading.service({
         lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
     },
     // 结束加载动画
-    endLoading () {
+    endLoading() {
       // clearTimeout(timer);
       if (loading) {
-        loading.close()
+        loading.close();
       }
-    }
-  },
-  computed: {
+    },
   },
-  props: {
-
-  }
-}
+  computed: {},
+  props: {},
+};
 </script>
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/detail-main.scss";
diff --git a/src/views/modules/communityParty/regionalParty/unitsForm.vue b/src/views/modules/communityParty/regionalParty/unitsForm.vue
index b588472a7..a2c2e09fb 100644
--- a/src/views/modules/communityParty/regionalParty/unitsForm.vue
+++ b/src/views/modules/communityParty/regionalParty/unitsForm.vue
@@ -1,287 +1,308 @@
 <template>
   <div>
-
     <div class="dialog-h-content scroll-h">
-      <el-form ref="ref_form"
-               :inline="true"
-               :model="formData"
-               :rules="dataRule"
-               :disabled="formType === 'detail'"
-               class="form">
-
-        <el-form-item label="单位名称"
-                      prop="unitName"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_1"
-                    maxlength="50"
-                    show-word-limit
-                    placeholder="请输入单位名称"
-                    v-model="formData.unitName">
+      <el-form
+        ref="ref_form"
+        :inline="true"
+        :model="formData"
+        :rules="dataRule"
+        :disabled="formType === 'detail'"
+        class="form"
+      >
+        <el-form-item
+          label="单位名称"
+          prop="unitName"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            maxlength="50"
+            show-word-limit
+            placeholder="请输入单位名称"
+            v-model="formData.unitName"
+          >
           </el-input>
         </el-form-item>
-        <el-form-item label="分类"
-                      prop="type"
-                      label-width="150px"
-                      style="display: block">
-          <el-select class="item_width_1"
-                     v-model="formData.type"
-                     placeholder="请选择"
-                     filterable
-                     clearable>
-            <el-option v-for="item in typeList"
-                       :key="item.value"
-                       :label="item.label"
-                       :value="item.value">
+        <el-form-item
+          label="分类"
+          prop="type"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-select
+            class="item_width_1"
+            v-model="formData.type"
+            placeholder="请选择"
+            filterable
+            clearable
+          >
+            <el-option
+              v-for="item in typeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
-
         </el-form-item>
-        <el-form-item label="服务事项"
-                      prop="serviceMatterList"
-                      label-width="150px"
-                      style="display: block">
-          <el-checkbox-group class="item_width_1"
-                             style="display:flex;flex-wrap:wrap"
-                             v-model="formData.serviceMatterList">
-            <el-checkbox v-for="item in serviceList"
-                         :key="item.value"
-                         :label="item.value">{{item.label}}</el-checkbox>
-
+        <el-form-item
+          label="服务事项"
+          prop="serviceMatterList"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-checkbox-group
+            class="item_width_1"
+            style="display: flex; flex-wrap: wrap"
+            v-model="formData.serviceMatterList"
+          >
+            <el-checkbox
+              v-for="item in serviceList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
           </el-checkbox-group>
-
         </el-form-item>
-        <el-form-item label="联系人"
-                      prop="contact"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_1"
-                    placeholder="请输入联系人姓名"
-                    v-model="formData.contact">
+        <el-form-item
+          label="联系人"
+          prop="contact"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            placeholder="请输入联系人姓名"
+            v-model="formData.contact"
+          >
           </el-input>
         </el-form-item>
-        <el-form-item label="联系电话"
-                      prop="contactMobile"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_1"
-                    placeholder="请输入联系人电话"
-                    v-model="formData.contactMobile">
+        <el-form-item
+          label="联系电话"
+          prop="contactMobile"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            class="item_width_1"
+            placeholder="请输入联系人电话"
+            v-model="formData.contactMobile"
+          >
           </el-input>
         </el-form-item>
-        <el-form-item label="在职党员"
-                      style="display: block"
-                      prop="memberCount"
-                      label-width="150px">
-          <el-input-number class="item_width_4"
-                           v-model="formData.memberCount"
-                           :min="0"
-                           :max="9999"
-                           label="在职党员"></el-input-number>
+        <el-form-item
+          label="在职党员"
+          style="display: block"
+          prop="memberCount"
+          label-width="150px"
+        >
+          <el-input-number
+            class="item_width_4"
+            v-model="formData.memberCount"
+            :min="0"
+            :max="9999"
+            label="在职党员"
+          ></el-input-number>
         </el-form-item>
-        <el-form-item label="备注"
-                      prop="remark"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_1"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :rows="3"
-                    placeholder="请输入备注，不超过500字"
-                    v-model="formData.remark"></el-input>
+        <el-form-item
+          label="备注"
+          prop="remark"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input
+            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-item label="地图位置"
-                      prop="longitude"
-                      label-width="150px"
-                      style="display: block">
+        <el-form-item
+          label="地图位置"
+          prop="longitude"
+          label-width="150px"
+          style="display: block"
+        >
           <div style="width: 500px">
-            <el-select v-model="searchValue"
-                       filterable
-                       style="width: 500px"
-                       remote
-                       :reserve-keyword="true"
-                       placeholder="请输入关键词"
-                       :remote-method="remoteMethod"
-                       :loading="loading">
-              <el-option v-for="(item,index) in searchOptions"
-                         @click.native="handleClickKey(index)"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
+            <el-select
+              v-model="searchValue"
+              filterable
+              style="width: 500px"
+              remote
+              :reserve-keyword="true"
+              placeholder="请输入关键词"
+              :remote-method="remoteMethod"
+              :loading="loading"
+            >
+              <el-option
+                v-for="(item, index) in searchOptions"
+                @click.native="handleClickKey(index)"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
-            <div id="app_unit"
-                 class="div_map"></div>
+            <div id="app_unit" class="div_map"></div>
           </div>
         </el-form-item>
 
-        <el-form-item label="详细地址"
-                      prop="address"
-                      label-width="150px"
-                      style="display: block">
-
-          <el-input class="item_width_1"
-                    v-model="formData.address">
-          </el-input>
-
+        <el-form-item
+          label="详细地址"
+          prop="address"
+          label-width="150px"
+          style="display: block"
+        >
+          <el-input class="item_width_1" v-model="formData.address"> </el-input>
         </el-form-item>
       </el-form>
     </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>
+      <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>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
-import { requestPost } from '@/js/dai/request'
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
 import daiMap from "@/utils/dai-map";
 
-var map
+var map;
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
-  data () {
+  data() {
     let initFormData = () => {
       let _form = {
-        unitName: '',
+        unitName: "",
         serviceMatterList: [],
-        type: '',
-        contact: '',
-        contactMobile: '',
+        type: "",
+        contact: "",
+        contactMobile: "",
         memberCount: 0,
-        remark: '', //备注【最大500字】
-        address: '', //详细地址
+        remark: "", //备注【最大500字】
+        address: "", //详细地址
         longitude: this.$store.state.user.longitude, //经度
-        latitude: this.$store.state.user.latitude//纬度
-      }
+        latitude: this.$store.state.user.latitude, //纬度
+      };
 
-      return _form
-    }
+      return _form;
+    };
     return {
-      formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+      formType: "add", //表单操作类型 add新增，edit编辑，detail详情
       searchOptions: [],
-      searchValue: '',
+      searchValue: "",
       resultList: [],
       loading: false,
 
       btnDisable: false,
 
-      unitId: '',
-      keyWords: '',
+      unitId: "",
+      keyWords: "",
       formData: initFormData(),
-      serviceList: [],//服务list
-
-    }
+      serviceList: [], //服务list
+    };
   },
   components: {},
-  mounted () {
-
+  mounted() {
     // this.initMap()
   },
 
   methods: {
-
-    async initForm (type, unitId) {
-      this.startLoading()
+    async initForm(type, unitId) {
+      this.startLoading();
       this.$refs.ref_form.resetFields();
 
       //获取服务事项
-      await this.loadService()
+      await this.loadService();
 
       let { latitude, longitude } = this.$store.state.user;
 
-
-      this.formType = type
+      this.formType = type;
       if (unitId) {
-        this.unitId = unitId
-        this.formData.id = unitId
-        await this.loadFormData()
+        this.unitId = unitId;
+        this.formData.id = unitId;
+        await this.loadFormData();
       } else {
-        this.formData.latitude = latitude
-        this.formData.longitude = longitude
+        this.formData.latitude = latitude;
+        this.formData.longitude = longitude;
       }
 
       // if (!map) {
       this.initMap(this.formData.latitude, this.formData.longitude);
       // }
 
-
-
-      this.endLoading()
-
+      this.endLoading();
     },
 
     //获取服务事项下拉框
-    async loadService () {
-      const url = "/actual/base/serviceitem/dict-list"
+    async loadService() {
+      const url = "/actual/base/serviceitem/dict-list";
       let params = {
-        type: 'usable'
+        type: "usable",
         // parentCategoryCode: '1010'
-      }
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
-        this.serviceList = data
-
+        this.serviceList = data;
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
-
     },
 
     //加载组织
-    async loadFormData () {
-      const url = '/heart/icpartyunit/detail'
+    async loadFormData() {
+      const url = "/actual/base/icpartyunit/detail";
       // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/detail'
       let params = {
-        id: this.unitId
-      }
+        id: this.unitId,
+      };
 
-      const { data, code, msg } = await requestPost(url, params)
+      const { data, code, msg } = await requestPost(url, params);
 
       if (code === 0) {
         if (!data.serviceMatterList || !Array.isArray(data.serviceMatterList)) {
-          data.serviceMatterList = []
+          data.serviceMatterList = [];
         }
 
-        this.formData = { ...data }
-
+        this.formData = { ...data };
       } else {
-        this.$message.error(msg)
+        this.$message.error(msg);
       }
     },
 
-    async handleComfirm () {
-
-      this.btnDisable = true
+    async handleComfirm() {
+      this.btnDisable = true;
       setTimeout(() => {
-        this.btnDisable = false
-      }, 10000)
-      this.$refs['ref_form'].validate((valid, messageObj) => {
+        this.btnDisable = false;
+      }, 10000);
+      this.$refs["ref_form"].validate((valid, messageObj) => {
         if (!valid) {
-          app.util.validateRule(messageObj)
-          this.btnDisable = false
+          app.util.validateRule(messageObj);
+          this.btnDisable = false;
         } else {
-          this.addUnit()
+          this.addUnit();
         }
-
-      })
-
-
+      });
     },
-    async addUnit () {
+    async addUnit() {
       // const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //联系电话
       // if (regPhone.test(this.formData.contactMobile) === false) {
       //   this.btnDisable = false
@@ -292,39 +313,36 @@ export default {
       //   return false;
       // }
 
-      let url = '/heart/icpartyunit/save'
+      let url = "/actual/base/icpartyunit/save";
       // let url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/save"
       // if (this.formType === 'edit') {
       //  this.formData.id = this.unitId
-      // } 
+      // }
 
-      const { data, code, msg } = await requestPost(url, this.formData)
+      const { data, code, msg } = await requestPost(url, this.formData);
 
       if (code === 0) {
         this.$message({
-          type: 'success',
-          message: '操作成功'
-        })
-        this.resetData()
+          type: "success",
+          message: "操作成功",
+        });
+        this.resetData();
 
-        this.$emit('dialogOk')
-        this.btnDisable = false
+        this.$emit("dialogOk");
+        this.btnDisable = false;
       } else {
-        this.btnDisable = false
-        this.$message.error(msg)
+        this.btnDisable = false;
+        this.$message.error(msg);
       }
-
     },
 
-    handleCancle () {
-      this.resetData()
-      this.$emit('dialogCancle')
-
+    handleCancle() {
+      this.resetData();
+      this.$emit("dialogCancle");
     },
 
     // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
-    initMap (latitude, longitude) {
-
+    initMap(latitude, longitude) {
       map = new daiMap(
         document.getElementById("app_unit"),
         { latitude, longitude },
@@ -342,11 +360,9 @@ export default {
 
       map.setCenter(latitude, longitude);
       map.setMarker(latitude, longitude);
-
     },
 
-
-    async handleMoveCenter () {
+    async handleMoveCenter() {
       //修改地图中心点
       const { lat, lng } = map.getCenter();
       this.formData.latitude = lat;
@@ -355,133 +371,125 @@ export default {
 
       let { msg, data } = await map.getAddress(lat, lng);
       if (msg == "success") {
-        this.formData.address = data.address
-        this.searchValue = data.address
-        this.searchOptions = []
-
+        this.formData.address = data.address;
+        this.searchValue = data.address;
+        this.searchOptions = [];
       }
     },
 
-    async remoteMethod (query) {
-
-      if (query !== '') {
+    async remoteMethod(query) {
+      if (query !== "") {
         this.loading = true;
 
         const { msg, data } = await map.searchNearby(query);
         this.loading = false;
-        this.resultList = []
+        this.resultList = [];
 
         if (msg == "success" && data.resultList && data.resultList.length > 0) {
-
           if (data.resultList && data.resultList.length > 0) {
-            this.resultList = data.resultList
-            this.searchOptions = this.resultList.map(item => {
-              return { value: `${item.hotPointID}`, label: `${item.address + item.name}` };
-
+            this.resultList = data.resultList;
+            this.searchOptions = this.resultList.map((item) => {
+              return {
+                value: `${item.hotPointID}`,
+                label: `${item.address + item.name}`,
+              };
             });
           }
         } else {
           this.searchOptions = [
             {
-              value: '0',
-              label: '未检索到结果'
-            }
-          ]
+              value: "0",
+              label: "未检索到结果",
+            },
+          ];
         }
       } else {
         this.searchOptions = [];
       }
     },
 
-    handleClickKey (index) {
-      let selPosition = this.resultList[index]
-      let lonlat = selPosition.lonlat.split(" ")
+    handleClickKey(index) {
+      let selPosition = this.resultList[index];
+      let lonlat = selPosition.lonlat.split(" ");
       map.setCenter(lonlat[1], lonlat[0]);
       map.setMarker(lonlat[1], lonlat[0]);
       this.formData.latitude = lonlat[1];
       this.formData.longitude = lonlat[0];
-      this.formData.address = selPosition.address + selPosition.name
+      this.formData.address = selPosition.address + selPosition.name;
     },
 
-
-    resetData () {
-      this.searchValue = ''
-      this.searchOptions = []
-      this.resultList = []
+    resetData() {
+      this.searchValue = "";
+      this.searchOptions = [];
+      this.resultList = [];
       if (map) {
-        console.log(map)
+        console.log(map);
         // map.destroy()
       }
-      this.unitId = ''
-      this.keyWords = ''
+      this.unitId = "";
+      this.keyWords = "";
       this.formData = {
-        unitName: '',
+        unitName: "",
         serviceMatterList: [],
-        type: '',
-        contact: '',
-        contactMobile: '',
+        type: "",
+        contact: "",
+        contactMobile: "",
         memberCount: 0,
-        remark: '', //备注【最大500字】
-        address: '', //详细地址
+        remark: "", //备注【最大500字】
+        address: "", //详细地址
         longitude: this.$store.state.user.longitude, //经度
-        latitude: this.$store.state.user.latitude//纬度
-      }
+        latitude: this.$store.state.user.latitude, //纬度
+      };
     },
     // 开启加载动画
-    startLoading () {
+    startLoading() {
       loading = Loading.service({
         lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
     },
     // 结束加载动画
-    endLoading () {
+    endLoading() {
       // clearTimeout(timer);
       if (loading) {
-        loading.close()
+        loading.close();
       }
-    }
+    },
   },
   computed: {
-    dataRule () {
+    dataRule() {
       return {
-
         unitName: [
-          { required: true, message: '单位名称不能为空', trigger: 'blur' },
-        ],
-        type: [
-          { required: true, message: '分类不能为空', trigger: 'blur' }
+          { required: true, message: "单位名称不能为空", trigger: "blur" },
         ],
+        type: [{ required: true, message: "分类不能为空", trigger: "blur" }],
 
         contact: [
-          { required: true, message: '联系人不能为空', trigger: 'blur' }
+          { required: true, message: "联系人不能为空", trigger: "blur" },
         ],
         contactMobile: [
-          { required: true, message: '联系电话不能为空', trigger: 'blur' }
+          { required: true, message: "联系电话不能为空", trigger: "blur" },
         ],
         memberCount: [
-          { required: true, message: '在职党员数不能为空', trigger: 'blur' }
+          { required: true, message: "在职党员数不能为空", trigger: "blur" },
         ],
         address: [
-          { required: true, message: '详细地址不能为空', trigger: 'blur' }
+          { required: true, message: "详细地址不能为空", trigger: "blur" },
         ],
         longitude: [
-          { required: true, message: '坐标不能为空', trigger: 'blur' }
-        ]
-      }
+          { required: true, message: "坐标不能为空", trigger: "blur" },
+        ],
+      };
     },
-
   },
   props: {
-
     typeList: {
       type: Array,
-      default: []
+      default: [],
     },
-
-  }
-}
+  },
+};
 </script>
 <style scoped>
 .div_map {
diff --git a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
index c8ee5d574..58f25490b 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
@@ -15,6 +15,8 @@
             <div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]">
               <span class="u-info-title-2">项目背景：</span>
               <span>{{ projectInfo.backGround || "--" }}</span>
+              <a style="cursor: pointer"
+                 @click="handleWatchOrigin">查看项目来源</a>
             </div>
             <div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]">
               <span class="u-info-title-2">项目方案：</span>