党群服务中心优化

src/views/modules/communityService/dqfwzx/cpts/edit.vue

@@ -182,9 +182,33 @@
                   v-model="item.matterName"
                   :disabled="item.matterId != undefined"
                 />
+                <el-upload
+                  :disabled="item.matterId != undefined"
+                  class="avatar-uploader"
+                  :action="uploadUlr"
+                  :data="{ customerId: customerId }"
+                  :show-file-list="false"
+                  :on-success="
+                    (response, file, fileList) =>
+                      handleImgSuccess(index, response, file, fileList)
+                  "
+                  :before-upload="beforeImgUpload"
+                >
+                  <img
+                    v-if="item.matterImg"
+                    :src="item.matterImg"
+                    style="width: 36px; height: 36px"
+                    class="function-icon"
+                  />
+                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
 
+                <div class="hint">（事项封面，图片小于1M）</div>
+              </div>
+
+              <div class="item-pic">
                 <el-select
-                  style="margin-left: 10px"
+                  style="margin-left: 0"
                   v-model="item.appointmentType"
                   filterable
                   placeholder="预约类型"
@@ -224,33 +248,8 @@
                   :disabled="item.matterId != undefined"
                 >
                 </el-time-select>
-              </div>
-              <div class="item-pic">
-                <el-upload
-                  :disabled="item.matterId != undefined"
-                  class="avatar-uploader"
-                  :action="uploadUlr"
-                  :data="{ customerId: customerId }"
-                  :show-file-list="false"
-                  :on-success="
-                    (response, file, fileList) =>
-                      handleImgSuccess(index, response, file, fileList)
-                  "
-                  :before-upload="beforeImgUpload"
-                >
-                  <img
-                    v-if="item.matterImg"
-                    :src="item.matterImg"
-                    style="width: 50px; height: 50px"
-                    class="function-icon"
-                  />
-                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                </el-upload>
-
-                <div class="hint">（事项封面，图片小于1M）</div>
-
                 <el-button
-                  style="margin-left: auto"
+                  style="margin-left: 100px"
                   size="small"
                   @click="handleDelStaff(index)"
                   >删除</el-button
@@ -637,28 +636,24 @@ export default {
 <style lang="scss" scoped>
 .m-staffs {
   margin-left: auto;
-  width: 950px;
+  width: 520px;
 
   .item {
-    display: flex;
+    // display: flex;
+    // align-items: flex-start;
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+    border-bottom: 4px dashed #f7f8f9;
+
     .item-info {
       display: flex;
-      margin: 0 20px;
-      width: 65%;
-      justify-content: space-around;
-      align-items: center;
-      margin-bottom: 7px;
-    }
-    .item-pic {
-      display: flex;
-      width: 35%;
-      align-items: center;
-      .hint {
-        font-size: 14px;
-        color: #999999;
-        margin-left: 10px;
-      }
+      align-items: flex-start;
+      margin: 0 0;
+      // margin-bottom: 7px;
+
       .avatar-uploader {
+        margin: 0 0 0 50px;
+
         ::v-deep .el-upload {
           cursor: pointer;
           position: relative;
@@ -671,8 +666,8 @@ export default {
           border-color: #409eff;
         }
         .avatar {
-          width: 50px;
-          height: 50px;
+          width: 36px;
+          height: 36px;
           display: block;
         }
         .avatar-uploader-icon {
@@ -680,12 +675,23 @@ export default {
           border-radius: 6px;
           font-size: 28px;
           color: #8c939d;
-          width: 50px;
-          height: 50px;
-          line-height: 50px;
+          width: 36px;
+          height: 36px;
+          line-height: 36px;
           text-align: center;
         }
       }
+      .hint {
+        width: 75%;
+        font-size: 14px;
+        color: #999999;
+        margin-left: 0;
+      }
+    }
+    .item-pic {
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
     }
   }
 }

src/views/modules/communityService/dqfwzx/index.vue

@@ -106,7 +106,7 @@
       :close-on-click-modal="false"
       :close-on-press-escape="false"
       :title="formTitle"
-      width="1150px"
+      width="850px"
       top="5vh"
       class="dialog-h"
       @closed="handleClose"