合并画布,部分样式调整
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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)=>{
|
||||
|
||||
Reference in New Issue
Block a user