协同宣发

2022-07-25 11:36:32 +08:00
parent 12c6d325ce
commit bd3ef507cc
3 changed files with 57 additions and 36 deletions
--- a/project/sass/apps/Announce/AppAnnounce/components/Add.vue
+++ b/project/sass/apps/Announce/AppAnnounce/components/Add.vue
@@ -55,7 +55,7 @@
                      <div class="add-item" v-for="(item, index) in fileList" :key="index">
                        <div class="left">
                          <img :src="mapIcon(item.msgType)" />
-                          <span>{{ item.name || item.linkTitle || item.mpTitle }}</span>
+                          <span>{{ item.mpTitle || item.name || item.linkTitle }}</span>
                        </div>
                        <i @click="removeFile(index)">删除</i>
                      </div>
@@ -198,6 +198,7 @@
                  </div>
                  <div class="msg-wrapper msg-miniapp" v-if="item.msgType === '5'">
                    <h2>{{ item.mpTitle }}</h2>
+                    <img :src="item.url" />
                    <div class="msg-bottom">
                      <i>小程序</i>
                      <img src="https://cdn.cunwuyun.cn/dvcp/announce/miniapp.png">
@@ -292,6 +293,7 @@
                  v-model="dateForm.choiceTime"
                  type="datetime"
                  size="small"
+                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="请选择定时发送时间">
                </el-date-picker>
              </el-form-item>
@@ -490,7 +492,8 @@
              ...this.miniAppForm,
              msgType: '5',
              ...this.miniAppForm.media[0],
-              mediaId: this.miniAppForm.media[0].media.mediaId
+              mediaId: this.miniAppForm.media[0].media.mediaId,
+              sysFileId: this.miniAppForm.media[0].id
            })

            this.isShowAddMiniapp = false
@@ -600,12 +603,15 @@
              ...this.fileList
            ]

-            this.isLoading = true
+            if (sendType === 0) {
+              this.isLoading = true
+            }
            this.instance.post(`/app/appmasssendingtask/addOrUpdate`, {
              ...this.form,
              id: this.params.id,
              wxGroups: this.form.wxGroups,
              contents,
+              sendType,
              choiceTime: this.dateForm.choiceTime,
              filterCriteria: this.form.filterCriteria.join(','),
              examines: this.form.examines.length ? this.form.examines.map(v => {
@@ -865,7 +871,9 @@

              .msg-miniapp {
                width: 206px;
+                padding: 0 12px;
                text-align: justify;
+                font-size: 0;
                background: #FFFFFF;
                border-radius: 5px;
                font-size: 14px;
@@ -873,17 +881,24 @@

                h2 {
                  line-height: 1.2;
-                  padding: 8px 10px 8px;
+                  padding: 8px 0;
                  border-bottom: 1px solid #eee;
                  color: #222222;
                  font-size: 14px;
                }

+                img {
+                  width: 100%;
+                  height: 120px;
+                  margin-bottom: 8px;
+                }
+
                .msg-bottom {
                  display: flex;
                  align-items: center;
                  line-height: 1;
-                  padding: 8px 12px;
+                  padding: 4px 0;
+                  border-top: 1px solid #eee;

                  i {
                    margin-right: 4px;
@@ -893,8 +908,8 @@
                  }

                  img {
-                    width: 20px;
-                    height: 20px;
+                    width: 16px;
+                    height: 16px;
                    border-radius: 50%;
                  }
                }
--- a/project/sass/apps/Announce/AppAnnounce/components/Detail.vue
+++ b/project/sass/apps/Announce/AppAnnounce/components/Detail.vue
@@ -13,46 +13,48 @@
              content="任务开始后，3天内15分钟更新1次，3天后访问页面时触发更新，1时间最多刷新1次">
              <i class="iconfont iconDetails"></i>
            </el-tooltip>
-            <span>数据更新于2022-07-06 09:23</span>
+            <span>数据更新于{{ info.dataUpdateTime }}</span>
          </div>
        </template>
        <template #content>
          <ai-wrapper>
-            <ai-info-item label="任务名称" isLine value="群发的任务名称群发的任务名称群发的任务名称群发的任务名称"></ai-info-item>
+            <ai-info-item label="任务名称" isLine :value="info.taskTitle"></ai-info-item>
            <ai-info-item label="任务状态" isLine>
-              <span>进行中</span>
+              <span>{{ dict.getLabel('mstStatus', info.status) }}</span>
            </ai-info-item>
            <ai-info-item label="创建人">
              <div class="user">
                <img src="https://cdn.cunwuyun.cn/dvcp/announce/user.png" />
-                <span>陈沐</span>
+                <span><ai-open-data type="userName" :openid="info.createUserId"></ai-open-data></span>
              </div>
            </ai-info-item>
            <ai-info-item label="审批人">
-              <div class="user">
+              <div class="user" v-for="(item, index) in info.examines" :key="index">
                <img src="https://cdn.cunwuyun.cn/dvcp/announce/user.png" />
-                <span>陈沐</span>
+                <span>
+                  <ai-open-data type="userName" :openid="item.wxOpenUserId"></ai-open-data>
+                </span>
              </div>
            </ai-info-item>
-            <ai-info-item label="创建时间" value="2021-05-12 18:00"></ai-info-item>
-            <ai-info-item label="群发时间" value="2021-05-12 18:00"></ai-info-item>
+            <ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
+            <ai-info-item label="群发时间" :value="info.choiceTime"></ai-info-item>
            <ai-info-item label="群发范围" isLine>
              <div class="text">
                <span>按条件筛选的</span>
-                <i>222</i>
+                <i>{{ info.wxGroups.length }}</i>
                <span>个客户群</span>
                <em>详情</em>
              </div>
            </ai-info-item>
            <ai-info-item label="消息内容" isLine>
              <div class="msg">
-                <p>样眼专系要反决十听社养天车度命部对思工美议不想率化和想由然同油能务养也只也布我情点教包江经面队号都今先把层变水口较到个是族连界...</p>
-                <div class="msg-bottom">
+                <p>{{ content }}</p>
+                <div class="msg-bottom" v-if="fileList.length">
                  <div class="left">
                    <img src="https://cdn.cunwuyun.cn/dvcp/announce/img.png" />
                    <span>图片附件235325346.jpg 等</span>
-                    <i>3</i>
-                    <span>个附近</span>
+                    <i>{{ fileList.length }}</i>
+                    <span>个附件</span>
                  </div>
                  <div class="right">预览消息</div>
                </div>
@@ -177,10 +179,6 @@
        </template>
      </ai-card>
    </template>
-    <template #footer>
-      <el-button @click="cancel">取消</el-button>
-      <el-button type="primary" @click="confirm">提交</el-button>
-    </template>
  </ai-detail>
 </template>

@@ -202,7 +200,10 @@
          current: 1,
          size: 10
        },
+        fileList: [],
        tableData: [],
+        info: {},
+        content: '',
        currIndex: 0,
        colConfigs: [
          { prop: 'position', label: '任务名称' },
@@ -216,22 +217,32 @@
    },

    created () {
+      this.getInfo(this.params.id)
    },

    methods: {
      getInfo (id) {
-        this.instance.post(`/app/wxcp/wxuser/queryDetailById?id=${id}`).then(res => {
+        this.instance.post(`/app/appmasssendingtask/queryDetailById?id=${id}`).then(res => {
          if (res.code === 0) {
-            this.form = {
-              ...res.data
+            this.info = res.data
+
+            const content = res.data.contents.filter(v => v.msgType === '0')
+
+            if (content.length) {
+              this.content = content[0].content
            }
+
+            this.fileList = res.data.contents.filter(v => v.msgType !== '0').map(v => {
+              return {
+                ...v,
+                ...v.sysFile
+              }
+            })
          }
        })
      },

-      getList () {
-
-      },
+      getList () {},

      cancel (isRefresh) {
        this.$emit('change', {
--- a/project/sass/apps/Announce/AppAnnounce/components/List.vue
+++ b/project/sass/apps/Announce/AppAnnounce/components/List.vue
@@ -49,15 +49,10 @@
        :col-configs="colConfigs"
        :total="total"
        v-loading="loading"
-        style="margin-top: 6px;"
+        style="margin-top: 6px; width: 100%;"
        :current.sync="search.current"
        :size.sync="search.size"
        @getList="getList">
-        <el-table-column slot="username" label="姓名">
-          <template slot-scope="{ row }">
-            <ai-open-data style="height: 20px" type="userName" :openid="row.name"/>
-          </template>
-        </el-table-column>
        <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
          <template slot-scope="{ row }">
            <div class="table-options">