成员管理页面

pages/Project/edit.vue

@@ -296,18 +296,6 @@ export default {
         url: "./member",
       });
     },
-    changeManager(e) {
-      if (e.detail.value.length > 0)
-        this.formData.manager = e.detail.value[e.detail.value.length - 1].value;
-      else this.formData.manager = "";
-    },
-    async onExecute() {
-      await this.$store.commit("setShowSearch", false);
-      this.$refs.exePopup.open();
-    },
-    changeContract(e) {
-      this.formData.contract = e.detail.value;
-    },
     async submitHelper(payload = {}, type) {
       const [dep_id, manager_id] = this.formData.manager.split("-");
       payload = {
@@ -340,6 +328,18 @@ export default {
       }
       this.hideHelper();
     },
+    changeManager(e) {
+      if (e.detail.value.length > 0)
+        this.formData.manager = e.detail.value[e.detail.value.length - 1].value;
+      else this.formData.manager = "";
+    },
+    async onExecute() {
+      await this.$store.commit("setShowSearch", false);
+      this.$refs.exePopup.open();
+    },
+    changeContract(e) {
+      this.formData.contract = e.detail.value;
+    },
     submitExecute() {
       this.$refs.exe.validate((err) => {
         if (!err) {

pages/Project/member.vue

@@ -1,45 +1,49 @@
 <template>
-  <view class="content">
-    <view class="title">成员管理</view>
-    <view class="list">
-      <uni-collapse>
-        <uni-collapse-item
-          v-for="member in memberList"
-          :key="member.user_id"
-          :title="member.User.CName"
-        >
-          <uni-card>
-            <view>工号：{{ member.User.UserName }}</view>
-            <view>联系方式：{{ member.User.Mobile }}</view>
-            <view
-              slot="actions"
-              class="actions"
-              v-if="notManager(member)"
-              @click="deleteMember(member)"
+  <view class="page">
+    <view class="content">
+      <view class="contentWrapper">
+        <view class="title">成员管理</view>
+        <view class="list">
+          <uni-collapse>
+            <uni-collapse-item
+              v-for="member in memberList"
+              :key="member.user_id"
+              :title="member.User.CName"
             >
-              <view>移除</view>
-            </view>
-          </uni-card>
-        </uni-collapse-item>
-      </uni-collapse>
-      <view class="add">
-        <uni-forms
-          label-position="top"
-          class="form"
-          ref="form"
-          :modelValue="formData"
-          :rules="rules"
-        >
-          <uni-forms-item label="添加成员" name="member">
-            <uni-data-picker
-              ref="member"
-              class="depSelect"
-              :localdata="depUserTree"
-              @change="changeMember"
-            />
-          </uni-forms-item>
-        </uni-forms>
-        <button class="button" @click="onAddMember">添加</button>
+              <uni-card>
+                <view>工号：{{ member.User.UserName }}</view>
+                <view>联系方式：{{ member.User.Mobile }}</view>
+                <view
+                  slot="actions"
+                  class="actions"
+                  v-if="notManager(member)"
+                  @click="deleteMember(member)"
+                >
+                  <view>移除</view>
+                </view>
+              </uni-card>
+            </uni-collapse-item>
+          </uni-collapse>
+          <view class="add">
+            <uni-forms
+              label-position="top"
+              class="form"
+              ref="form"
+              :modelValue="formData"
+              :rules="rules"
+            >
+              <uni-forms-item label="添加成员" name="member">
+                <uni-data-picker
+                  ref="member"
+                  class="depSelect"
+                  :localdata="depUserTree"
+                  @change="changeMember"
+                />
+              </uni-forms-item>
+            </uni-forms>
+            <button class="button" @click="onAddMember">添加</button>
+          </view>
+        </view>
       </view>
     </view>
   </view>
@@ -136,14 +140,16 @@ export default {
 </script>
 
 <style lang="less">
-.content {
+.contentWrapper {
   display: flex;
   flex-wrap: wrap;
 }
 .title {
   width: 100%;
-  padding: 0 20px 20px 20px;
-  font: 24px bold;
+  background: url("~@/static/app-plus/menu-title-bg.png") no-repeat center;
+  padding: 40rpx;
+  font: 18px bold;
+  color: #fff;
 }
 .list {
   margin: 0 5% 20px 5%;