样式修改
This commit is contained in:
@ -77,13 +77,12 @@
|
|||||||
>
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center w-full">
|
<div class="w-full">
|
||||||
<img
|
<div class="grid grid-cols-4 gap-8px w-full">
|
||||||
v-for="item in selectedMaterials.images"
|
<div v-for="(item, index) in selectedMaterials.images" :key="item.id" class="w-88px h-88px">
|
||||||
:key="item.id"
|
<img :src="item.cover" class="w-full h-full rounded-8px" />
|
||||||
:src="item.cover"
|
</div>
|
||||||
class="w-88 h-88 mr-8px border-rounded-8px"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="flex flex-col items-center">
|
<div v-else class="flex flex-col items-center">
|
||||||
@ -118,7 +117,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-12px" v-if="selectedProducts.data.length > 0">{{ selectedProducts.data[0].title }}</div>
|
<div class="mb-12px" v-if="selectedProducts.data.length > 0">{{ selectedProducts.data[0].title }}</div>
|
||||||
<div class="mb-12px color-#939499" v-if="selectedProducts.data.length > 0">
|
<div class="mb-12px color-#939499 line-clamp-2" v-if="selectedProducts.data.length > 0">
|
||||||
{{ selectedProducts.data[0].content }}
|
{{ selectedProducts.data[0].content }}
|
||||||
</div>
|
</div>
|
||||||
<div v-for="item in selectedProducts.images" :key="item.id">
|
<div v-for="item in selectedProducts.images" :key="item.id">
|
||||||
@ -411,7 +410,7 @@ const handleProductConfirm = async (result) => {
|
|||||||
keys: [workDetail.id],
|
keys: [workDetail.id],
|
||||||
data: [workDetail],
|
data: [workDetail],
|
||||||
text: workDetail.title || '1个稿件',
|
text: workDetail.title || '1个稿件',
|
||||||
images: workDetail.files ? workDetail.files.filter(f => f.type === 0) : [], // 图片文件
|
images: workDetail.files ? workDetail.files.filter((f) => f.type === 0) : [], // 图片文件
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -493,7 +492,7 @@ const showDrawer = (accountInfo = null, selectedDate = null) => {
|
|||||||
if (accountInfo && accountInfo.id) {
|
if (accountInfo && accountInfo.id) {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
// 查找账号列表中匹配的账号,包含平台信息和图标
|
// 查找账号列表中匹配的账号,包含平台信息和图标
|
||||||
const matchedAccount = accountList.value.find(account => account.value === accountInfo.id);
|
const matchedAccount = accountList.value.find((account) => account.value === accountInfo.id);
|
||||||
if (matchedAccount) {
|
if (matchedAccount) {
|
||||||
localQuery.value.accounts = [matchedAccount.name];
|
localQuery.value.accounts = [matchedAccount.name];
|
||||||
localQuery.value.ids = [accountInfo.id];
|
localQuery.value.ids = [accountInfo.id];
|
||||||
@ -505,20 +504,24 @@ const showDrawer = (accountInfo = null, selectedDate = null) => {
|
|||||||
localQuery.value.ids = [accountInfo.id];
|
localQuery.value.ids = [accountInfo.id];
|
||||||
} else {
|
} else {
|
||||||
// 账号列表尚未加载,等待加载完成后再设置
|
// 账号列表尚未加载,等待加载完成后再设置
|
||||||
const unwatch = watch(accountList, (newAccountList) => {
|
const unwatch = watch(
|
||||||
if (newAccountList.length > 0) {
|
accountList,
|
||||||
const matched = newAccountList.find(account => account.value === accountInfo.id);
|
(newAccountList) => {
|
||||||
if (matched) {
|
if (newAccountList.length > 0) {
|
||||||
localQuery.value.accounts = [matched.name];
|
const matched = newAccountList.find((account) => account.value === accountInfo.id);
|
||||||
localQuery.value.ids = [accountInfo.id];
|
if (matched) {
|
||||||
} else {
|
localQuery.value.accounts = [matched.name];
|
||||||
localQuery.value.accounts = [`${accountInfo.name}(${getPlatformName(accountInfo.platform)})`];
|
localQuery.value.ids = [accountInfo.id];
|
||||||
localQuery.value.ids = [accountInfo.id];
|
} else {
|
||||||
|
localQuery.value.accounts = [`${accountInfo.name}(${getPlatformName(accountInfo.platform)})`];
|
||||||
|
localQuery.value.ids = [accountInfo.id];
|
||||||
|
}
|
||||||
|
// 取消监听
|
||||||
|
unwatch();
|
||||||
}
|
}
|
||||||
// 取消监听
|
},
|
||||||
unwatch();
|
{ immediate: true },
|
||||||
}
|
);
|
||||||
}, { immediate: true });
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -580,11 +583,11 @@ const fillTaskData = async (taskData) => {
|
|||||||
if (fullTaskData.is_ai_generate && fullTaskData.raw_materials && fullTaskData.raw_materials.length > 0) {
|
if (fullTaskData.is_ai_generate && fullTaskData.raw_materials && fullTaskData.raw_materials.length > 0) {
|
||||||
const materials = fullTaskData.raw_materials;
|
const materials = fullTaskData.raw_materials;
|
||||||
selectedMaterials.value = {
|
selectedMaterials.value = {
|
||||||
keys: materials.map(m => m.id),
|
keys: materials.map((m) => m.id),
|
||||||
data: materials,
|
data: materials,
|
||||||
text: '',
|
text: '',
|
||||||
images: materials.filter(m => m.type === 0), // 图片
|
images: materials.filter((m) => m.type === 0), // 图片
|
||||||
texts: materials.filter(m => m.type === 2), // 文本
|
texts: materials.filter((m) => m.type === 2), // 文本
|
||||||
};
|
};
|
||||||
hasChoseMaterial.value = materials.length > 0;
|
hasChoseMaterial.value = materials.length > 0;
|
||||||
}
|
}
|
||||||
@ -596,7 +599,7 @@ const fillTaskData = async (taskData) => {
|
|||||||
keys: [work.id],
|
keys: [work.id],
|
||||||
data: [work],
|
data: [work],
|
||||||
text: work.title || '1个稿件',
|
text: work.title || '1个稿件',
|
||||||
images: work.files ? work.files.filter(f => f.type === 0) : [], // 图片文件
|
images: work.files ? work.files.filter((f) => f.type === 0) : [], // 图片文件
|
||||||
};
|
};
|
||||||
hasChoseFinishedProducts.value = true;
|
hasChoseFinishedProducts.value = true;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user