新增页面

src/views/put/PutDetails.vue

@@ -29,28 +29,25 @@
 
       </div>
     </a-col>
-    <a-col :span="18" style="padding: 10px; background: #fff">
-      <div class="flex">
+    <a-col :span="18" style=" background: #fff">
+      <div class="flex" style="padding: 10px;">
 
-        <div>
+        <div style="margin-right: 20px">
           <span>发表时间：</span>
-          <a-range-picker show-time>
-            <template slot="renderExtraFooter">
-              extra footer
-            </template>
+          <a-range-picker show-time @change="handleChangePicker">
           </a-range-picker>
 
         </div>
-        <div class="flex-1 flex">
-          <a-input v-model="searchValue" placeholder="请输入作者 finderUin"></a-input>
-          <a-button class="margin-left: 30px" @click="handleClickSearch">搜索</a-button>
+        <div class="flex">
+          <a-input v-model="formData.searchValue" placeholder="请输入作者 finderUin"></a-input>
+          <a-button style="margin-left: 10px;" type="primary" @click="handleClickSearch">搜索</a-button>
         </div>
 
 
       </div>
-      <div style="margin-top: 30px; font-size: 14px; background: #aaa">
-        <block v-for="(item, index) of tableList" :key-="index">
-          <a-row style="background: white">
+      <div style="margin-top: 10px; font-size: 14px; background: #eff2f5">
+        <template v-for="(item, index) of tableList" :key-="index">
+          <a-row style="background: white; margin-bottom: 20px; padding: 10px;">
 
             <a-col :span="12" style="padding-right: 20px;">
               <div style="margin-bottom: 5px">{{item.title}}</div>
@@ -88,16 +85,16 @@
                 <a-col :span="12"></a-col>
               </a-row>
 
-              <div style="margin-top: 30px">feedid：{{item.feedId}}</div>
+              <div style="font-size: 12px; color: #aaa; margin-top: 30px">feedid：{{item.feedId}}</div>
             </a-col>
             <a-col :span="12">
               <div>
                 <video :src="item.link" style="width: 100%" controls></video>
-                <div><a-button>投放</a-button></div>
+                <div><a-button type="primary" ghost @click="handleClickPush">投放</a-button></div>
               </div>
             </a-col>
           </a-row>
-        </block>
+        </template>
       </div>
     </a-col>
   </a-row>
@@ -105,10 +102,16 @@
 </template>
 
 <script>
+import { fetchList } from '@/api/author'
+
 export default {
   data () {
     return {
-      searchValue: '',
+      formData: {
+        startTime: 0,
+        endTime: 0,
+        searchValue: ''
+      },
       tableList: [{
         'title': '冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间',
         'sendTime': '',
@@ -126,15 +129,91 @@ export default {
         'putUser': 'v-duzi',
         'feedId': '231232132131321',
         'link': 'https://cos.nosum.cn/deliver/1646557198523604.mp4'
-      }]
+      },
+        {
+          'title': '冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间',
+          'sendTime': '',
+          'exposureCount': 100,
+          'likeCount': 100,
+          'playCount': 100,
+          'followCount': 100,
+          'collectCount': 100,
+          'commentCount': 100,
+          'putCountLevel': 1,
+          'putTags': '投放标签',
+          'putAge': '10-10',
+          'putCity': '北京市',
+          'putGender': 0,
+          'putUser': 'v-duzi',
+          'feedId': '231232132131321',
+          'link': 'https://cos.nosum.cn/deliver/1646557198523604.mp4'
+        },
+        {
+          'title': '冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间',
+          'sendTime': '',
+          'exposureCount': 100,
+          'likeCount': 100,
+          'playCount': 100,
+          'followCount': 100,
+          'collectCount': 100,
+          'commentCount': 100,
+          'putCountLevel': 1,
+          'putTags': '投放标签',
+          'putAge': '10-10',
+          'putCity': '北京市',
+          'putGender': 0,
+          'putUser': 'v-duzi',
+          'feedId': '231232132131321',
+          'link': 'https://cos.nosum.cn/deliver/1646557198523604.mp4'
+        },
+        {
+          'title': '冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间冬奥温暖瞬间',
+          'sendTime': '',
+          'exposureCount': 100,
+          'likeCount': 100,
+          'playCount': 100,
+          'followCount': 100,
+          'collectCount': 100,
+          'commentCount': 100,
+          'putCountLevel': 1,
+          'putTags': '投放标签',
+          'putAge': '10-10',
+          'putCity': '北京市',
+          'putGender': 0,
+          'putUser': 'v-duzi',
+          'feedId': '231232132131321',
+          'link': 'https://cos.nosum.cn/deliver/1646557198523604.mp4'
+        }]
     }
   },
+  created () {
+    console.log(this.$route.params)
+  },
   methods: {
     /**
      * 点击搜索
      */
     handleClickSearch () {
-      console.log(this.searchValue)
+      console.log(this.formData)
+    },
+    handleChangePicker (date, dateString) {
+      console.log(date, dateString)
+      this.formData.startTime = Number(date[0].format('x'))
+      this.formData.endTime = Number(date[1].format('x'))
+      if (this.formData.searchValue)
+      {
+        this.handleClickPush()
+      }
+    },
+    handleClickPush() {
+      console.log(this.formData)
+      // const parems = {
+      //   startXXX: this.formData.startTime
+      // }
+      // this.tableList = []
+      // fetchList(Object.assign(parameter, this.queryParam)).then(res => {
+      // this.tableList = res.data
+      // })
     }
   }
 }

src/views/put/PutList.vue

@@ -16,7 +16,7 @@
 
         <span slot="avatar" slot-scope="text">
           <template>
-            <avatar-list size="large"><avatar-list-item :src="text"/></avatar-list>
+            <avatar-list size="large"><avatar-list-item style="cursor: pointer" :src="text" @click.native="$router.push(`/put/list/details?id=${text}`)" /></avatar-list>
           </template>
         </span>
 
@@ -26,7 +26,8 @@
               <div>{{ record.finderUin }}</div>
               <div>{{ record.finderUin }}</div>
             </template>
-            {{ text }}
+            <div style="color: #00A0E9; cursor: pointer" @click="$router.push(`/put/list/details?id=${record.finderUin}`)">{{ text }}</div>
+
           </a-tooltip>
         </span>