From b51afde8c12596573a5334d0430a5c5ecf1b403a Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Mon, 14 Mar 2022 13:32:27 +0800
Subject: [PATCH] =?UTF-8?q?UI=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityService/dqfwzx/cpts/edit.vue     |   2 +-
 .../communityService/dqfwzx/cpts/order.vue    | 205 ++++++++----------
 .../dqfwzx/cpts/orderList.vue                 | 106 ++++-----
 .../modules/communityService/dqfwzx/index.vue |   3 +
 4 files changed, 145 insertions(+), 171 deletions(-)

diff --git a/src/views/modules/communityService/dqfwzx/cpts/edit.vue b/src/views/modules/communityService/dqfwzx/cpts/edit.vue
index 7f7a747c..0138d796 100644
--- a/src/views/modules/communityService/dqfwzx/cpts/edit.vue
+++ b/src/views/modules/communityService/dqfwzx/cpts/edit.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>
+    <div class="dialog-h-content scroll-h">
       <el-form ref="ref_form"
                :inline="true"
                :model="dataForm"
diff --git a/src/views/modules/communityService/dqfwzx/cpts/order.vue b/src/views/modules/communityService/dqfwzx/cpts/order.vue
index 49ad2ce8..5c795214 100644
--- a/src/views/modules/communityService/dqfwzx/cpts/order.vue
+++ b/src/views/modules/communityService/dqfwzx/cpts/order.vue
@@ -1,36 +1,28 @@
 <template>
   <div>
-    <div>
-      <el-form
-        ref="ref_form"
-        :inline="true"
-        :model="dataForm"
-        :rules="dataRule"
-        :disabled="formType === 'detail'"
-        class="form"
-      >
-        <el-form-item
-          label="事项名称"
-          prop="matterName"
-          label-width="150px"
-          style="display: block"
-        >
-          <el-input
-            class="item_width_1"
-            maxlength="50"
-            show-word-limit
-            v-model="info.matterName"
-            disabled
-          >
+    <div class="dialog-h-content scroll-h">
+      <el-form ref="ref_form"
+               :inline="true"
+               :model="dataForm"
+               :rules="dataRule"
+               :disabled="formType === 'detail'"
+               class="form">
+        <el-form-item label="事项名称"
+                      prop="matterName"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="50"
+                    show-word-limit
+                    v-model="info.matterName"
+                    disabled>
           </el-input>
         </el-form-item>
 
-        <el-form-item
-          label="预约日期"
-          prop="appointmentDate"
-          label-width="150px"
-          style="display: block"
-        >
+        <el-form-item label="预约日期"
+                      prop="appointmentDate"
+                      label-width="150px"
+                      style="display: block">
           <!-- <el-date-picker
             v-model="dataForm.appointmentDate"
             placeholder="预约日期"
@@ -38,98 +30,77 @@
             :picker-options="dateOptions"
           >
           </el-date-picker> -->
-          <el-select v-model="dataForm.appointmentDate" placeholder="请选择">
-            <el-option
-              v-for="item in dateList"
-              :key="item"
-              :label="item"
-              :value="item"
-            >
-            </el-option
-          ></el-select>
+          <el-select v-model="dataForm.appointmentDate"
+                     placeholder="请选择">
+            <el-option v-for="item in dateList"
+                       :key="item"
+                       :label="item"
+                       :value="item">
+            </el-option>
+          </el-select>
         </el-form-item>
 
-        <el-form-item
-          v-if="timeList.length > 0"
-          label="预约时段"
-          prop="timeId"
-          label-width="150px"
-          style="display: block"
-        >
+        <el-form-item v-if="timeList.length > 0"
+                      label="预约时段"
+                      prop="timeId"
+                      label-width="150px"
+                      style="display: block">
           <div style="margin-left: auto; width: 600px">
-            <el-checkbox
-              :label="item.timeId"
-              :key="item.timeId"
-              :disabled="!item.isAppointment"
-              v-for="(item, index) in timeList"
-              :checked="item.selected"
-              :value="item.selected"
-              @change="selectTime(index)"
-              @onChange="selectTime(index)"
-              >{{ item.time }}</el-checkbox
-            >
+            <el-checkbox :label="item.timeId"
+                         :key="item.timeId"
+                         :disabled="!item.isAppointment"
+                         v-for="(item, index) in timeList"
+                         :checked="item.selected"
+                         :value="item.selected"
+                         @change="selectTime(index)"
+                         @onChange="selectTime(index)">{{ item.time }}</el-checkbox>
           </div>
         </el-form-item>
 
-        <el-form-item
-          label="预约人"
-          prop="appointmentName"
-          label-width="150px"
-          style="display: block"
-        >
-          <el-input
-            class="item_width_1"
-            maxlength="50"
-            show-word-limit
-            placeholder="请输入预约人"
-            v-model="dataForm.appointmentName"
-          >
+        <el-form-item label="预约人"
+                      prop="appointmentName"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="50"
+                    show-word-limit
+                    placeholder="请输入预约人"
+                    v-model="dataForm.appointmentName">
           </el-input>
         </el-form-item>
 
-        <el-form-item
-          label="联系方式"
-          prop="appointmentPhone"
-          label-width="150px"
-          style="display: block"
-        >
-          <el-input
-            class="item_width_1"
-            maxlength="50"
-            show-word-limit
-            placeholder="请输入联系方式"
-            v-model="dataForm.appointmentPhone"
-          >
+        <el-form-item label="联系方式"
+                      prop="appointmentPhone"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="50"
+                    show-word-limit
+                    placeholder="请输入联系方式"
+                    v-model="dataForm.appointmentPhone">
           </el-input>
         </el-form-item>
 
-        <el-form-item
-          label="备注"
-          prop="remark"
-          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="dataForm.remark"
-          ></el-input>
+        <el-form-item label="备注"
+                      prop="remark"
+                      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="dataForm.remark"></el-input>
         </el-form-item>
       </el-form>
     </div>
     <div class="div_btn">
       <el-button @click="handleCancle">取 消</el-button>
-      <el-button
-        v-if="formType != 'detail'"
-        type="primary"
-        :disabled="btnDisable"
-        @click="handleComfirm"
-        >确 定</el-button
-      >
+      <el-button v-if="formType != 'detail'"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
     </div>
   </div>
 </template>
@@ -155,7 +126,7 @@ var infoWindowList;
 let loading; // 加载动画
 
 export default {
-  data() {
+  data () {
     return {
       formType: "add", //表单操作类型 add新增，edit编辑，detail详情
 
@@ -166,7 +137,7 @@ export default {
       },
 
       dateOptions: {
-        disabledDate(time) {
+        disabledDate (time) {
           return (
             time.getTime() < Date.now() - 3600 * 24 * 1 * 1000 ||
             time.getTime() > Date.now() + 3600 * 24 * 6 * 1000
@@ -188,7 +159,7 @@ export default {
   },
   components: {},
   computed: {
-    dataRule() {
+    dataRule () {
       return {
         appointmentName: [
           { required: true, message: "预约人不能为空", trigger: "blur" },
@@ -212,10 +183,10 @@ export default {
     },
   },
 
-  async mounted() {},
+  async mounted () { },
 
   methods: {
-    async initForm(type, row, index) {
+    async initForm (type, row, index) {
       this.$refs.ref_form.resetFields();
 
       let item = row.matterList[index];
@@ -226,7 +197,7 @@ export default {
       }
     },
 
-    selectTime(index) {
+    selectTime (index) {
       // return console.log(index);
       let list = deepClone(this.timeList);
       if (!list[index].isAppointment) return false;
@@ -302,7 +273,7 @@ export default {
       return false;
     },
 
-    async getDateList() {
+    async getDateList () {
       let url = "/gov/org/icpartyservicecenter/appointmenttime";
 
       const {
@@ -322,7 +293,7 @@ export default {
       }
     },
 
-    async getTimeList() {
+    async getTimeList () {
       let url = "/gov/org/icpartyservicecenter/appointmenttime";
 
       const {
@@ -344,7 +315,7 @@ export default {
       }
     },
 
-    async handleComfirm() {
+    async handleComfirm () {
       this.btnDisable = true;
       setTimeout(() => {
         this.btnDisable = false;
@@ -365,7 +336,7 @@ export default {
       });
     },
 
-    async submit() {
+    async submit () {
       let url = "";
       if (this.formType === "add") {
         url = "/gov/org/icpartyservicecenter/appointment";
@@ -391,11 +362,11 @@ export default {
       }
     },
 
-    handleCancle() {
+    handleCancle () {
       this.resetData();
       this.$emit("dialogCancle");
     },
-    resetData() {
+    resetData () {
       this.dataForm = {
         matterId: "",
         appointmentDate: "",
@@ -407,7 +378,7 @@ export default {
       this.timeList = [];
     },
     // 开启加载动画
-    startLoading() {
+    startLoading () {
       loading = Loading.service({
         lock: true, // 是否锁定
         text: "正在加载……", // 加载中需要显示的文字
@@ -415,7 +386,7 @@ export default {
       });
     },
     // 结束加载动画
-    endLoading() {
+    endLoading () {
       // clearTimeout(timer);
       if (loading) {
         loading.close();
diff --git a/src/views/modules/communityService/dqfwzx/cpts/orderList.vue b/src/views/modules/communityService/dqfwzx/cpts/orderList.vue
index 4f812c75..691e789e 100644
--- a/src/views/modules/communityService/dqfwzx/cpts/orderList.vue
+++ b/src/views/modules/communityService/dqfwzx/cpts/orderList.vue
@@ -1,55 +1,55 @@
 <template>
   <div style="min-height: 400px">
-    <el-form ref="ref_form" :inline="true" class="form">
-      <el-form-item
-        label="选择预约日期"
-        prop="appointmentDate"
-        label-width="110px"
-        style="display: block"
-      >
-        <el-date-picker
-          v-model="appointmentDate"
-          placeholder="预约日期"
-          value-format="yyyy-MM-dd"
-        >
+    <el-form ref="ref_form"
+             :inline="true"
+             class="form">
+      <el-form-item label="选择预约日期"
+                    prop="appointmentDate"
+                    label-width="110px"
+                    style="display: block">
+        <el-date-picker v-model="appointmentDate"
+                        placeholder="预约日期"
+                        value-format="yyyy-MM-dd">
         </el-date-picker>
       </el-form-item>
     </el-form>
 
-    <el-table
-      v-if="tableData.length > 0"
-      :data="tableData"
-      border
-      style="width: 96%; margin: 0 auto"
-      class="resi-table"
-      :max-height="maxTableHeight"
-    >
-      <el-table-column label="序号" type="index" align="center" width="50" />
-      <el-table-column prop="matterName" label="预约事项"></el-table-column>
-      <el-table-column
-        prop="appointmentTime"
-        label="预约时间"
-      ></el-table-column>
-      <el-table-column prop="appointmentName" label="预约人"></el-table-column>
-      <el-table-column
-        prop="appointmentPhone"
-        label="联系方式"
-      ></el-table-column>
-      <el-table-column prop="remark" label="备注"></el-table-column>
-      <el-table-column fixed="right" label="操作" align="center" width="120">
+    <el-table v-if="tableData.length > 0"
+              :data="tableData"
+              border
+              style="width: 96%; margin: 0 auto"
+              class="resi-table"
+              :max-height="maxTableHeight">
+      <el-table-column label="序号"
+                       type="index"
+                       align="center"
+                       width="50" />
+      <el-table-column prop="matterName"
+                       label="预约事项"></el-table-column>
+      <el-table-column prop="appointmentTime"
+                       label="预约时间"></el-table-column>
+      <el-table-column prop="appointmentName"
+                       label="预约人"></el-table-column>
+      <el-table-column prop="appointmentPhone"
+                       label="联系方式"></el-table-column>
+      <el-table-column prop="remark"
+                       label="备注"></el-table-column>
+      <el-table-column fixed="right"
+                       label="操作"
+                       align="center"
+                       width="120">
         <template slot-scope="scope">
-          <el-button
-            @click="handleCancel(scope.$index)"
-            type="text"
-            size="small"
-            >取消</el-button
-          >
+          <el-button @click="handleCancel(scope.$index)"
+                     type="text"
+                     size="small">取消</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <div class="m-hint" v-else>
-      <el-empty description="暂无内容" :image-size="200"></el-empty>
+    <div class="m-hint"
+         v-else>
+      <el-empty description="暂无内容"
+                :image-size="200"></el-empty>
     </div>
   </div>
 </template>
@@ -66,7 +66,7 @@ var infoWindowList;
 let loading; // 加载动画
 
 export default {
-  data() {
+  data () {
     return {
       appointmentDate: new Date().toLocaleDateString().split("/").join("-"),
       matterId: "",
@@ -82,10 +82,10 @@ export default {
     },
   },
 
-  async mounted() {},
+  async mounted () { },
 
   methods: {
-    async init(row, index) {
+    async init (row, index) {
       let item = row.matterList[index];
       if (item) {
         this.matterId = item.matterId;
@@ -93,7 +93,7 @@ export default {
       }
     },
 
-    async getList() {
+    async getList () {
       let url = "/gov/org/icpartyservicecenter/appointmentrecord";
 
       const { matterId, appointmentDate } = this;
@@ -107,14 +107,14 @@ export default {
       if (code === 0) {
         this.tableData = data
           ? data.map((item) => {
-              item.appointmentTime = item.appointmentTime.join("，");
-              return item;
-            })
+            item.appointmentTime = item.appointmentTime.join("，");
+            return item;
+          })
           : [];
       } else {
       }
     },
-    async handleCancel(index) {
+    async handleCancel (index) {
       let url = "/gov/org/icpartyservicecenter/cancelappointment";
 
       const { matterId, tableData } = this;
@@ -132,15 +132,15 @@ export default {
       }
     },
 
-    handleCancle() {
+    handleCancle () {
       this.resetData();
       this.$emit("dialogCancle");
     },
-    resetData() {
+    resetData () {
       this.tableData = [];
     },
     // 开启加载动画
-    startLoading() {
+    startLoading () {
       loading = Loading.service({
         lock: true, // 是否锁定
         text: "正在加载……", // 加载中需要显示的文字
@@ -148,7 +148,7 @@ export default {
       });
     },
     // 结束加载动画
-    endLoading() {
+    endLoading () {
       // clearTimeout(timer);
       if (loading) {
         loading.close();
diff --git a/src/views/modules/communityService/dqfwzx/index.vue b/src/views/modules/communityService/dqfwzx/index.vue
index 6cdb5bf9..0b2265aa 100644
--- a/src/views/modules/communityService/dqfwzx/index.vue
+++ b/src/views/modules/communityService/dqfwzx/index.vue
@@ -98,6 +98,7 @@
                :title="formTitle"
                width="850px"
                top="5vh"
+               class="dialog-h"
                @closed="handleClose">
       <edit-form ref="eleEditForm"
                  @dialogCancle="handleClose"
@@ -111,6 +112,7 @@
                title="预约"
                width="850px"
                top="5vh"
+               class="dialog-h"
                @closed="handleCloseForm2">
       <order-form ref="eleOrderForm"
                   @dialogCancle="handleCloseForm2"
@@ -124,6 +126,7 @@
                title="预约记录"
                width="850px"
                top="5vh"
+               class="dialog-h"
                @closed="handleCloseOrderList">
       <order-list ref="eleOrderList"
                   @dialogCancle="handleCloseOrderList"></order-list>