bug

project/sass/apps/Announce/AppAnnounce/components/Detail.vue

@@ -113,6 +113,13 @@
                     <el-radio-button size="small" label="1">已执行</el-radio-button>
                     <el-radio-button size="small" label="2">无法执行</el-radio-button>
                   </el-radio-group>
+                  <div class="userSelcet" placeholder="请选择创建人">
+                    <span v-if="search1.deptartId"><ai-open-data type="departmentName" :openid="search1.deptartId"></ai-open-data></span>
+                    <span v-else>请选择</span>
+                    <ai-user-get :instance="instance" @change="e => onUserChange(e, 'search1')" isChooseUnit :isMultiple="false" v-model="user1">
+                      <div class="select-btn">选择</div>
+                    </ai-user-get>
+                  </div>
                 </div>
                 <el-button type="primary" @click="sendMsg(0)">提醒成员发送</el-button>
               </div>
@@ -125,7 +132,7 @@
                 :current.sync="search1.current"
                 :size.sync="search1.size"
                 @getList="getMemberInfo">
-                <el-table-column slot="user" label="成员" align="center">
+                <el-table-column slot="user" label="成员" align="left">
                   <template slot-scope="{ row }">
                     <div class="userinfo">
                       <span>
@@ -175,6 +182,13 @@
                     <el-radio-button size="small" label="1">已执行</el-radio-button>
                     <el-radio-button size="small" label="2">无法执行</el-radio-button>
                   </el-radio-group>
+                  <div class="userSelcet" placeholder="请选择创建人">
+                    <span v-if="search2.deptartId"><ai-open-data type="departmentName" :openid="search2.deptartId"></ai-open-data></span>
+                    <span v-else>请选择</span>
+                    <ai-user-get :instance="instance"  @change="e => onUserChange(e, 'search2')" isChooseUnit :isMultiple="false" v-model="user2">
+                      <div class="select-btn">选择</div>
+                    </ai-user-get>
+                  </div>
                 </div>
                 <el-button type="primary" @click="sendMsg(1)">提醒成员发送</el-button>
               </div>
@@ -222,6 +236,8 @@
       return {
         total1: 0,
         total2: 0,
+        user1: [],
+        user2: [],
         radio1: '未执行',
         search1: {
           current: 1,
@@ -279,7 +295,22 @@
         })
       },
 
-      sendMsg (type) {
+      onUserChange (e, search) {
+        if (e.length) {
+          this[search].deptartId = e[0].id
+        } else {
+          this[search].deptartId = ''
+        }
+
+        this[search].current = 1
+        if (search === 'search1') {
+          this.getMemberInfo()
+        } else {
+          this.getGroupInfo()
+        }
+      },
+
+      sendMsg () {
         this.instance.post(`/app/appmasssendingtask/remindSend?id=${this.params.id}`).then(res => {
           if (res.code === 0) {
             this.$message.success('提醒成功')
@@ -364,6 +395,38 @@
       flex-wrap: wrap;
     }
 
+    .userSelcet {
+      display: flex;
+      align-items: center;
+      height: 32px;
+      line-height: 32px;
+      margin-left: 12px;
+      border-radius: 4px;
+      border: 1px solid #d0d4dc;
+      overflow: hidden;
+
+      .select-btn {
+        width: 40px;
+        cursor: pointer;
+        text-align: center;
+        border-left: 1px solid #d0d4dc;
+        color: #666;
+        font-size: 12px;
+
+        &:hover {
+          color: #2266FF;
+        }
+      }
+
+      span {
+        width: 200px;
+        padding: 0 15px;
+        font-size: 12px;
+        background: #F5F5F5;
+        color: #999;
+      }
+    }
+
     .userinfo {
       display: flex;
       align-items: center;
@@ -553,6 +616,11 @@
         align-items: center;
         justify-content: space-between;
         margin-bottom: 16px;
+
+        .left {
+          display: flex;
+          align-items: center;
+        }
       }
     }
 

project/sass/apps/Announce/AppAnnounce/components/List.vue

@@ -33,6 +33,13 @@
             @change="search.current = 1, getList()"
             placeholder="选择群发结束日期">
           </el-date-picker>
+          <div class="userSelcet" placeholder="请选择创建人">
+            <span v-if="search.createUserId"><ai-open-data type="userName" :openid="search.createUserId"></ai-open-data></span>
+            <span v-else>请选择</span>
+            <ai-user-get isStrictly :instance="instance" @change="onUserChange" :isMultiple="false" v-model="user">
+              <div class="select-btn">选择</div>
+            </ai-user-get>
+          </div>
         </template>
         <template slot="right">
           <el-input
@@ -82,8 +89,6 @@
 </template>
 
 <script>
-import {mapState} from 'vuex'
-
   export default {
     name: 'List',
 
@@ -98,10 +103,12 @@ export default {
           current: 1,
           size: 10,
           status: '',
+          createUserId: '',
           taskTitle: '',
           startTime: '',
           endTime: ''
         },
+        user: [],
         tableData: [],
         loading: false,
         total: 0,
@@ -116,10 +123,6 @@ export default {
       }
     },
 
-  computed: {
-    ...mapState(['user'])
-  },
-
     created () {
       this.dict.load('mstStatus', 'mstSendType').then(() => {
         this.getList()
@@ -127,6 +130,17 @@ export default {
     },
 
     methods: {
+      onUserChange (e) {
+        if (e.length) {
+          this.search.createUserId = e[0].wxOpenUserId
+        } else {
+          this.search.createUserId = ''
+        }
+
+        this.search.current = 1
+        this.getList()
+      },
+
       getList() {
         this.loading = true
         this.instance.post(`/app/appmasssendingtask/list`, null, {
@@ -196,5 +210,36 @@ export default {
         margin-bottom: 4px;
       }
     }
+
+    .userSelcet {
+      display: flex;
+      align-items: center;
+      height: 32px;
+      line-height: 32px;
+      border-radius: 4px;
+      border: 1px solid #d0d4dc;
+      overflow: hidden;
+
+      .select-btn {
+        width: 40px;
+        cursor: pointer;
+        text-align: center;
+        border-left: 1px solid #d0d4dc;
+        color: #666;
+        font-size: 12px;
+
+        &:hover {
+          color: #2266FF;
+        }
+      }
+
+      span {
+        width: 200px;
+        padding: 0 15px;
+        font-size: 12px;
+        background: #F5F5F5;
+        color: #999;
+      }
+    }
   }
 </style>