协同宣发

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', {