协同宣发

project/qianxinan/Announce/AppAnnounce/components/Add.vue

@@ -20,14 +20,14 @@
                     <!-- <el-radio label="2">按网格选择</el-radio> -->
                   </el-radio-group>
                 </el-form-item>
-                <el-form-item label="选择群主" v-if="form.sendScope !== '0'" prop="wxGroupsName" style="width: 100%;" :rules="[{ required: true, message: '请选择选择群主', trigger: 'change' }]">
+                <el-form-item label="选择群主" v-if="form.sendScope !== '0' && user.info.wxMainDepartmentId" prop="wxGroupsName" style="width: 100%;" :rules="[{ required: true, message: '请选择选择群主', trigger: 'change' }]" >
                   <ai-picker
                     :instance="instance"
                     multiple
                     :dialogTitle="form.sendScope === '2' ? '选择网格' : '选择部门'"
                     :ops="{label: form.sendScope === '2' ? 'girdName' : 'name'}"
                     :pageTitle="form.sendScope === '2' ? '网格' : '部门'"
-                    :action="form.sendScope === '1' ? '/app/wxcp/wxdepartment/departList' : '/app/appgirdinfo/girdList'"
+                    :action="form.sendScope === '1' ? `/app/wxcp/wxdepartment/departList?id=${user.info.wxMainDepartmentId}` : '/app/appgirdinfo/girdList'"
                     v-model="form.filterCriteria"
                     @pick="onPick"
                     @change="onSelcetChange">
@@ -51,6 +51,18 @@
                     </el-tooltip>
                   </div>
                 </el-form-item>
+                <el-form-item label="选择群主" v-if="!user.info.wxMainDepartmentId" prop="wxGroupsName" style="width: 100%;" :rules="[{ required: true, message: '请选择选择群主', trigger: 'change' }]" >
+                  <div class="select-div" @click="selectDept">请选择</div>
+                  <div class="tips">
+                    <p>消息预计送达居民群数：</p>
+                    <span>{{ groupLen }}</span>
+                    <el-tooltip
+                        placement="top"
+                        content="将由指定群主发送给TA作为群主的所有的群，由于企业微信限制，当超过1000个时将只发送到最近活跃的1000个群">
+                      <i class="iconfont iconModal_Warning"></i>
+                    </el-tooltip>
+                  </div>
+                </el-form-item>
                 <el-form-item label="发送内容" prop="content" style="width: 100%;" :rules="[{ required: true, message: '请输入发送内容', trigger: 'blur' }]">
                   <el-input size="small" type="textarea" :rows="6" maxlength="1300" show-word-limit placeholder="请输入文本内容..." v-model="form.content"></el-input>
                   <div class="add">
@@ -700,6 +712,10 @@ export default {
       })
     },
 
+    selectDept() {
+      return this.$message.error(`您未在系统中关联‘主部门’，请联系管理员处理`)
+    },
+
     cancel(isRefresh) {
       this.$emit('change', {
         type: 'list',
@@ -967,5 +983,17 @@ export default {
       font-style: normal;
     }
   }
+  .select-div {
+    width: 100%;
+    height: 32px;
+    line-height: 32px;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-size: 14px;
+    color: #999;
+    cursor: pointer;
+  }
 }
 </style>