renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
lq
2025-09-26 16:49:17 +08:00
parent 002fa12bc8
commit 2b071f0907
1 changed files with 38 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/property-marketing/assignment-management/components/draw-popup.vue
View File

@ -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">
@ -401,7 +400,7 @@ const handleProductConfirm = async (result) => {
hasChoseFinishedProducts.value = true; hasChoseFinishedProducts.value = true;
// 取第一个选中的项目 // 取第一个选中的项目
const selectedProduct = result.selectedRows[0]; const selectedProduct = result.selectedRows[0];
// 获取成品详情 // 获取成品详情
try { try {
const res = await getWorkDetail(selectedProduct.id); const res = await getWorkDetail(selectedProduct.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 });
} }
} }
}); });
@ -535,7 +538,7 @@ const showDrawer = (accountInfo = null, selectedDate = null) => {
const fillTaskData = async (taskData) => { const fillTaskData = async (taskData) => {
// 如果传入的数据包含完整信息，则直接使用，否则获取详情 // 如果传入的数据包含完整信息，则直接使用，否则获取详情
let fullTaskData = taskData; let fullTaskData = taskData;
// 如果没有work或raw_materials等详细信息，则需要获取完整详情 // 如果没有work或raw_materials等详细信息，则需要获取完整详情
if ((!taskData.work && !taskData.raw_materials) || taskData.id) { if ((!taskData.work && !taskData.raw_materials) || taskData.id) {
try { try {
@ -547,7 +550,7 @@ const fillTaskData = async (taskData) => {
console.error('获取任务详情失败:', error); console.error('获取任务详情失败:', error);
} }
} }
// 设置账号信息 // 设置账号信息
if (fullTaskData.media_account) { if (fullTaskData.media_account) {
nextTick(() => { nextTick(() => {
@ -555,15 +558,15 @@ const fillTaskData = async (taskData) => {
localQuery.value.ids = [fullTaskData.media_account.id]; localQuery.value.ids = [fullTaskData.media_account.id];
}); });
} }
// 设置AI生成或成品库选择 // 设置AI生成或成品库选择
isActive.value = fullTaskData.is_ai_generate ? 'ai' : 'chose'; isActive.value = fullTaskData.is_ai_generate ? 'ai' : 'chose';
// 设置任务描述（AI生成时） // 设置任务描述（AI生成时）
if (fullTaskData.is_ai_generate && fullTaskData.ai_prompt) { if (fullTaskData.is_ai_generate && fullTaskData.ai_prompt) {
taskDescription.value = fullTaskData.ai_prompt; taskDescription.value = fullTaskData.ai_prompt;
} }
// 设置发布时间 // 设置发布时间
if (fullTaskData.publish_type === 1 && fullTaskData.execution_time) { if (fullTaskData.publish_type === 1 && fullTaskData.execution_time) {
// 定时发布 // 定时发布
@ -575,20 +578,20 @@ const fillTaskData = async (taskData) => {
// 立即发布 // 立即发布
publishType.value = 'immediate'; publishType.value = 'immediate';
} }
// 设置选中的素材（AI生成时） // 设置选中的素材（AI生成时）
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;
} }
// 设置选中的成品（成品库选择时） // 设置选中的成品（成品库选择时）
if (!fullTaskData.is_ai_generate && fullTaskData.work) { if (!fullTaskData.is_ai_generate && fullTaskData.work) {
const work = fullTaskData.work; const work = fullTaskData.work;
@ -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;
} }