|
|
@@ -15,14 +15,14 @@
|
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
|
|
|
<h2 class="text-xl font-semibold text-gray-800 mb-6">快速开始</h2>
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
|
|
|
- <router-link to="/auth" class="flex flex-col items-center p-4 rounded-lg border border-gray-200 hover:border-blue-300 hover:bg-blue-50 transition-colors group">
|
|
|
+ <!-- <router-link to="/auth" class="flex flex-col items-center p-4 rounded-lg border border-gray-200 hover:border-blue-300 hover:bg-blue-50 transition-colors group">
|
|
|
<div class="p-3 rounded-lg bg-blue-100 text-blue-600 mb-3 group-hover:bg-blue-200 transition-colors">
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
|
|
|
</svg>
|
|
|
</div>
|
|
|
<span class="text-gray-700 font-medium">OAuth</span>
|
|
|
- </router-link>
|
|
|
+ </router-link> -->
|
|
|
|
|
|
<router-link to="/user" class="flex flex-col items-center p-4 rounded-lg border border-gray-200 hover:border-green-300 hover:bg-green-50 transition-colors group">
|
|
|
<div class="p-3 rounded-lg bg-green-100 text-green-600 mb-3 group-hover:bg-green-200 transition-colors">
|
|
|
@@ -50,6 +50,15 @@
|
|
|
</div>
|
|
|
<span class="text-gray-700 font-medium">广告计划</span>
|
|
|
</router-link>
|
|
|
+
|
|
|
+ <router-link to="/drama" class="flex flex-col items-center p-4 rounded-lg border border-gray-200 hover:border-blue-300 hover:bg-blue-50 transition-colors group">
|
|
|
+ <div class="p-3 rounded-lg bg-blue-100 text-blue-600 mb-3 group-hover:bg-blue-200 transition-colors">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <span class="text-gray-700 font-medium">短剧资产</span>
|
|
|
+ </router-link>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -72,6 +81,7 @@
|
|
|
class="flex items-start p-4 border rounded-lg transition-colors cursor-pointer"
|
|
|
:class="{
|
|
|
'border-green-200 bg-green-50 hover:bg-green-100': activity.status === 4,
|
|
|
+ 'border-orange-200 bg-orange-50 hover:bg-orange-100': activity.status === 5,
|
|
|
'border-red-200 bg-red-50 hover:bg-red-100': activity.status === 3,
|
|
|
'border-blue-200 bg-blue-50 hover:bg-blue-100': activity.status === 2,
|
|
|
'border-gray-200 bg-gray-50 hover:bg-gray-100': activity.status === 1 || !activity.status
|
|
|
@@ -80,6 +90,7 @@
|
|
|
>
|
|
|
<!-- 状态图标 -->
|
|
|
<div class="p-2 rounded-lg mr-4 flex-shrink-0" :class="{
|
|
|
+ 'bg-orange-200 text-orange-600': activity.status === 5,
|
|
|
'bg-green-200 text-green-600': activity.status === 4,
|
|
|
'bg-red-200 text-red-600': activity.status === 3,
|
|
|
'bg-blue-200 text-blue-600': activity.status === 2,
|
|
|
@@ -93,6 +104,10 @@
|
|
|
<svg v-else-if="activity.status === 3" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
|
</svg>
|
|
|
+ <!-- 部分失败图标 -->
|
|
|
+ <svg v-else-if="activity.status === 5" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
|
+ </svg>
|
|
|
<!-- 执行中图标 -->
|
|
|
<svg v-else-if="activity.status === 2" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
|
@@ -110,12 +125,14 @@
|
|
|
<p class="font-medium" :class="{
|
|
|
'text-green-900': activity.status === 4,
|
|
|
'text-red-900': activity.status === 3,
|
|
|
+ 'text-orange-900': activity.status === 5,
|
|
|
'text-blue-900': activity.status === 2,
|
|
|
'text-gray-900': activity.status === 1 || !activity.status
|
|
|
}">{{ activity.description }}</p>
|
|
|
<div class="flex items-center gap-3 mt-2 text-sm" :class="{
|
|
|
'text-green-600': activity.status === 4,
|
|
|
'text-red-600': activity.status === 3,
|
|
|
+ 'text-orange-600': activity.status === 5,
|
|
|
'text-blue-600': activity.status === 2,
|
|
|
'text-gray-600': activity.status === 1 || !activity.status
|
|
|
}">
|
|
|
@@ -138,6 +155,7 @@
|
|
|
<span class="ml-4 px-3 py-1 text-xs font-medium rounded-full flex-shrink-0" :class="{
|
|
|
'bg-green-100 text-green-700': activity.status === 4,
|
|
|
'bg-red-100 text-red-700': activity.status === 3,
|
|
|
+ 'bg-orange-100 text-orange-700': activity.status === 5,
|
|
|
'bg-blue-100 text-blue-700': activity.status === 2,
|
|
|
'bg-gray-100 text-gray-700': activity.status === 1 || !activity.status
|
|
|
}">
|