合并画布,部分样式调整

This commit is contained in:
X1627315083
2025-06-26 15:41:08 +08:00
parent fd05c70937
commit fc6d8d4c8d
75 changed files with 1772 additions and 672 deletions

View File

@@ -46,11 +46,11 @@
</div>
</div>
<div class="modal_title_text">
<div>Create Batch Generation Tasks</div>
<div>{{$t('batchGeneration.title')}}</div>
</div>
<div class="allUserPoeration_center admin_page">
<div class="admin_state_item">
<span>Task type <span>*</span></span>
<span>{{$t('batchGeneration.TaskType')}} <span>*</span></span>
<a-select
v-model:value="buildType"
allowClear
@@ -62,7 +62,7 @@
</div>
<div class="admin_state_item">
<span
>Project
>{{$t('batchGeneration.Project')}}
<span
v-show="
buildType == 'SERIES_DESIGN' || buildType == 'SINGLE_DESIGN'
@@ -79,7 +79,7 @@
:not-found-content="null"
:filter-option="false"
style="width: 16rem"
placeholder="Please select"
:placeholder="$t('batchGeneration.PleaseSelect')"
:options="objectList"
@search="getHistoryProjectList"
@change="changeProject"
@@ -90,7 +90,7 @@
</a-select>
</div>
<div class="admin_state_item">
<span>Name <span>*</span></span>
<span>{{$t('batchGeneration.TaskName')}} <span>*</span></span>
<input
v-model="porjectName"
:placeholder="placeholder"
@@ -101,10 +101,10 @@
/>
</div>
<div class="admin_state_item" v-show="buildType">
<span>Quantity <span>*</span></span>
<span>{{$t('batchGeneration.Quantity')}} <span>*</span></span>
<input
v-model="numberOfImages"
placeholder="Please enter number"
:placeholder="$t('batchGeneration.enterNumber')"
type="text"
style="width: 200px"
@input="changeNumberOfImages"
@@ -112,7 +112,7 @@
</div>
<!-- toProductimg -->
<div v-show="buildType == 'TO_PRODUCT_IMAGE'" class="admin_state_item">
<span>{{ $t("ProductImg.Similarity") }}</span>
<span>{{ $t("ProductImg.Similarity") }} 0 - 100</span>
<div class="sliderAndImput" style="width: 200px">
<!-- <a-slider class="system_silder"
v-model:value="similarity"
@@ -121,9 +121,9 @@
>
</a-slider> -->
<div style="display: flex">
<input type="number" readonly v-model="similarity[0]" />
<input type="number" v-model="similarity[0]" />
<div style="margin: 0 1rem">-</div>
<input type="number" readonly v-model="similarity[1]" />
<input type="number" v-model="similarity[1]" />
</div>
</div>
</div>
@@ -154,7 +154,7 @@
v-show="buildType == 'TO_PRODUCT_IMAGE' || buildType == 'relight'"
class="admin_state_item"
>
<span>Keyword</span>
<span>{{$t('batchGeneration.Keyword')}}</span>
<input
v-model="generateText"
:placeholder="$t('Generate.inputContent1')"
@@ -227,7 +227,7 @@
:headers="{ Authorization: getCookie('token') }"
:before-upload="beforeUpload"
:data="{
projectId: 2061,
projectId:projectData
}"
v-model:file-list="fileList"
:multiple="true"
@@ -247,7 +247,7 @@
</div> -->
<div v-show="buildType" class="admin_state_item" style="width: 100%">
<span style="margin: 0"
>Cost credit{{ credits * numberOfImages }}</span
>{{$t('batchGeneration.CostCredit')}}{{ credits * numberOfImages }}</span
>
</div>
</div>
@@ -475,7 +475,7 @@ export default defineComponent({
buildType: buildTypeCorresponding[operationsData.buildType],
nums: operationsData.numberOfImages,
projectId: operationsData.projectData,
name: operationsData.porjectName || operationsData.projectData,
name: operationsData.porjectName || operationsData.placeholder,
//productimg
toProductImage: {
prompt: operationsData.generateText, //输入的内容
@@ -512,15 +512,15 @@ export default defineComponent({
data = setAddData();
if (operationsData.buildType == "TO_PRODUCT_IMAGE") {
if (data.toProductImage.toProductImageVOList.length == 0)
return message.warning("Please upload the picture first.");
return message.warning("Please select or upload the picture first.");
// if(data.toProductImage.toProductImageVOList.length == 0)return message.warning("You need to go to the Design module and generate a design result first before you can use the 'To Product Image' cloud generation feature.")
} else if (operationsData.buildType == "RELIGHT") {
if (data.toProductImage.toProductImageVOList.length == 0)
return message.warning("Please upload the picture first.");
return message.warning("Please select or upload the picture first.");
// if(data.toProductImage.toProductImageVOList.length == 0)return message.warning("You need to go to the 'To Product Image' module and generate a result first before you can use the 'Relight' cloud generation feature.")
} else if (operationsData.buildType == "POSE_TRANSFER") {
if (data.poseTransform.length == 0)
return message.warning("Please upload the picture first.");
return message.warning("Please select or upload the picture first.");
// if(data.poseTransform.length == 0)return message.warning("You must first generate results in the 'To Product Image' module before you can use the 'Transfer Pose' cloud generation feature.")
}
if (operationsData.buildType == "DESIGN" && !operationsData.projectData)
@@ -838,7 +838,6 @@ export default defineComponent({
// border-radius: 1.6rem;
flex: 1;
}
> div {
input {
border-radius: 1.6rem;
width: 5rem;
@@ -847,7 +846,6 @@ export default defineComponent({
height: 100%;
text-align: center;
}
}
}
}
}

View File

@@ -10,7 +10,7 @@
</div>
<div class="searchObject generalModel_state">
<div class="generalModel_state_item smail" style="margin-right: 1rem;">
<span>Project :</span>
<span>{{$t('batchGeneration.Project')}} :</span>
<a-select
v-model:value="projectData"
show-search
@@ -34,8 +34,8 @@
</div>
</div>
<div class="createCloud">
<div class="gallery_btn" style="margin-right: 2rem;" @click="pagination">Search</div>
<div class="gallery_btn white" @click="createClound">Create</div>
<div class="gallery_btn" style="margin-right: 2rem;" @click="pagination">{{$t('batchGeneration.Search')}}</div>
<div class="gallery_btn white" @click="createClound">{{$t('batchGeneration.Create')}}</div>
</div>
</div>
<div class="contentList">
@@ -60,13 +60,13 @@
</div>
</div>
<span style="color: #007EE5; cursor: pointer; margin-right: 1rem;" v-show="header.value == 'operation'" @click="setRename(row)">
Rename
{{$t('batchGeneration.Rename')}}
</span>
<span style="color: #007EE5; cursor: pointer; margin-right: 1rem;" v-show="header.value == 'operation'" @click="detailIamge(row)">
Review
{{$t('batchGeneration.Review')}}
</span>
<span style="color: #007EE5; cursor: pointer;" v-show="header.value == 'operation'" @click="deleteRom(row)">
Delete
{{$t('batchGeneration.Delete')}}
</span>
</td>
</tr>
@@ -94,6 +94,7 @@ export default defineComponent({
},
emits:['retrieve'],
setup(props,{emit}) {
const {t} = useI18n()
const store = useStore();
const router = useRouter()
const route = useRoute()
@@ -109,27 +110,27 @@ export default defineComponent({
generateList:{
seriesDesign:[
{
label:'Series design',
label:t('newProjectg.SeriesDesign'),
// value:'SERIES_DESIGN',
consumption:0,
value:'SERIES_DESIGN',
},{
label:'Single design',
label:t('newProjectg.SingleDesign'),
// value:'SINGLE_DESIGN',
consumption:0,
value:'SINGLE_DESIGN',
},{
label:'To Product Image',
label:t('Header.toolsToProduct'),
// value:'toProductImage',
consumption:5,
value:'TO_PRODUCT_IMAGE',
},{
label:'Relight',
label:t('Header.toolsRelight'),
// value:'relight',
consumption:5,
value:'RELIGHT',
},{
label:'Transfer Pose',
label:t('Header.toolsToTransferPose'),
// value:'poseTransfer',
consumption:10,
value:'POSE_TRANSFER',
@@ -177,10 +178,10 @@ export default defineComponent({
},
cloudTiltleList:[
{
name:'Task Name',
name:computed(()=>t('batchGeneration.TaskName')),
value:'name',
},{
name:'Task type',
name:computed(()=>t('batchGeneration.TaskType')),
value:'buildType',
fun:(value:any)=>{
let str = ''
@@ -191,11 +192,11 @@ export default defineComponent({
return str
}
},{
name:'Quantity generated',
name:computed(()=>t('batchGeneration.QuantityGenerated')),
value:'nums',
},
{
name:'Creation time',
name:computed(()=>t('batchGeneration.CreationTime')),
value:'createTime',
fun:(value:any)=>{
if(!value)return
@@ -203,22 +204,21 @@ export default defineComponent({
}
},
{
name:'Start time',
value:'startTime',
name:computed(()=>t('batchGeneration.StartTime')),
fun:(value:any)=>{
//没开始内容为 -
if(!value)return
return value.split('T')[0] + ' ' + value.split('T')[1].split('.')[0]
}
},{
name:'Update time',
name:computed(()=>t('batchGeneration.UpdateTime')),
value:'updateTime',
fun:(value:any)=>{
if(!value)return
return value.split('T')[0] + ' ' + value.split('T')[1].split('.')[0]
}
},{
name:'Status',
name:computed(()=>t('batchGeneration.Status')),
value:'process',
fun:(value:any)=>{
if(value == '100.00%'){
@@ -228,7 +228,7 @@ export default defineComponent({
}
}
},{
name:'Operation',
name:computed(()=>t('batchGeneration.Operation')),
value:'operation',
},
] as any,
@@ -362,14 +362,14 @@ export default defineComponent({
},1000)
}
const submitGetContentList = (project:any)=>{
// data.isGetContentList = true
data.isGetContentList = true
// if(project){
// data.projectData = project
// }else{
// data.projectData = null
// }
// data.currentPage = 1
// getContentList()
getContentList()
if(data.settingGetHistory)data.settingGetHistory()
}
const handleChange = (event:any,value:any)=>{