|
|
@@ -35,31 +35,31 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div class="home-main__banner home-main__banner--body">
|
|
|
- <Swipe :autoplay="3000" indicator-color="white" lazy-render>
|
|
|
- <SwipeItem v-for="(item, index) in bodyBanners" :key="index">
|
|
|
- <img :src="getImageUrl(item.imagepath)" />
|
|
|
- </SwipeItem>
|
|
|
- </Swipe>
|
|
|
- </div>
|
|
|
- <!-- <div class="home-main__market">
|
|
|
+ <div class="home-main__market">
|
|
|
<div class="left">
|
|
|
<h2>合金指数</h2>
|
|
|
- <span>2022-10-24</span>
|
|
|
+ <span>{{ formatDate(marketRun.tradedate, "YYYY-MM-DD") }}</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<table cellspacing="0" cellpadding="0">
|
|
|
<tbody>
|
|
|
- <tr v-for="i in 3" :key="i">
|
|
|
- <td>硅锰</td>
|
|
|
- <td>7000</td>
|
|
|
- <td>7120</td>
|
|
|
- <td>2.03%</td>
|
|
|
+ <tr v-for="(item, index) in dataList" :key="index">
|
|
|
+ <td>{{ item.wrstandardname }}</td>
|
|
|
+ <td>{{ item.prespotgoodsprice }}</td>
|
|
|
+ <td>{{ item.todayspotgoodsprice }}</td>
|
|
|
+ <td>{{ item.chg }}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="home-main__banner home-main__banner--body">
|
|
|
+ <Swipe :autoplay="3000" indicator-color="white" lazy-render>
|
|
|
+ <SwipeItem v-for="(item, index) in bodyBanners" :key="index">
|
|
|
+ <img :src="getImageUrl(item.imagepath)" />
|
|
|
+ </SwipeItem>
|
|
|
+ </Swipe>
|
|
|
+ </div>
|
|
|
<div class="home-main__news">
|
|
|
<Cell class="titlebar" title-class="titlebar-title" value-class="titlebar-more" title="市场资讯" value="更多资讯"
|
|
|
:to="{ name: 'news-list' }" is-link />
|
|
|
@@ -82,13 +82,19 @@ import { getImageUrl, formatDate } from '@/filters'
|
|
|
import { useNavigation } from '@/hooks/navigation'
|
|
|
import { queryImageConfigs } from '@/services/api/common'
|
|
|
import { querySiteColumnDetail } from '@/services/api/news'
|
|
|
+import { useQuerySpotGoodsPriceLists } from '@/business/goods'
|
|
|
+import { queryMarketRun } from '@/services/api/goods'
|
|
|
import AppIconfont from '@mobile/components/base/iconfont/index.vue'
|
|
|
|
|
|
const { routerTo } = useNavigation()
|
|
|
const refreshing = shallowRef(false) // 是否处于加载中状态
|
|
|
-const topBanners = shallowRef<Model.ImageConfigsRsp[]>([]) // 轮播图列表
|
|
|
-const bodyBanners = shallowRef<Model.ImageConfigsRsp[]>([]) // 轮播图列表
|
|
|
+const topBanners = shallowRef<Model.ImageConfigsRsp[]>([]) // 轮播图列表
|
|
|
+const bodyBanners = shallowRef<Model.ImageConfigsRsp[]>([]) // 轮播图列表
|
|
|
const newsList = shallowRef<Model.SiteColumnDetailRsp[]>([]) // 资讯列表
|
|
|
+const marketRun = shallowRef<Model.MarketRunRsp>({}) // 资讯列表
|
|
|
+
|
|
|
+const {dataList, getQuerySpotGoodsPriceLists} = useQuerySpotGoodsPriceLists()
|
|
|
+getQuerySpotGoodsPriceLists()
|
|
|
|
|
|
// 下拉刷新
|
|
|
const onRefresh = () => {
|
|
|
@@ -124,6 +130,12 @@ queryImageConfigs({
|
|
|
}
|
|
|
})
|
|
|
|
|
|
+queryMarketRun({
|
|
|
+ success: (res) => {
|
|
|
+ marketRun.value = res.data[0]
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
onRefresh()
|
|
|
</script>
|
|
|
|