update: 微信图文升级

src/components/libs/imgTextTemp/index.vue

@@ -5,7 +5,7 @@
         图文消息(共{{ total }}条)
         <el-input v-model="listParams.searchName" clearable class="w200 ml10" placeholder="请输入标题/作者" @change="loadImgTextList"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
         <el-checkbox class="vertical-middle ml0" v-if="$store.state.marketing.isShowSelf && showSelf" v-model="listParams.showSelfFlag" :true-label="1" :false-label="0" label="仅看本人" border @change="loadImgTextList" />
-        <el-checkbox class="vertical-middle ml0" v-model="listParams.wxscType" :true-label="3" :false-label="1" label="仅看历史图文" border @change="loadImgTextList" />
+        <el-checkbox class="vertical-middle ml0" v-model="listParams.wxscType" :true-label="3" :false-label="4" label="仅看历史图文" border @change="loadImgTextList" />
       </div>
       <div>
         <el-button type="primary" @click="add">新建图文</el-button>
@@ -19,15 +19,16 @@
             <div class="label-hidden"><el-radio :label="scope.row"></el-radio></div>
           </template>
         </el-table-column>
-        <el-table-column label="图片" align="left">
-          <template slot-scope="scope">
+        <el-table-column label="图文信息" align="left">
+          <div class="media-info" slot-scope="scope">
             <img width="100" height="100" :src="scope.row.itemList.length ? scope.row.itemList[0].qcloudImageUrl || '' : ''" alt="" />
-          </template>
-        </el-table-column>
-        <el-table-column label="图文标题" align="left">
-          <template slot-scope="scope">
-            <a class="blue" :href="scope.row.itemList.length ? scope.row.itemList[0].mediaUrl || '' : ''" target="_blank">{{ scope.row.itemList.length ? scope.row.itemList[0].titleName || '' : '' }}</a>
-          </template>
+            <div class="media-title">
+              <p>
+                标题：<a class="blue" :href="scope.row.itemList.length ? scope.row.itemList[0].mediaUrl || '' : ''" target="_blank">{{ scope.row.itemList.length ? scope.row.itemList[0].titleName || '' : '' }}</a>
+              </p>
+              <p>图文m_id：{{ scope.row.draftMediaId }}</p>
+            </div>
+          </div>
         </el-table-column>
         <el-table-column label="作者" prop="authorName" align="left">
           <template slot-scope="scope">
@@ -110,7 +111,7 @@ export default {
         pageSize: 20,
         searchName: '',
         showSelfFlag: this.showSelfFlag || '',
-        wxscType: ''
+        wxscType: 4
       },
       total: 0,
       loading: false,
@@ -207,6 +208,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.media-info {
+  display: flex;
+  align-items: center;
+  .media-title {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    padding-left: 15px;
+  }
+}
 .dm-imgtext_head {
   display: flex;
   justify-content: space-between;