feat 一键蹲货功能

src/componse/provider-article/provider-article-panel.vue

@@ -1,8 +1,9 @@
 <template>
   <a-collapse-panel :key="`${provider.providerId}`" >
     <template #extra>
-      <div class="flex space-x-4">
+      <div class="flex space-x-4 items-center">
         <div>更新时间：{{dayjs(provider.updatedAt).format('YYYY-MM-DD HH:mm:ss')}}</div>
+        <a-button v-if="provider.providerId==='us-coach-outlet'" type="primary" @click="OneClickWatch(provider.pid, provider.pid)">一键蹲货</a-button>
         <div v-if="provider.skuID">抓取：<a-switch :checked="!provider.exclude" @click="onClickExclude"/></div>
       </div>
     </template>
@@ -44,7 +45,7 @@ import {GetProviderHistory, UpdateProviderArticle} from "@/api/articles.js";
 import {message} from "ant-design-vue";
 import {computed, ref, watch} from "vue";
 import VChart from "vue-echarts";
-
+import {OneClickWatch} from "@/componse/one-click-watch.js";
 
 const props = defineProps({
   provider: {

src/css/base.css

@@ -4,3 +4,8 @@ html,body,#app {
     padding: 0;
     margin: 0;
 }
+
+::-webkit-scrollbar {
+    width: 0;
+    background: transparent;
+}

src/views/article/detail.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="overflow-overlay h-full  m-4 bg-white rounded-2 shadow-lg p-8 flex flex-col justify-between space-y-4">
-    <div class="border-solid border-2 border-gray-100 rounded-lg p-4 flex space-x-8">
+    <div class="border-solid border-2 border-gray-100 rounded-lg p-4 flex space-x-8 items-center">
-      <a-image :src="data.image" :width="100"></a-image>
+      <div class="w-100px">
+        <a-image :src="data.image" ></a-image>
+      </div>
       <div class="flex justify-between w-full  pr-16">
         <div class="p-4 flex flex-col justify-between">
           <div class="text-xl font-bold">名称：{{data.name}}</div>

src/views/article/index.vue

@@ -12,7 +12,9 @@
         <a-table :dataSource="data.list" :columns="columns" :pagination="false" :scroll="{y:1000}" @change="tableChange" rowKey="id">
           <template #bodyCell="{ column, record }">
             <template v-if="column.key === 'image'">
-              <a-image :width="75" :src="record.image"/>
+              <div class="w-75px h-75px">
+                <a-image  :src="record.image"/>
+              </div>
             </template>
             <template v-else-if="column.key === 'name'">
               <router-link target="_blank" :to="{ path: '/article/detail', query: {id: record.id} }">
@@ -47,7 +49,7 @@
 </template>
 <script setup>
 
-import {computed, h, onMounted, reactive, ref, watch} from "vue";
+import {computed, h, onMounted, reactive, ref} from "vue";
 import {LoadingOutlined} from "@ant-design/icons-vue";
 import {message} from "ant-design-vue";
 import {ListArticles, UpdateArticle} from "@/api/articles.js";