Skip to content

P
pptist
Commit 9dd7ac37 authored by 罗超's avatar 罗超
Browse files
Options

销售首页变更

parent b41a3e46
Hide whitespace changes
Inline Side-by-side
Showing with 284 additions and 1 deletion
components.d.ts
View file @ 9dd7ac37
...@@ -21,6 +21,7 @@ declare module 'vue' { ...@@ -21,6 +21,7 @@ declare module 'vue' {
Drawer: typeof import('./src/components/Drawer.vue')['default'] Drawer: typeof import('./src/components/Drawer.vue')['default']
EditableInput: typeof import('./src/components/ColorPicker/EditableInput.vue')['default'] EditableInput: typeof import('./src/components/ColorPicker/EditableInput.vue')['default']
ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete'] ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElButton: typeof import('element-plus/es')['ElButton'] ElButton: typeof import('element-plus/es')['ElButton']
ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup'] ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
......
src/App.vue
View file @ 9dd7ac37
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<!-- <Screen v-if="screening" /> --> <!-- <Screen v-if="screening" /> -->
<PreviewCustomSlider v-if="model==448963"></PreviewCustomSlider> <PreviewCustomSlider v-if="model==448963"></PreviewCustomSlider>
<Market v-else-if="(market&&model!=2)||(market&&SalesEditor>0)"></Market> <Market v-else-if="(market&&model!=2)||(market&&SalesEditor>0)"></Market>
<SellTemplate v-else-if="model==2&&SalesEditor==0"/> <Workspace v-else-if="model==2&&SalesEditor==0"/>
<Editor v-else-if="_isPC" /> <Editor v-else-if="_isPC" />
<Mobile v-else /> <Mobile v-else />
</div> </div>
...@@ -33,6 +33,7 @@ import Mobile from './views/Mobile/index.vue' ...@@ -33,6 +33,7 @@ import Mobile from './views/Mobile/index.vue'
import Market from './views/Market/Index.vue' import Market from './views/Market/Index.vue'
import PreviewCustomSlider from './views/Preview/PreviewCustomSlider.vue' import PreviewCustomSlider from './views/Preview/PreviewCustomSlider.vue'
import SellTemplate from './views/SellTemplate/index.vue' import SellTemplate from './views/SellTemplate/index.vue'
import Workspace from './views/SellTemplate/Workspace.vue'
import { ElMessage, ElMessageBox } from 'element-plus' import { ElMessage, ElMessageBox } from 'element-plus'
const searchData = ref({} as any) const searchData = ref({} as any)
provide(injectKeyTemplate,searchData) provide(injectKeyTemplate,searchData)
......
src/views/SellTemplate/Workspace.vue 0 → 100644
View file @ 9dd7ac37
<template>
<div class="workspace column">
<div class="row q-pt-md q-px-md items-center">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1708239425000_437.png" style="height: 30px;" />
<div class="col text-center">
<SearchDocument></SearchDocument>
</div>
<div class="user">
<el-avatar :size="30" :src="userInfo.Icon" v-if="userInfo.Icon"/>
<el-avatar :size="30" v-else> {{ userInfo.EmName[0] }} </el-avatar>
</div>
</div>
<div class="col row">
<div class="q-ml-md">
<el-tooltip effect="dark" content="我的设计空间" placement="right">
<div class="left-button active">
<span class="svg-icon svg-icon-primary svg-icon-2x">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<path d="M12.7037037,14 L15.6666667,10 L13.4444444,10 L13.4444444,6 L9,12 L11.2222222,12 L11.2222222,14 L6,14 C5.44771525,14 5,13.5522847 5,13 L5,3 C5,2.44771525 5.44771525,2 6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,13 C19,13.5522847 18.5522847,14 18,14 L12.7037037,14 Z" fill="#0b40fe" opacity="0.3"/>
<path d="M9.80428954,10.9142091 L9,12 L11.2222222,12 L11.2222222,16 L15.6666667,10 L15.4615385,10 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 L9.80428954,10.9142091 Z" fill="#0b40fe"/>
</g>
</svg>
</span>
</div>
</el-tooltip>
<el-tooltip effect="dark" content="模板广场" placement="right">
<div class="left-button q-mt-md">
<span class="svg-icon svg-icon-primary svg-icon-2x">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<circle fill="#d14424" opacity="0.3" cx="15" cy="17" r="5"/>
<circle fill="#d14424" opacity="0.3" cx="9" cy="17" r="5"/>
<circle fill="#d14424" opacity="0.3" cx="7" cy="11" r="5"/>
<circle fill="#d14424" opacity="0.3" cx="17" cy="11" r="5"/>
<circle fill="#d14424" opacity="0.3" cx="12" cy="7" r="5"/>
</g>
</svg>
</span>
</div>
</el-tooltip>
</div>
<div class="q-mx-md col bg-white right-box row">
<div class="q-pa-md" style="border-right: 1px solid #ddd;">
<el-dropdown >
<el-button type="primary">
<div class="row items-center" style="width:188px;">
<el-icon :size="16" color="#FFF" style="margin-left: 50px;"><Plus/></el-icon>
<span class="col" style="margin-top: 2px; text-align: left;">新建</span>
<el-icon :size="16" color="#FFF"><ArrowDown /></el-icon>
</div>
</el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>创建行程</el-dropdown-item>
<el-dropdown-item>创建广告图</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<div class="tabs-items">
<div class="item" :class="{'active':currentMenu==0}" @click="setCurrentMenuHandler(0)"><el-icon color="#de6949" class="q-mr-md" size="16"><Clock /></el-icon>最近</div>
<div class="item" :class="{'active':currentMenu==1}" @click="setCurrentMenuHandler(1)"><el-icon color="#de6949" class="q-mr-md" size="16"><Star /></el-icon>星标</div>
<div class="item" :class="{'active':currentMenu==2}" @click="setCurrentMenuHandler(2)"><el-icon color="#de6949" class="q-mr-md" size="16"><Share /></el-icon>共享</div>
</div>
<div class="tabs-items">
<div class="q-mb-md q-ml-lg text-small">我的设计文档</div>
<div class="item" :class="{'active':currentMenu==3}" @click="setCurrentMenuHandler(3)"><el-icon color="#de6949" class="q-mr-md" size="16"><Management /></el-icon>行程文档</div>
<div class="item" :class="{'active':currentMenu==4}" @click="setCurrentMenuHandler(4)"><el-icon color="#de6949" class="q-mr-md" size="16"><Picture /></el-icon>广告图</div>
</div>
<div class="tabs-items">
<div class="item" :class="{'active':currentMenu==-1}" @click="setCurrentMenuHandler(-1)"><el-icon color="#de6949" class="q-mr-md" size="16"><Delete /></el-icon>回收站</div>
</div>
</div>
<div class="col">
<Example></Example>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { userStore } from '@/store/user';
import { storeToRefs } from 'pinia';
import { ref } from 'vue';
import SearchDocument from './components/SearchDocument.vue'
import Example from './components/Example.vue'
import { Plus,ArrowDown,Clock,Star,Share,Picture,Management,Delete } from '@element-plus/icons-vue';
const {userInfo} = storeToRefs(userStore())
const currentMenu = ref<number>(0)
const setCurrentMenuHandler=(i:number)=>{
currentMenu.value=i
}
</script>
<style scoped>
@font-face {
font-family: "logoFont";
font-weight: 400;
src: url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/uXkHxvj3C7Pm.woff2") format("woff2");
font-display: swap;
}
.workspace{
width: 100vw;
height: 100vh;
background: #e7edf1;
}
.logoFont{
font-family: 'logoFont';
font-size: 28px;
}
.left-button{
width: 50px;
height: 50px;
padding: 14px;
border-radius: 8px;
cursor: pointer;
}
.left-button:hover{
background: rgba(0,0,0,.05);
}
.left-button.active{
background: #FFF !important;
}
.right-box{
border:1px solid #ddd;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.tabs-items{
margin-top: 30px;
}
.tabs-items .item{
border-radius: 6px;
padding: 10px 25px;
font-size: 13px;
margin-bottom: 5px;
cursor: pointer;
color:#000;
display: flex;
align-items: center;
font-family: microsoft yahei;
}
.tabs-items .item.active{
color:var(--el-color-primary);
background-color: #de694933 !important;
cursor: default;
}
.tabs-items .item:hover{
background-color: #eee;
}
</style>
\ No newline at end of file
src/views/SellTemplate/components/Example.vue 0 → 100644
View file @ 9dd7ac37
<template>
<el-scrollbar height="100%" class="q-px-md">
<pre class="q-pa-md" style="width:1000px;">
storeToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefsstoreToRefs
sdfsdf
sdfsdfs
563435
535635
sdfsdf
1
1
2
3
4
5
storeToRefs
sdfsdf
sdfsdfs
563435
535635
sdfsdf
1
1
2
3
4
5
storeToRefs
sdfsdf
sdfsdfs
563435
535635
sdfsdf
1
1
2
3
4
5
</pre>
</el-scrollbar>
</template>
<script setup lang="ts">
</script>
\ No newline at end of file
src/views/SellTemplate/components/SearchDocument.vue 0 → 100644
View file @ 9dd7ac37
<template>
<div class="q-pa-md rounded" style="display: inline-block;" :class="{'search-range-box':isSearchFocus}">
<el-input size="large" @focus="()=>isSearchFocus=true" @blur="()=>isSearchFocus=false" v-model="searchKey" placeholder="搜索行程，广告，分享文件" style="width: 38vw;">
<template #prefix>
<el-icon><Search style="color:var(--el-color-primary);"/></el-icon>
</template>
</el-input>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { Search } from '@element-plus/icons-vue';
const searchKey = ref<string>('')
const isSearchFocus = ref(false)
</script>
<style>
.search-range-box{
background-color: #FFF;
box-shadow: 0px 0px 20px 0px rgba(76,87,125,0.2)!important;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment