销售首页列表

src/assets/styles/common.css

@@ -19,6 +19,9 @@ page {
 	src: url("https://im.oytour.com/tripfont/PingFangR.ttf") format("truetype");
 	font-display: swap;
 }
+.block{
+	display: block;
+}
 .relative{
 	position: relative;
 }
@@ -69,6 +72,9 @@ page {
 	color: #1F2429;
 	/* padding-top:constant(safe-area-inset-top); */
 }
+.text-5B5D62{
+	color: #5B5D62;
+}
 .bg-default{
 	background-color: #F7F8FA;
 }
@@ -111,6 +117,9 @@ page {
 .bg-white{
 	background-color: #FFF;
 }
+.just-safe{
+	justify-content:left ;
+}
 .just-center{
 	justify-content:center;
 }
@@ -118,6 +127,9 @@ page {
 	display:flex;
 	
 }
+.text-left{
+	text-align: left;
+}
 .text-center{
 	text-align: center;
 }
@@ -210,6 +222,9 @@ page {
 	left: 0;
 	top: 0;
 }
+.q-pt-sm{
+	padding-top: 12px;
+}
 .q-pb-md{
 	padding-bottom: 10px;
 }
@@ -238,6 +253,9 @@ page {
 .q-pa-md{
 	padding:10px;
 }
+.q-mb-sm{
+	margin-bottom:5px
+}
 .q-mb-md{
 	margin-bottom:10px
 }

src/plugins/icon.ts

@@ -126,7 +126,9 @@ import {
   Earth,
   RotationHorizontal,
   RotationVertical,
-  AssemblyLine
+  AssemblyLine,
+  More,
+  Setting,
 } from '@icon-park/vue-next'
 
 export interface Icons {
@@ -257,7 +259,9 @@ export const icons: Icons = {
   IconEarth: Earth,
   IconRotationHorizontal: RotationHorizontal,
   IconRotationVertical: RotationVertical,
-  IconAssemblyLine: AssemblyLine
+  IconAssemblyLine: AssemblyLine,
+  IconMore: More,
+  IconSetting: Setting,
 }
 
 export default {

src/utils/common.ts

+import { number } from '@amcharts/amcharts4/core'
 import { padStart } from 'lodash'
 
 /**
@@ -49,3 +50,12 @@ export const getHtmlPlainText = (html_str:string) => {
     return ''
   }
 }
+
+export const recentTime = (date1:string, date2:string) => {
+  const oneDay = 24 * 60 * 60 * 1000; // 一天的毫秒数
+  const firstDate = new Date(date1); // 第一个日期对象
+  const secondDate = new Date(date2); // 第二个日期对象
+  // const diffDays = Math.round(Math.abs((firstDate - secondDate) / oneDay)); // 差异天数的绝对值，取整
+
+  // return diffDays;
+}
\ No newline at end of file

src/views/SellTemplate/Workspace.vue

@@ -54,8 +54,8 @@
                         </el-button>
                         <template #dropdown>
                             <el-dropdown-menu>
-                            <el-dropdown-item>创建行程</el-dropdown-item>
-                            <el-dropdown-item>创建广告图</el-dropdown-item>
+                            <el-dropdown-item @click="searchData.TemplateType=1,sellAdd(1)">创建行程</el-dropdown-item>
+                            <el-dropdown-item @click="searchData.TemplateType=2,sellAdd(3)">创建广告图</el-dropdown-item>
                             </el-dropdown-menu>
                         </template>
                     </el-dropdown>
@@ -85,14 +85,36 @@
 <script setup lang="ts">
 import { userStore } from '@/store/user';
 import { storeToRefs } from 'pinia';
-import { ref } from 'vue';
+import { ref,reactive,provide,inject } 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';
 
+import { injectKeyTemplate } from '@/types/injectKey'
+import { useSellTemplateStore, useScreenStore, useSlidesStore } from '@/store'
+
 const {userInfo} = storeToRefs(userStore())
 const currentMenu = ref<number>(0)
 
+const datas = reactive({
+    SellDatas:{
+        currentMenu: 3,
+    }
+})
+provide('SellDatas',datas.SellDatas)
+
+const searchData = ref({} as any)
+searchData.value = inject(injectKeyTemplate)
+const SalesEditorStore = useSellTemplateStore()
+const marketStore = useScreenStore()
+
+const sellAdd = (type:number) =>{
+    searchData.value.sellId = 0
+    searchData.value.sellTempId = 0
+    SalesEditorStore.setSalesEditor(type)
+    marketStore.setMarket(true)
+}
+
 const setCurrentMenuHandler=(i:number)=>{
     currentMenu.value=i
 }