2.6发版合并
This commit is contained in:
X1627315083
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="events_page" :class="{active:isScroll}">
|
||||
<div class="modal_title_text modal_search">
|
||||
<div v-show="isScroll || systemUser.value>-1" v-for="item in worksType" :key="item" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
||||
<div v-show="isScroll || userDetail.systemUser>-1" v-for="item in worksType" :key="item" class="gallery_btn white" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div v-show="!isScroll && systemUser.value == -1" class="modal_title_text_assistant active">All</div>
|
||||
<div v-show="!isScroll && userDetail.systemUser == -1" class="gallery_btn active">All</div>
|
||||
</div>
|
||||
<div class="page_content" >
|
||||
<div class="page_content_itemBox">
|
||||
@@ -77,8 +77,8 @@ export default defineComponent({
|
||||
isShowMark:false,
|
||||
isNoData:false,//如果数据为空就不加载
|
||||
})
|
||||
let systemUser = computed(()=>{
|
||||
return store.state.UserHabit.systemUser
|
||||
let userDetail = computed(()=>{
|
||||
return store.state.UserHabit.userDetail
|
||||
})
|
||||
let selectMenu:any = ref({
|
||||
label:'全部',
|
||||
@@ -151,7 +151,7 @@ export default defineComponent({
|
||||
})
|
||||
return {
|
||||
...toRefs(filter),
|
||||
systemUser,
|
||||
userDetail,
|
||||
selectMenu,
|
||||
setWorksSelect,
|
||||
likeFile,
|
||||
@@ -208,7 +208,7 @@ export default defineComponent({
|
||||
// height: 100%;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
padding: 0 9rem;
|
||||
padding: 0 6rem;
|
||||
// min-width: 1440px;
|
||||
position: relative;
|
||||
padding-top: 5rem;
|
||||
@@ -218,20 +218,13 @@ export default defineComponent({
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding-bottom: 2.4rem;
|
||||
.modal_title_text_assistant{
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 2rem;
|
||||
background: #eee;
|
||||
.gallery_btn{
|
||||
margin-right: 1rem;
|
||||
cursor: pointer;
|
||||
min-width: 12rem;
|
||||
}
|
||||
.modal_title_text_assistant:last-child{
|
||||
.gallery_btn:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
.active{
|
||||
background: #39215b;
|
||||
color: #fff;
|
||||
}
|
||||
.modal_search_menu{
|
||||
margin-left: auto;
|
||||
z-index: 10;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,7 +4,7 @@
|
||||
<div>Works</div>
|
||||
</div> -->
|
||||
<div class="modal_title_text modal_search" v-if="!otherUsers">
|
||||
<div v-show="isScroll" v-for="item in worksType" :key="item" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
||||
<div v-show="isScroll" v-for="item in worksType" :key="item" class="gallery_btn white" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div v-show="!isScroll" class="modal_title_text_assistant" :class="{active:'all' == worksSelect}" @click="setWorksSelect({value:'all'})">All</div>
|
||||
@@ -279,7 +279,7 @@ export default defineComponent({
|
||||
// height: 100%;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
padding: 0 9rem;
|
||||
padding: 0 6rem;
|
||||
// min-width: 1440px;
|
||||
position: relative;
|
||||
padding-top: 5rem;
|
||||
@@ -288,20 +288,13 @@ export default defineComponent({
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding-bottom: 2.4rem;
|
||||
.modal_title_text_assistant{
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 2rem;
|
||||
background: #eee;
|
||||
margin-right: 1rem;
|
||||
cursor: pointer;
|
||||
.gallery_btn{
|
||||
min-width: 12rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.modal_title_text_assistant:last-child{
|
||||
.gallery_btn:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
.active{
|
||||
background: #39215b;
|
||||
color: #fff;
|
||||
}
|
||||
.modal_search_menu{
|
||||
margin-left: auto;
|
||||
z-index: 10;
|
||||
@@ -315,6 +308,7 @@ export default defineComponent({
|
||||
min-height: 80%;
|
||||
height: auto;
|
||||
background: #f7f8fa;
|
||||
border-radius: 3rem;
|
||||
@media (max-width: 768px) {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@@ -1,10 +1,6 @@
|
||||
<template>
|
||||
<div class="history_page">
|
||||
<div class="page_content">
|
||||
<img
|
||||
class="page_content_bg"
|
||||
src="@/assets/images/homePage/bg.png"
|
||||
/>
|
||||
<div class="page_content_body">
|
||||
<!-- <HeaderComponent></HeaderComponent> -->
|
||||
<div class="history_page_body">
|
||||
@@ -14,14 +10,18 @@
|
||||
<input class="search_input" :placeholder="$t('HistoryPage.inputContent1')" v-model="searchCollectionName" @keydown.enter="searchHistoryList()">
|
||||
<div class="search_icon_block" @click="searchHistoryList()"><span class="icon iconfont icon-sousuo"></span></div>
|
||||
</div> -->
|
||||
<div class="content_search_block">
|
||||
<a-range-picker class="range_picker" v-model:value="rangePickerValue" :placeholder="[$t('HistoryPage.StartDate'), $t('HistoryPage.EndDate')]" valueFormat="YYYY-MM-DD">
|
||||
<template #suffixIcon>
|
||||
<span class="icon iconfont range_picker_icon icon-rili"></span>
|
||||
</template>
|
||||
</a-range-picker>
|
||||
<input class="search_input" :placeholder="$t('LibraryPage.inputContent1')" v-model="searchCollectionName" @keydown.enter="searchHistoryList()">
|
||||
<div class="search_cascader">
|
||||
<div class="content_search_block generalModel_state">
|
||||
<div class="generalModel_state_item">
|
||||
<a-range-picker class="range_picker" v-model:value="rangePickerValue" :placeholder="[$t('HistoryPage.StartDate'), $t('HistoryPage.EndDate')]" valueFormat="YYYY-MM-DD">
|
||||
<template #suffixIcon>
|
||||
<span class="icon iconfont range_picker_icon icon-rili"></span>
|
||||
</template>
|
||||
</a-range-picker>
|
||||
</div>
|
||||
<div class="generalModel_state_item">
|
||||
<input class="search_input" :placeholder="$t('LibraryPage.inputContent1')" v-model="searchCollectionName" @keydown.enter="searchHistoryList()">
|
||||
</div>
|
||||
<div class="generalModel_state_item">
|
||||
<el-cascader
|
||||
:options="options"
|
||||
filterable
|
||||
@@ -49,7 +49,8 @@
|
||||
<div :title="$t('LibraryPage.intersection')" @click="()=>intersection = 0" v-show="intersection == 1" :class="['icon', 'iconfont','icon-bingji1',]"></div>
|
||||
</div>
|
||||
<!-- <div class="search_icon_block" @click="getLibraryList('')"><span class="icon iconfont icon-sousuo"></span></div> -->
|
||||
<div class="generage_btn search_icon_block" @click="searchHistoryList()"><span class="icon iconfont icon-sousuo"></span></div>
|
||||
<div class="gallery_btn" style="padding: 2rem; line-height: 1;" @click="searchHistoryList('')"><span class="icon iconfont icon-sousuo"></span></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -398,19 +399,12 @@ export default defineComponent({
|
||||
.history_page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 9rem;
|
||||
padding: 0 6rem;
|
||||
overflow: hidden;
|
||||
// min-width: 1440px;
|
||||
position: relative;
|
||||
.page_content {
|
||||
position: relative;
|
||||
|
||||
.page_content_bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page_content_body {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -420,7 +414,7 @@ export default defineComponent({
|
||||
.history_page_body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 2.5rem 4rem;
|
||||
padding: 3rem 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.history_header{
|
||||
@@ -435,19 +429,7 @@ export default defineComponent({
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.range_picker{
|
||||
width: 36rem;
|
||||
height: 3rem;
|
||||
margin-right: 2rem;
|
||||
|
||||
.ant-picker-input > input{
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.range_picker_icon{
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-picker:hover, .ant-picker-focused{
|
||||
border-color: #d5d8df;
|
||||
}
|
||||
@@ -455,28 +437,7 @@ export default defineComponent({
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 140rem;
|
||||
.search_input{
|
||||
height: 3rem;
|
||||
border-radius: 0.5rem;
|
||||
width: 20rem;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
padding-left: 1.5rem;
|
||||
border: 0.2rem solid #d5d8df;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 400;
|
||||
margin-right: 2rem;
|
||||
&::placeholder {
|
||||
color: #C2C2C2;
|
||||
}
|
||||
}
|
||||
.search_cascader{
|
||||
// width: 53%;
|
||||
width: 38rem;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.search_icon_block{
|
||||
width: 5.2rem;
|
||||
height: 2.8rem;
|
||||
@@ -493,10 +454,13 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
.intersection{
|
||||
margin-left: 3rem;
|
||||
cursor: pointer;
|
||||
margin-right: 3rem;
|
||||
>div{
|
||||
font-size: 3rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -519,24 +483,22 @@ export default defineComponent({
|
||||
&::-webkit-scrollbar { width: 0 !important }
|
||||
|
||||
}
|
||||
|
||||
|
||||
.ant-table-thead > tr > th{
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr:hover{
|
||||
background: #ededed;
|
||||
}
|
||||
.ant-table-tbody > tr > td{
|
||||
border: none;
|
||||
background: transparent;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr{
|
||||
|
||||
&:hover > td{
|
||||
background: #FFFFFF;
|
||||
}
|
||||
}
|
||||
.ant-table-pagination-right{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ant-table-pagination-right{
|
||||
padding-right: 3.5rem;
|
||||
@@ -552,7 +514,7 @@ export default defineComponent({
|
||||
font-size: 1.4rem;
|
||||
font-family: Roboto;
|
||||
font-weight: 400;
|
||||
color: #343579;
|
||||
color: #007EE5;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,68 +36,80 @@
|
||||
<div v-show="selectCode != 'Models' && selectCode != 'DesignElements'" class='header_operate_item pointer' :class="{operate_select:uploadGenerate == 'Generate'}" @click="uploadGenerateOpen('Generate')">{{ $t('LibraryPage.Generate') }}</div>
|
||||
</div>
|
||||
|
||||
<div class="librart_headr_right">
|
||||
<div class="select_block" v-show="selectCode == 'Sketchboard' || selectCode == 'Models'|| selectCode == 'DesignElements'|| selectCode == 'Printboard'" >
|
||||
<a-select
|
||||
ref="select"
|
||||
v-show="selectCode != 'DesignElements' && selectCode != 'Printboard'"
|
||||
v-model:value="sex"
|
||||
:options="sexList"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
@change="sexChange"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
<a-select
|
||||
ref="select"
|
||||
v-show="designTypeList[selectCode]?.[0]?.value && selectCode != 'Sketchboard'"
|
||||
v-model:value="designType"
|
||||
:options="designTypeList[selectCode]"
|
||||
@change="handleChange"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
<a-select
|
||||
ref="select"
|
||||
v-show="designTypeList[selectCode]?.[0]?.value && selectCode == 'Sketchboard' && uploadGenerate != 'Generate'"
|
||||
v-model:value="designType"
|
||||
:options="designTypeList[selectCode]"
|
||||
@change="handleChange"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
<a-select
|
||||
ref="select"
|
||||
v-show="SketchGenerateTypeList?.[0]?.value && selectCode == 'Sketchboard' && uploadGenerate == 'Generate'"
|
||||
v-model:value="SketchGenerateType"
|
||||
:options="SketchGenerateTypeList"
|
||||
@change="setSketchGenerateType"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
<div class="librart_headr_right ">
|
||||
<div class="generalModel_state " v-show="selectCode == 'Sketchboard' || selectCode == 'Models'|| selectCode == 'DesignElements'|| selectCode == 'Printboard'" >
|
||||
<div class="generalModel_state_item smail" v-if="selectCode != 'DesignElements' && selectCode != 'Printboard'">
|
||||
<a-select
|
||||
ref="select"
|
||||
v-model:value="sex"
|
||||
:options="sexList"
|
||||
size="large"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
style="width:20rem"
|
||||
@change="sexChange"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="generalModel_state_item smail" v-if="designTypeList[selectCode]?.[0]?.value && selectCode != 'Sketchboard'">
|
||||
<a-select
|
||||
ref="select"
|
||||
v-model:value="designType"
|
||||
:options="designTypeList[selectCode]"
|
||||
@change="handleChange"
|
||||
style="width:20rem"
|
||||
size="large"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="generalModel_state_item smail" v-if="designTypeList[selectCode]?.[0]?.value && selectCode == 'Sketchboard' && uploadGenerate != 'Generate'">
|
||||
<a-select
|
||||
ref="select"
|
||||
v-model:value="designType"
|
||||
:options="designTypeList[selectCode]"
|
||||
@change="handleChange"
|
||||
style="width:20rem"
|
||||
size="large"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="generalModel_state_item smail" v-if="SketchGenerateTypeList?.[0]?.value && selectCode == 'Sketchboard' && uploadGenerate == 'Generate'">
|
||||
<a-select
|
||||
ref="select"
|
||||
v-model:value="SketchGenerateType"
|
||||
:options="SketchGenerateTypeList"
|
||||
@change="setSketchGenerateType"
|
||||
style="width:20rem"
|
||||
size="large"
|
||||
:fieldNames="{ label: 'name', value: 'value' }"
|
||||
>
|
||||
<template #suffixIcon
|
||||
><span
|
||||
class="icon iconfont icon-xiala"
|
||||
style="color: #343579"
|
||||
></span
|
||||
></template>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,13 +140,16 @@
|
||||
<div :class="['header_operate_item' , 'fontSize',selectImgList.length>0?'active':'']" @click="deleteBatchPic()">{{ $t('LibraryPage.Delete') }}</div>
|
||||
<div :class="['header_operate_item' , 'fontSize',selectImgList.length>0?'active':'']" @click="showRenameModal(selectImgList,'batch')">{{ $t('LibraryPage.Rename') }}</div>
|
||||
</div>
|
||||
<div class="content_search_block">
|
||||
<input
|
||||
class="search_input"
|
||||
:placeholder="$t('LibraryPage.inputContent1')"
|
||||
v-model="searchPictureName"
|
||||
@keydown.enter="getLibraryList('')">
|
||||
<div class="search_cascader">
|
||||
<div class="content_search_block generalModel_state">
|
||||
<div class="generalModel_state_item">
|
||||
<input
|
||||
class="search_input"
|
||||
style="background-color: #fff;"
|
||||
:placeholder="$t('LibraryPage.inputContent1')"
|
||||
v-model="searchPictureName"
|
||||
@keydown.enter="getLibraryList('')">
|
||||
</div>
|
||||
<div class="generalModel_state_item search_cascader">
|
||||
<el-cascader
|
||||
:options="options"
|
||||
filterable
|
||||
@@ -162,13 +177,14 @@
|
||||
<div :title="$t('LibraryPage.intersection')" @click="()=>intersection = 0" v-show="intersection == 1" :class="['icon', 'iconfont','icon-bingji1',]"></div>
|
||||
</div>
|
||||
<!-- <div class="search_icon_block" @click="getLibraryList('')"><span class="icon iconfont icon-sousuo"></span></div> -->
|
||||
<div class="generage_btn search_icon_block" @click="getLibraryList('')"><span class="icon iconfont icon-sousuo"></span></div>
|
||||
<div class="gallery_btn" style="padding: 2rem; line-height: 1;" @click="getLibraryList('')"><span class="icon iconfont icon-sousuo"></span></div>
|
||||
</div>
|
||||
<div v-show="imgList.length" :class="['check_all_block',selectImgList.length == imgList.length ? 'check_all' : '']" @click="selectAllImg()">
|
||||
<div class="check_block"><div class="check_block_body" v-show="selectImgList.length == imgList.length && imgList.length"></div></div>
|
||||
<div>{{ $t('LibraryPage.all') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="imgList.length" :class="['check_all_block',selectImgList.length == imgList.length ? 'check_all' : '']" @click="selectAllImg()">
|
||||
<div class="check_block"><div class="check_block_body" v-show="selectImgList.length == imgList.length && imgList.length"></div></div>
|
||||
<div>{{ $t('LibraryPage.all') }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="content_body_table scroll_style">
|
||||
@@ -185,6 +201,9 @@
|
||||
</div>
|
||||
<div class="img_operate_block" :title="t('LibraryPage.Delete')" @click.stop="deleteSinglePic(img,index)">
|
||||
<span class="icon iconfont icon-shanchu operate_icon"></span>
|
||||
</div>
|
||||
<div class="img_operate_block">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index,imgList,'library')"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -194,6 +213,11 @@
|
||||
<div class="no_data_block" v-show="!imgList.length && !isShowMark">
|
||||
<img src="@/assets/images/homePage/null_img.png">
|
||||
</div>
|
||||
<!-- 蒙层 start-->
|
||||
<div class="mark_loading" v-show="isShowMark || getLangIsShowMark">
|
||||
<a-spin size="large" />
|
||||
</div>
|
||||
<!-- 蒙层 end-->
|
||||
</div>
|
||||
|
||||
<div class="table_pagination" v-show="imgList.length">
|
||||
@@ -210,7 +234,6 @@
|
||||
</div>
|
||||
<div class="right_content_body" v-show="uploadGenerate !='Upload'">
|
||||
<div class="content_body_header content_body_header_generate">
|
||||
<div class="content_body_header_right"></div>
|
||||
<!-- <div v-show="selectCode == 'Printboard' && scene?.value == 'Pattern'" class="printModel">
|
||||
<div @click.stop="PrintModel">{{ printModel.name }}</div>
|
||||
<ul v-show="printModel.optype">
|
||||
@@ -219,11 +242,11 @@
|
||||
<li class="printModel_item" @click="setprintModel(3)">{{ $t('LibraryPage.Model3') }}</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
<generalMenu v-if="printModelList" class="printModel" v-show="selectCode == 'Printboard' && scene?.value == 'Pattern'" :dataList="printModelList" :isCanvas="selectCode == 'Sketchboard'" @setprintModel="setprintModel" :item="printModel"></generalMenu>
|
||||
<generalMenu v-if="printModelList" class="printModel" v-show="selectCode == 'Printboard' && scene?.value == 'Pattern'" :dataList="printModelList" :isCanvas="selectCode == 'Sketchboard'" @setprintModel="setprintModel" :item="printModel" :style_="{padding:'2rem'}"></generalMenu>
|
||||
<div class="input_border">
|
||||
<div class="input_box" :class="{active:inputShow}">
|
||||
<div class="input_box_btnBox" v-if="scene?.value != 'extract'">
|
||||
<div class="upload_item" v-show="selectCode !== 'Moodboard' && ((selectCode == 'Printboard' && scene?.value == 'Pattern') || (selectCode == 'Printboard' && scene?.value == 'Slogan') || selectCode == 'Sketchboard')">
|
||||
<div class="upload_item" v-show="selectGenerateList.length != 0 && selectCode !== 'Moodboard' && ((selectCode == 'Printboard' && scene?.value == 'Pattern') || (selectCode == 'Printboard' && scene?.value == 'Slogan') || selectCode == 'Sketchboard')">
|
||||
<div
|
||||
class="upload_file_item"
|
||||
v-for="(file, index) in selectGenerateList"
|
||||
@@ -253,12 +276,12 @@
|
||||
<input class="search_seed" max="9999" v-show="selectCode == 'Printboard' && scene?.value == 'Logo'" @input="ifSeedValue" v-model="searchPictureSeed" type="Number" placeholder='Seed' min="0">
|
||||
</a-popover> -->
|
||||
<input
|
||||
class="search_input "
|
||||
@input="ifMaximumLength"
|
||||
:maxlength='inputShow?0:9999'
|
||||
@keydown.enter="getgenerate"
|
||||
@click="inputFocus()"
|
||||
:placeholder="(scene?.value == 'Slogan' && selectCode == 'Printboard')?isSloganHint:$t('LibraryPage.inputContent2')"
|
||||
@paste="onPaste"
|
||||
v-model="captionGeneration">
|
||||
<i class="fi fi-br-upload" :title="$t('Generate.uploadTitle')" v-show="!isTextarea && upload.level1Type !== 'Moodboard' && scene?.value != 'Slogan' && scene?.value != 'Logo'">
|
||||
<a-upload
|
||||
@@ -342,7 +365,7 @@
|
||||
v-model="captionGeneration"
|
||||
></textarea>
|
||||
<div class="generage_btn_box" v-show="!isGenerate[selectCode]">
|
||||
<div class="generage_btn started_btn">
|
||||
<div class="generage_btn started_btn" style="padding: 2rem;">
|
||||
|
||||
<div @click.stop="getgenerate">
|
||||
<span v-if="
|
||||
@@ -390,16 +413,14 @@
|
||||
<div class="img_operate_block" :title="t('LibraryPage.Delete')" @click.stop="deleteGenerate(index)">
|
||||
<span class="icon iconfont icon-shanchu operate_icon"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img_operate_content left" :class="[driver__.driver?'hideEvents':'']">
|
||||
<div class="img_operate_block">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index)"></i>
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index,generateList[selectCode],'generate')"></i>
|
||||
</div>
|
||||
<div class="img_operate_block">
|
||||
<i v-if="!img.like" class="fi fi-rr-heart operate_icon" @click.stop="likeFile(img,'like')"></i>
|
||||
<i v-else class="fi fi-sr-heart operate_icon" :adminLike="!!img.like" @click.stop="likeFile(img,'noLike')"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<sketchCategory v-show="selectCode == 'Sketchboard'" :disignTypeList="designTypeList[selectCode]" :generateList="generateList['Sketchboard']" :item="img"></sketchCategory>
|
||||
</div>
|
||||
@@ -411,6 +432,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -421,12 +443,9 @@
|
||||
<ModelPlacementMobile ref="ModelPlacementMobile" @submitModelPlacement="getLibraryList"></ModelPlacementMobile>
|
||||
<setLabel ref="setLabel"></setLabel>
|
||||
<createSlogan ref="createSlogan" @setSloganData="setSloganData"></createSlogan>
|
||||
<UpgradePlan ref="UpgradePlan"></UpgradePlan>
|
||||
|
||||
<!-- 蒙层 start-->
|
||||
<div class="mark_loading" v-show="isShowMark || getLangIsShowMark">
|
||||
<a-spin size="large" />
|
||||
</div>
|
||||
<!-- 蒙层 end-->
|
||||
|
||||
<!-- <RobotAssist></RobotAssist> -->
|
||||
|
||||
</div>
|
||||
@@ -440,6 +459,7 @@ import ModelPlacement from '@/component/LibraryPage/ModelPlacement.vue';
|
||||
import setLabel from '@/component/LibraryPage/setLabel.vue';
|
||||
import ModelPlacementMobile from '@/component/LibraryPage/ModelPlacementMobile.vue';
|
||||
import searchLabel from '@/component/LibraryPage/searchLabel.vue';
|
||||
|
||||
// import RobotAssist from "@/component/HomePage/RobotAssist.vue";
|
||||
import { Modal,message,Upload,CascaderProps } from 'ant-design-vue';
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
@@ -455,6 +475,7 @@ import { remove } from "jszip";
|
||||
import createSlogan from "@/component/HomePage/createSlogan.vue";
|
||||
import generalMenu from "@/component/HomePage/generalMenu.vue";
|
||||
import { id } from "element-plus/es/locale";
|
||||
import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
|
||||
export default defineComponent({
|
||||
components: {
|
||||
// HeaderComponent,
|
||||
@@ -468,6 +489,7 @@ export default defineComponent({
|
||||
sketchCategory,
|
||||
createSlogan,
|
||||
generalMenu,
|
||||
UpgradePlan,
|
||||
},
|
||||
props:{
|
||||
getLangIsShowMark:{
|
||||
@@ -564,6 +586,9 @@ export default defineComponent({
|
||||
let driver__:any = computed(()=>{
|
||||
return store.state.Guide.guide
|
||||
})
|
||||
let userDetail:any= computed(()=>{
|
||||
return store.state.UserHabit.userDetail
|
||||
})
|
||||
let generateTime:any = ref({
|
||||
Sketchboard:'',
|
||||
Moodboard:'',
|
||||
@@ -765,6 +790,7 @@ export default defineComponent({
|
||||
intersection,
|
||||
isTest,
|
||||
driver__,
|
||||
userDetail,
|
||||
generateTime,
|
||||
generateProceedList,
|
||||
isGenerate,
|
||||
@@ -791,7 +817,6 @@ export default defineComponent({
|
||||
},
|
||||
data(this_) {
|
||||
return {
|
||||
userInfo: {},
|
||||
indicator: h(LoadingOutlined, {
|
||||
style: {
|
||||
fontSize: "2.4rem",
|
||||
@@ -806,6 +831,7 @@ export default defineComponent({
|
||||
},
|
||||
token: "",
|
||||
isInputFocus:false,
|
||||
deleteSelectManneuin:false,
|
||||
};
|
||||
},
|
||||
watch:{
|
||||
@@ -831,10 +857,8 @@ export default defineComponent({
|
||||
},
|
||||
async mounted(){
|
||||
this.upload.gender = this.sex
|
||||
let userInfo:any = getCookie("userInfo")
|
||||
let isTest:any = getCookie('isTest')
|
||||
this.isTest =JSON.parse(isTest)
|
||||
this.userInfo = JSON.parse(userInfo);
|
||||
this.uploadUrl = getUploadUrl()
|
||||
this.token = getCookie("token") || "";
|
||||
},
|
||||
@@ -1118,25 +1142,48 @@ export default defineComponent({
|
||||
|
||||
//确定删除图片 有data则是单个
|
||||
confirmDeletePic(data:any,index:any,nData:any){
|
||||
let libraryIds = data ? [data.id] : this.selectImgList
|
||||
let newData = {
|
||||
libraryIds:libraryIds,
|
||||
let libraryIds = data ? [data.id] : this.selectImgList
|
||||
let newData = {
|
||||
libraryIds:libraryIds,
|
||||
deleteModelConfirm:this.selectCode == 'Models' ? data.deleteModelConfirm?data.deleteModelConfirm : 0:'',
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
}
|
||||
}
|
||||
if(nData)newData = nData
|
||||
Https.axiosPost(Https.httpUrls.batchDeleteLibrary, newData).then(
|
||||
(rv: any) => {
|
||||
if(data && data.id){
|
||||
this.imgList.splice(index, 1)
|
||||
}else{
|
||||
this.selectImgList = []
|
||||
this.getLibraryList('')
|
||||
}
|
||||
}
|
||||
).catch((res)=>{
|
||||
Https.axiosPost(Https.httpUrls.batchDeleteLibrary, newData).then(
|
||||
(rv: any) => {
|
||||
if(data && data.id){
|
||||
this.imgList.splice(index, 1)
|
||||
}else{
|
||||
this.selectImgList = []
|
||||
this.getLibraryList('')
|
||||
}
|
||||
if(!this.deleteSelectManneuin)return
|
||||
let id = this.store.state.Workspace.workspace.id
|
||||
Https.axiosGet(Https.httpUrls.workspaceDetail,{params:{id:id}}).then((rv: any) => {
|
||||
if (rv) {
|
||||
if(rv.position == "Overall"){
|
||||
rv.overallSingle = false
|
||||
}else{
|
||||
rv.overallSingle = true
|
||||
}
|
||||
if(rv.sexEnum.name == 'Female'){
|
||||
rv.mannequinUrl = rv.femalePresignedUrl
|
||||
rv.mannequinType = rv.mannequinFemaleType
|
||||
rv.mannequinId = rv.mannequinFemaleId
|
||||
}else if(rv.sexEnum.name == 'Male'){
|
||||
rv.mannequinUrl = rv.malePresignedUrl
|
||||
rv.mannequinType = rv.mannequinMaleType
|
||||
rv.mannequinId = rv.mannequinMaleId
|
||||
}
|
||||
this.store.commit("setWorkspace", rv);
|
||||
this.deleteSelectManneuin = false
|
||||
}
|
||||
})
|
||||
}
|
||||
).catch((res)=>{
|
||||
if(this.selectCode == "Models" && res.errCode === 2){
|
||||
let _this = this
|
||||
this.deleteSelectManneuin = true
|
||||
Modal.confirm({
|
||||
title: res.errMsg,
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
@@ -1145,37 +1192,15 @@ export default defineComponent({
|
||||
mask:false,
|
||||
zIndex:99999,
|
||||
centered:true,
|
||||
onOk() {
|
||||
onOk () {
|
||||
newData.deleteModelConfirm = 1
|
||||
let id = _this.store.state.Workspace.workspace.id
|
||||
Https.axiosGet(Https.httpUrls.workspaceDetail,{params:{id:id}}).then((rv: any) => {
|
||||
if (rv) {
|
||||
if(rv.position == "Overall"){
|
||||
rv.overallSingle = false
|
||||
}else{
|
||||
rv.overallSingle = true
|
||||
}
|
||||
if(rv.sexEnum.name == 'Female'){
|
||||
rv.mannequinUrl = rv.femalePresignedUrl
|
||||
rv.mannequinType = rv.mannequinFemaleType
|
||||
rv.mannequinId = rv.mannequinFemaleId
|
||||
}else if(rv.sexEnum.name == 'Male'){
|
||||
rv.mannequinUrl = rv.malePresignedUrl
|
||||
rv.mannequinType = rv.mannequinMaleType
|
||||
rv.mannequinId = rv.mannequinMaleId
|
||||
}
|
||||
|
||||
_this.store.commit("setWorkspace", rv);
|
||||
}
|
||||
})
|
||||
_this.confirmDeletePic('',index,newData)
|
||||
},
|
||||
onCancel(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
beforeUpload(file:any,fileList:any){
|
||||
@@ -1291,7 +1316,6 @@ export default defineComponent({
|
||||
placementModal.showPlacementModal(data,this.sex)
|
||||
},
|
||||
setTextareaShow(){
|
||||
this.isTextarea = !this.isTextarea
|
||||
this.isTextarea = !this.isTextarea
|
||||
if(this.isTextarea){
|
||||
document.addEventListener('click',this.setTextareaShow)
|
||||
@@ -1364,10 +1388,9 @@ export default defineComponent({
|
||||
}
|
||||
file.categoryValue = category?.value;
|
||||
file.category = category?.name;
|
||||
let fileList = this.selectGenerateList.filter(
|
||||
(v: any) => v.status === "done"
|
||||
);
|
||||
this.selectGenerateList = fileList
|
||||
let paste = this.selectGenerateList.filter((v: any) => v.id === file.id);
|
||||
if(paste.length == 0)this.selectGenerateList.push(file);
|
||||
this.selectGenerateList = this.selectGenerateList.filter((v: any) => v.status === "done");
|
||||
}else{
|
||||
bor = false
|
||||
}
|
||||
@@ -1495,7 +1518,7 @@ export default defineComponent({
|
||||
collectionElementId:collectionElementId,
|
||||
level1Type:selectCodeStr,
|
||||
level2Type:level2Type,
|
||||
userId:(this?.userInfo as any).userId,
|
||||
userId:(this?.userDetail as any).userId,
|
||||
isTestUser:this.driver__.driver?false:this.isTest,
|
||||
text:sloganText,
|
||||
seed:this.searchPictureSeed,
|
||||
@@ -1521,14 +1544,14 @@ export default defineComponent({
|
||||
}else if(selectCodeStr == 'Sketchboard'){
|
||||
str = this.t('collectionModal.Sketchboard')
|
||||
}
|
||||
if(rv.leftUsageCount >= 1){
|
||||
message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:str}));
|
||||
}else if(rv.leftUsageCount == 0){
|
||||
message.warning(this.t('Generate.jsContent9',{str:str}));
|
||||
this.isGenerate[selectCodeStr] = false
|
||||
// this.isShowMark = false
|
||||
return
|
||||
}
|
||||
// if(rv.leftUsageCount >= 1){
|
||||
// message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:str}));
|
||||
// }else if(rv.leftUsageCount == 0){
|
||||
// message.warning(this.t('Generate.jsContent9',{str:str}));
|
||||
// this.isGenerate[selectCodeStr] = false
|
||||
// // this.isShowMark = false
|
||||
// return
|
||||
// }
|
||||
}
|
||||
this.setGenerate(selectCodeStr,rv.uniqueId)
|
||||
|
||||
@@ -1539,6 +1562,25 @@ export default defineComponent({
|
||||
this.isGenerate[selectCodeStr] = false
|
||||
clearInterval(this.remGenerateTime[selectCodeStr])
|
||||
this.remGenerate[selectCodeStr] = false
|
||||
if(res.errCode === 2){
|
||||
let this_ = this
|
||||
Modal.confirm({
|
||||
title: res.errMsg,
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
okText: 'Yes',
|
||||
cancelText: 'No',
|
||||
mask:false,
|
||||
zIndex:99999,
|
||||
centered:true,
|
||||
onOk() {
|
||||
let UpgradePlan:any = this_.$refs.UpgradePlan
|
||||
UpgradePlan.init()
|
||||
},
|
||||
onCancel(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
setGenerate(str:any,dataList:any){
|
||||
@@ -1607,7 +1649,7 @@ export default defineComponent({
|
||||
}
|
||||
let data = {
|
||||
uniqueId:str,
|
||||
userId:(this?.userInfo as any)?.userId,
|
||||
userId:(this?.userDetail as any)?.userId,
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
type: type
|
||||
}
|
||||
@@ -1670,11 +1712,38 @@ export default defineComponent({
|
||||
|
||||
|
||||
},
|
||||
scaleImage(index:any){
|
||||
scaleImage(index:any,list:any,str:any){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.scaleImageMask = true
|
||||
scaleImage.init(this.generateList[this.selectCode],index)
|
||||
str == 'library'?scaleImage.isLike = false:scaleImage.isLike = true
|
||||
scaleImage.init(list,index)
|
||||
},
|
||||
onPaste(e:any){
|
||||
if(e.clipboardData.items[0] && !this.isTextarea && this.selectCode !== 'Moodboard' && this.scene?.value != 'Slogan' && this.scene?.value != 'Logo'){
|
||||
let param = new FormData();
|
||||
param.append('inPin','0')
|
||||
param.append('gender',this.sex)
|
||||
param.append('level1Type',this.selectCode)
|
||||
param.append('timeZone',Intl.DateTimeFormat().resolvedOptions().timeZone)
|
||||
param.append('file',e.clipboardData.files[0]);
|
||||
let config:any = {headers:{'Content-Type':'multipart/form-data','Accept':'*/*' }}
|
||||
Https.axiosPost(Https.httpUrls.elementUpload, param, config).then((v)=>{
|
||||
let value = {data:v,errCode : 0}
|
||||
v.status = 'done'
|
||||
let data = {
|
||||
file:{
|
||||
status: 'done',
|
||||
xhr:{
|
||||
response:JSON.stringify(value)
|
||||
}
|
||||
}
|
||||
}
|
||||
this.generateFileUploadChange(data)
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
@@ -1686,9 +1755,12 @@ export default defineComponent({
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
padding: 0 9rem;
|
||||
padding: 0 6rem;
|
||||
// min-width: 1440px;
|
||||
position: relative;
|
||||
.mark_loading{
|
||||
position: absolute;
|
||||
}
|
||||
.page_content {
|
||||
position: relative;
|
||||
|
||||
@@ -1713,7 +1785,6 @@ export default defineComponent({
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
padding-top: 2rem;
|
||||
.printModel{
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
@@ -1721,29 +1792,27 @@ export default defineComponent({
|
||||
}
|
||||
.library_body_left{
|
||||
// width: 27.5rem;
|
||||
width: 36.5rem;
|
||||
// width: 36.5rem;
|
||||
width: 25rem;
|
||||
height: 100%;
|
||||
background: rgba(255,255,255,0.4);
|
||||
margin-right: 5rem;
|
||||
margin-right: 3rem;
|
||||
background: #f7f8fa;
|
||||
>div{
|
||||
background: #f7f8fa;
|
||||
border-radius: 2rem;
|
||||
overflow: hidden;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
.library_menu_list{
|
||||
padding-left: 2rem;
|
||||
.menu_item{
|
||||
width: 100%;
|
||||
height: 6.8rem;
|
||||
display: flex;
|
||||
font-weight: 900;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 1rem 0 2.5rem;
|
||||
padding: 1rem 3rem;
|
||||
border-left: 0.5rem solid transparent;
|
||||
// font-size: 1.6rem;
|
||||
font-size: var(--aida-fsize2);
|
||||
font-size: var(--aida-fsize1-8);
|
||||
color: #030303;
|
||||
cursor: pointer;
|
||||
transition: all .3s;
|
||||
@@ -1753,11 +1822,8 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
&.select_menu_item{
|
||||
background: #fff;
|
||||
border-radius: 2rem;
|
||||
transform: translateX(2rem);
|
||||
// background: #E6E6F6;
|
||||
// border-color: #343579;;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu_item_left{
|
||||
@@ -1768,7 +1834,6 @@ export default defineComponent({
|
||||
.fi{
|
||||
font-size: 2.2rem;
|
||||
display: flex;
|
||||
color: #030303;
|
||||
margin-right: 1.8rem;
|
||||
}
|
||||
}
|
||||
@@ -1786,7 +1851,6 @@ export default defineComponent({
|
||||
.library_body_right{
|
||||
width: calc(100% - 23.5rem);
|
||||
height: 100%;
|
||||
|
||||
.header_operate_item{
|
||||
margin-right: 5rem;
|
||||
color: #C2C2C2;
|
||||
@@ -1815,55 +1879,28 @@ export default defineComponent({
|
||||
cursor: pointer;
|
||||
}
|
||||
&:last-child{
|
||||
margin-right: 11rem;
|
||||
margin-right: 7rem;
|
||||
}
|
||||
}
|
||||
|
||||
.content_search_block{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 75rem;
|
||||
.search_input{
|
||||
height: 3rem;
|
||||
border-radius: 0.5rem;
|
||||
width: 20rem;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
padding-left: 1.5rem;
|
||||
border: 0.1rem solid #F1F1F1;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 400;
|
||||
margin-right: 2rem;
|
||||
&::placeholder {
|
||||
color: #C2C2C2;
|
||||
}
|
||||
// width: 85rem;
|
||||
margin-left: auto;
|
||||
|
||||
.generalModel_state_item,.gallery_btn{
|
||||
margin-right: 3rem;
|
||||
}
|
||||
|
||||
.search_cascader{
|
||||
// width: 53%;
|
||||
width: 38rem;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
.search_icon_block{
|
||||
width: 5.2rem;
|
||||
height: 2.8rem;
|
||||
line-height: 2.8rem;
|
||||
text-align: center;
|
||||
background: #343579;
|
||||
background-color: #39215b;
|
||||
cursor: pointer;
|
||||
border-radius: 2rem;
|
||||
margin-left: 3rem;
|
||||
.icon-sousuo{
|
||||
font-size: 1.6rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
width: 37rem;
|
||||
}
|
||||
.intersection{
|
||||
margin-left: 3rem;
|
||||
cursor: pointer;
|
||||
margin-right: 3rem;
|
||||
>div{
|
||||
font-size: 3rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1872,10 +1909,9 @@ export default defineComponent({
|
||||
display: flex;
|
||||
padding: 0 3.5rem 0 2.8rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,0.4);
|
||||
box-shadow: 0 0.2rem 0.8rem 0 rgba(238,238,244,0.25);
|
||||
|
||||
margin: 2rem 0;
|
||||
.library_header_left{
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
@@ -1883,30 +1919,15 @@ export default defineComponent({
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.librart_headr_right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.select_block{
|
||||
// background: #FFFFFF;
|
||||
color: #1A1A1A !important;
|
||||
.generalModel_state_item{
|
||||
margin-right: 2rem;
|
||||
.ant-select-selector{
|
||||
border: 2px solid !important;
|
||||
background: #fff;
|
||||
}
|
||||
.ant-select{
|
||||
.ant-select-arrow{
|
||||
.icon-xiala{
|
||||
margin-left: -2rem;
|
||||
zoom: .7;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon-xiala{
|
||||
color: #1A1A1A !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1915,28 +1936,28 @@ export default defineComponent({
|
||||
height:calc(100% - 8rem);
|
||||
padding: 0.1rem 0 0 0.3rem;
|
||||
box-sizing: border-box;
|
||||
|
||||
.right_content_body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #f6f5fa;
|
||||
padding: 0 2rem 5rem 1rem;
|
||||
padding: 2rem 4rem;
|
||||
border-radius: 2rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.content_body_header{
|
||||
height: 10rem;
|
||||
// height: 10rem;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
// padding: 2rem 0 2rem 3rem;
|
||||
padding-left: 3rem;
|
||||
box-sizing: content-box;
|
||||
justify-content: space-between;
|
||||
.content_body_header_left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.content_body_header_right{
|
||||
display: flex;
|
||||
@@ -1990,10 +2011,11 @@ export default defineComponent({
|
||||
padding-bottom: 0;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
width: 55rem;
|
||||
--width:65%;
|
||||
.input_box_btnBox{
|
||||
background: #fff;
|
||||
align-items: center;
|
||||
width:65%;
|
||||
padding: 2rem;
|
||||
.search_input{
|
||||
height: 3rem;
|
||||
}
|
||||
@@ -2013,6 +2035,7 @@ export default defineComponent({
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
position: relative;
|
||||
&.content_body_table::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@@ -2072,12 +2095,15 @@ export default defineComponent({
|
||||
|
||||
.img_operate_content{
|
||||
position: absolute;
|
||||
right: 0.6rem;
|
||||
top: 0.6rem;
|
||||
&.left{
|
||||
left: 0.6rem;
|
||||
right: auto;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
max-width: 90%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
>div{
|
||||
margin-bottom: .5rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
.img_operate_block{
|
||||
@@ -2175,37 +2201,6 @@ export default defineComponent({
|
||||
color:#adabb9
|
||||
}
|
||||
}
|
||||
.select_block{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 1.8rem;
|
||||
color:#adabb9;
|
||||
font-weight: 300;
|
||||
.ant-select{
|
||||
border-radius: 4px;
|
||||
width: 48%;
|
||||
border: 0.1rem solid #d9d9d9 !important;
|
||||
.ant-select-arrow{
|
||||
.icon-xiala{
|
||||
margin-left: -0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-select-selection-item{
|
||||
color:#262626;
|
||||
font-weight: 300;
|
||||
}
|
||||
.ant-select-selector{
|
||||
margin-left: 0rem;
|
||||
color:#adabb9;
|
||||
width: 100%;
|
||||
padding-left: 2.1rem;
|
||||
}
|
||||
.icon-xiala{
|
||||
color: #adabb9 !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rename_button_list{
|
||||
@@ -2234,31 +2229,7 @@ export default defineComponent({
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
.el-cascader{
|
||||
.el-input--suffix{
|
||||
--el-input-hover-border-color: #d9d9d9;
|
||||
// border: .1rem solid #d9d9d9;
|
||||
}
|
||||
height: 4.6rem;
|
||||
.el-tag__content{
|
||||
line-height: 2.5;
|
||||
.el-cascader__tags{
|
||||
|
||||
}
|
||||
}
|
||||
.el-input__wrapper{
|
||||
padding-left: 0;
|
||||
}
|
||||
.el-cascader__search-input,.el-input__inner{
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 4.6rem;
|
||||
padding-left: 2.1rem;
|
||||
line-height: 4.6rem;
|
||||
font-size: 1.8rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user