From c818dd6114a122794f5187a89745f739f648bbf0 Mon Sep 17 00:00:00 2001
From: jianjun <jianjun4833@163.com>
Date: Wed, 24 Aug 2022 16:26:53 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A4=BE=E4=BC=9A=E7=BB=84=E7=BB=87=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=A1=86=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/communityService/shzz/index.vue   | 281 ++++++++++--------
 1 file changed, 162 insertions(+), 119 deletions(-)

diff --git a/src/views/modules/communityService/shzz/index.vue b/src/views/modules/communityService/shzz/index.vue
index e9a6c504d..46c1405c9 100644
--- a/src/views/modules/communityService/shzz/index.vue
+++ b/src/views/modules/communityService/shzz/index.vue
@@ -21,20 +21,20 @@
               </div>
             </el-col>
 
-<!--            <el-col :span="8">
-              <div class="resi-cell">
-                <div class="resi-cell-label">负责人</div>
-                <div class="resi-cell-value"
-                     :class="'resi-cell-value-radio'">
-                  <el-input v-model="fmData.personInCharge"
-                            class="resi-cell-input"
-                            size="small"
-                            clearable
-                            placeholder="请输入">
-                  </el-input>
-                </div>
-              </div>
-            </el-col>-->
+            <!--            <el-col :span="8">
+                          <div class="resi-cell">
+                            <div class="resi-cell-label">负责人</div>
+                            <div class="resi-cell-value"
+                                 :class="'resi-cell-value-radio'">
+                              <el-input v-model="fmData.personInCharge"
+                                        class="resi-cell-input"
+                                        size="small"
+                                        clearable
+                                        placeholder="请输入">
+                              </el-input>
+                            </div>
+                          </div>
+                        </el-col>-->
 
             <el-col :span="8">
               <div class="resi-cell">
@@ -50,9 +50,7 @@
                 </div>
               </div>
             </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
+            <el-col :span="8">
               <div class="resi-cell">
                 <div class="resi-cell-label">服务时间</div>
                 <div class="resi-cell-value"
@@ -63,23 +61,40 @@
                             clearable
                             placeholder="请输入">
                   </el-input>
-<!--                  <el-date-picker v-model="fmData.serviceTime"
-                                  type="daterange"
-                                  range-separator="至"
-                                  start-placeholder="开始日期"
-                                  end-placeholder="结束日期"
-                                  value-format="yyyy-MM-dd">
-                  </el-date-picker>-->
                 </div>
               </div>
             </el-col>
           </el-row>
+          <!--          <el-row>
+                      <el-col :span="24">
+                        <div class="resi-cell">
+                          <div class="resi-cell-label">服务时间</div>
+                          <div class="resi-cell-value"
+                               :class="'resi-cell-value-radio'">
+                            <el-input v-model="fmData.serviceTimeStr"
+                                      class="resi-cell-input"
+                                      size="small"
+                                      clearable
+                                      placeholder="请输入">
+                            </el-input>
+          &lt;!&ndash;                  <el-date-picker v-model="fmData.serviceTime"
+                                            type="daterange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期"
+                                            value-format="yyyy-MM-dd">
+                            </el-date-picker>&ndash;&gt;
+                          </div>
+                        </div>
+                      </el-col>
+                    </el-row>-->
         </el-row>
         <el-row class="resi-search">
           <el-col :span="24">
             <el-button type="primary"
                        size="small"
-                       @click="handleSearch">查询</el-button>
+                       @click="handleSearch">查询
+            </el-button>
           </el-col>
         </el-row>
       </el-card>
@@ -89,11 +104,13 @@
       <div class="resi-row-btn">
         <el-button type="success"
                    size="small"
-                   @click="handleAdd">新增</el-button>
+                   @click="handleAdd">新增
+        </el-button>
         <el-button class="diy-button--search"
                    style="margin-left:10px"
                    size="small"
-                   @click="handleExportModule('room')">下载模板</el-button>
+                   @click="handleExportModule('room')">下载模板
+        </el-button>
         <el-upload ref="upload"
                    class="upload-btn"
                    action="uploadUlr"
@@ -108,13 +125,15 @@
           <el-button type="warning"
                      size="small"
                      :loading="importLoading">{{
-            importBtnTitle
-          }}</el-button>
+              importBtnTitle
+            }}
+          </el-button>
         </el-upload>
 
         <el-button @click="handleChu"
                    type="danger"
-                   size="small">导出</el-button>
+                   size="small">导出
+        </el-button>
       </div>
       <el-table :data="tableData"
                 border
@@ -124,23 +143,23 @@
         <el-table-column label="序号"
                          type="index"
                          align="center"
-                         width="50" />
+                         width="50"/>
         <el-table-column prop="societyName"
                          label="组织名称">
         </el-table-column>
         <el-table-column prop="serviceMatters"
                          label="服务内容">
         </el-table-column>
-<!--        <el-table-column prop="personInCharge"
-                         label="负责人">
-        </el-table-column>-->
+        <!--        <el-table-column prop="personInCharge"
+                                 label="负责人">
+                </el-table-column>-->
         <el-table-column prop="mobile"
-                         label="服务电话"> </el-table-column>
+                         label="服务电话"></el-table-column>
         <el-table-column prop="serviceTimeStr"
-                         label="服务时间"> </el-table-column>
-<!--        <el-table-column prop="score"
-                         width="80"
-                         label="积分"> </el-table-column>-->
+                         label="服务时间"></el-table-column>
+        <!--        <el-table-column prop="score"
+                                 width="80"
+                                 label="积分"> </el-table-column>-->
         <el-table-column fixed="right"
                          label="操作"
                          align="center"
@@ -148,16 +167,18 @@
           <template slot-scope="scope">
             <el-button @click="handleWatch(scope.$index)"
                        type="text"
-                       size="small">查看</el-button>
-<!--            <el-button type="text"
-                       style="color:#00A7A9;"
-                       size="small"
-                       @click="handleScore(scope.row)">积分记录</el-button>-->
+                       size="small">查看
+            </el-button>
+            <!--            <el-button type="text"
+                                   style="color:#00A7A9;"
+                                   size="small"
+                                   @click="handleScore(scope.row)">积分记录</el-button>-->
 
             <el-button @click="handleEdit(scope.$index)"
                        type="text"
                        size="small"
-                       style="margin-right: 10px; color: #00a7a9">编辑</el-button>
+                       style="margin-right: 10px; color: #00a7a9">编辑
+            </el-button>
 
             <el-popconfirm title="删除之后无法回复，确认删除？"
                            @onConfirm="handleDel(scope.row, scope.$index)"
@@ -165,7 +186,8 @@
               <el-button slot="reference"
                          type="text"
                          size="small"
-                         style="color: #d51010">删除</el-button>
+                         style="color: #d51010">删除
+              </el-button>
             </el-popconfirm>
           </template>
         </el-table-column>
@@ -210,16 +232,16 @@
 </template>
 
 <script>
-import { requestPost } from "@/js/dai/request";
+import {requestPost} from "@/js/dai/request";
 import nextTick from "dai-js/tools/nextTick";
-import { mapGetters } from "vuex";
+import {mapGetters} from "vuex";
 import editForm from "./cpts/edit";
 import axios from "axios";
 import scoreRecord from '../../../components/scoreRecord.vue'
 
 export default {
-  components: { editForm, scoreRecord },
-  data () {
+  components: {editForm, scoreRecord},
+  data() {
     return {
       openSearch: false,
 
@@ -251,14 +273,14 @@ export default {
     };
   },
   computed: {
-    maxTableHeight () {
+    maxTableHeight() {
       return this.clientHeight - 450;
     },
     ...mapGetters(["clientHeight"]),
   },
   watch: {
     "fmData.serviceTime": function (val) {
-      console.log("watch start"+val+'_'+Array.isArray(val))
+      console.log("watch start" + val + '_' + Array.isArray(val))
       if (Array.isArray(val) && val.length == 2) {
         this.fmData.serviceStartTime = val[0];
         this.fmData.serviceEndTime = val[1];
@@ -268,28 +290,28 @@ export default {
       }
     },
   },
-  mounted () {
+  mounted() {
     this.getTableData();
   },
   methods: {
     // 上传大图标成功
-    handleExcelSuccess (res, file) {
+    handleExcelSuccess(res, file) {
       if (res.code === 0 && res.msg === "success") {
         console.log("resss---ppp", res);
       } else {
         this.$message.error(res.msg);
       }
     },
-    handleProgress (event, file, fileList) {
+    handleProgress(event, file, fileList) {
       console.log("percentage", file.percentage);
     },
 
-    beforeExcelUpload (file) {
+    beforeExcelUpload(file) {
       console.log("file", file);
       const isType = file.type === "application/vnd.ms-excel";
       const isTypeComputer =
-        file.type ===
-        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+          file.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
       const fileType = isType || isTypeComputer;
       const isLt1M = file.size / 1024 / 1024 < 10;
       if (!fileType) {
@@ -301,7 +323,7 @@ export default {
       }
       return fileType && isLt1M;
     },
-    uploadHttpRequest (file) {
+    uploadHttpRequest(file) {
       this.importLoading = true;
       this.importBtnTitle = "正在上传中...";
       const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
@@ -312,55 +334,55 @@ export default {
         data: formData,
         // responseType: "blob",
       })
-        .then((res) => {
-          this.importLoading = false;
-          this.importBtnTitle = "excel导入";
-          console.log("resresresresresresres", res);
-
-          this.getTableData();
-          if (res.data.code == 0) {
-            return this.$message.success(res.data.data || '导入成功');
-          } else {
-            return this.$message.error(res.data.msg);
-          }
-        })
-        .catch((err) => {
-          console.log("失败", err);
-        });
+          .then((res) => {
+            this.importLoading = false;
+            this.importBtnTitle = "excel导入";
+            console.log("resresresresresresres", res);
+
+            this.getTableData();
+            if (res.data.code == 0) {
+              return this.$message.success(res.data.data || '导入成功');
+            } else {
+              return this.$message.error(res.data.msg);
+            }
+          })
+          .catch((err) => {
+            console.log("失败", err);
+          });
       this.$refs.upload.clearFiles();
     },
 
-    handleSizeChange (val) {
+    handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
       this.pageSize = val;
       window.localStorage.setItem("pageSize", val);
       this.getTableData();
     },
-    handleCurrentChange (val) {
+    handleCurrentChange(val) {
       console.log(`当前页: ${val}`);
       this.pageNo = val;
       this.getTableData();
     },
 
-    handleClose () {
+    handleClose() {
       this.formShow = false;
     },
-    handleSearch (val) {
+    handleSearch(val) {
       console.log(this.fmData);
       this.pageNo = 1;
       this.getTableData();
     },
 
-    async handleAdd () {
+    async handleAdd() {
       this.formShow = true;
       await nextTick();
       console.log(this.$refs);
       this.$refs.eleEditForm.initForm("add");
     },
 
-    async handleChu () {
+    async handleChu() {
       const url = "/heart/societyorg/export";
-      const { pageSize, pageNo, fmData } = this;
+      const {pageSize, pageNo, fmData} = this;
       axios({
         url: window.SITE_CONFIG["apiURL"] + url,
         method: "post",
@@ -371,50 +393,50 @@ export default {
         },
         responseType: "blob",
       })
-        .then((res) => {
-          let fileName = window.decodeURI(
-            res.headers["content-disposition"].split(";")[1].split("=")[1]
-          );
-          console.log("filename", fileName);
-          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-          var url = window.URL.createObjectURL(blob);
-          var aLink = document.createElement("a");
-          aLink.style.display = "none";
-          aLink.href = url;
-          aLink.setAttribute("download", fileName);
-          document.body.appendChild(aLink);
-          aLink.click();
-          document.body.removeChild(aLink); //下载完成移除元素
-          window.URL.revokeObjectURL(url); //释放掉blob对象
-        })
-        .catch((err) => {
-          console.log("获取导出情失败", err);
-          return this.$message.error("网络错误");
-        });
+          .then((res) => {
+            let fileName = window.decodeURI(
+                res.headers["content-disposition"].split(";")[1].split("=")[1]
+            );
+            console.log("filename", fileName);
+            let blob = new Blob([res.data], {type: "application/vnd.ms-excel"});
+            var url = window.URL.createObjectURL(blob);
+            var aLink = document.createElement("a");
+            aLink.style.display = "none";
+            aLink.href = url;
+            aLink.setAttribute("download", fileName);
+            document.body.appendChild(aLink);
+            aLink.click();
+            document.body.removeChild(aLink); //下载完成移除元素
+            window.URL.revokeObjectURL(url); //释放掉blob对象
+          })
+          .catch((err) => {
+            console.log("获取导出情失败", err);
+            return this.$message.error("网络错误");
+          });
     },
 
-    async handleWatch (rowIndex) {
+    async handleWatch(rowIndex) {
       this.formShow = true;
       await nextTick();
       this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]);
     },
 
-    async handleEdit (rowIndex) {
+    async handleEdit(rowIndex) {
       this.formShow = true;
       await nextTick();
       this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]);
     },
-    handleEditSuccess () {
+    handleEditSuccess() {
       this.handleClose();
       this.getTableData();
     },
 
-    async handleDel (rowData, rowIndex) {
+    async handleDel(rowData, rowIndex) {
       console.log(rowData, rowIndex);
       const url = "/heart/societyorg/del";
-      const { tableData } = this;
+      const {tableData} = this;
 
-      const { data, code, msg } = await requestPost(url, {
+      const {data, code, msg} = await requestPost(url, {
         societyId: tableData[rowIndex].societyId,
       });
 
@@ -426,10 +448,10 @@ export default {
       }
     },
 
-    async getTableData () {
+    async getTableData() {
       const url = "/heart/societyorg/getlist";
-      const { pageSize, pageNo, fmData } = this;
-      const { data, code, msg } = await requestPost(url, {
+      const {pageSize, pageNo, fmData} = this;
+      const {data, code, msg} = await requestPost(url, {
         pageSize,
         pageNo,
         ...fmData,
@@ -438,29 +460,29 @@ export default {
         console.log("列表请求成功！！！！！！！！！！！！！！");
         this.total = data.total || 0;
         this.tableData = data.list
-          ? data.list.map((item) => {
-            item.serviceTime =
-              item.serviceStartTime + "至" + item.serviceEndTime;
-            return item;
-          })
-          : [];
+            ? data.list.map((item) => {
+              item.serviceTime =
+                  item.serviceStartTime + "至" + item.serviceEndTime;
+              return item;
+            })
+            : [];
       } else {
       }
     },
 
     //积分记录
-    handleScore (row) {
+    handleScore(row) {
       this.scoreDiaShow = true
       this.$nextTick(() => {
         this.$refs.ref_score.initForm(row.societyId)
       })
     },
 
-    diaClose () {
+    diaClose() {
 
       this.scoreDiaShow = false
     },
-    async handleExportModule () {
+    async handleExportModule() {
       let url = "/heart/societyorg/import-template-download";
 
       let params = {};
@@ -516,10 +538,12 @@ export default {
     background: #ebecf1;
     border-radius: 2px;
   }
+
   .el-tabs__nav-wrap::after,
   .el-tabs__active-bar {
     display: none;
   }
+
   .el-tabs__nav-next,
   .el-tabs__nav-prev {
     line-height: 20px;
@@ -529,16 +553,20 @@ export default {
 .resi-card-table {
   margin-top: 20px;
 }
+
 .resi-row-btn {
   margin-bottom: 13px;
+
   .upload-btn {
     display: inline-block;
     margin: 0 10px;
   }
 }
+
 .resi-other {
   width: 100%;
   display: flex;
+
   .resi-other-title {
     width: 100px;
     box-sizing: border-box;
@@ -549,6 +577,7 @@ export default {
     color: #333;
     text-align: center;
   }
+
   .tabs-other-info {
     // padding-left: 60px;
   }
@@ -563,6 +592,7 @@ export default {
   position: relative;
   overflow: visible;
 }
+
 .resi-down {
   position: absolute;
   left: 50%;
@@ -577,30 +607,37 @@ export default {
   cursor: pointer;
   background: #ffffff;
   border-radius: 0 0 10px 10px;
+
   img {
     display: block;
   }
 }
+
 .resi-row-box {
   height: 104px;
   overflow: hidden;
   transition: height 0.5s;
 }
+
 .resi-row-more {
   height: max-content;
   transition: height 0.5s;
 }
+
 .resi-row {
   margin-bottom: 20px;
 }
+
 .resi-search {
   .el-col {
     text-align: right;
   }
 }
+
 .resi-cell {
   display: flex;
   align-items: center;
+
   .resi-cell-label {
     width: 70px;
     box-sizing: border-box;
@@ -608,25 +645,31 @@ export default {
     text-align: right;
     // line-height: 32;
   }
+
   .resi-cell-value-radio {
     display: flex;
     align-items: center;
     min-height: 32px;
   }
+
   .resi-cell-input {
     width: 180px;
   }
+
   .resi-cell-select {
     width: 180px;
     box-sizing: border-box;
     margin-right: 10px;
+
     &-middle {
       width: 130px;
     }
+
     &-small {
       width: 88px;
     }
   }
+
   .resi-cell-select:last-child {
     margin-right: 0;
   }