工作台

src/router/router.ts

@@ -390,6 +390,13 @@ const routes: RouteRecordRaw[] = [
       },
     ]
   },
+  {
+    path: '/w',
+    component: () => import('@/views/Workbench/Index.vue'),
+    meta:{
+      title:'工作台'
+    },
+  },
   {
     path: '/p/show',
     component: () => import('@/views/Product/Show.vue'),

src/types/injectKey.ts

@@ -30,6 +30,9 @@ export type RecycleBinDelete = Ref<{
   RecycleBinList:Array<any>,
   RecoveryManage:boolean,
 }>
+export type publicKey = Ref<{
+  [key: string]: any;
+}>
 export type OperaKey = Ref<number>
 export const injectKeySlideScale: InjectionKey<SlideScale> = Symbol()
 export const injectKeySlideId: InjectionKey<SlideId> = Symbol()
@@ -37,4 +40,5 @@ export const injectKeyRadioGroupValue: InjectionKey<RadioGroupValue> = Symbol()
 export const injectKeyDataSource: InjectionKey<SlideDataSource> = Symbol()
 export const injectKeyTemplate: InjectionKey<SlideDataSource> = Symbol()
 export const injectKeyMapOperaIndex: InjectionKey<OperaKey> = Symbol()
-export const injectKeyRecycleBin: InjectionKey<RecycleBinDelete> = Symbol()
\ No newline at end of file
+export const injectKeyRecycleBin: InjectionKey<RecycleBinDelete> = Symbol()
+export const injectKeyPublic: InjectionKey<publicKey> = Symbol()
\ No newline at end of file

src/views/Index.vue

@@ -111,6 +111,11 @@
                 <IconStarOne size="24" theme="filled" style="color:#564bec4d"></IconStarOne>
               </div>
             </el-tooltip>
+            <el-tooltip effect="dark" content="工作台">
+              <div class="left-button q-mt-md"  @click="redicetTo('/w')">
+                <el-icon size="24" theme="filled" style="color:#564bec4d"><Platform /></el-icon>
+              </div>
+            </el-tooltip>
           </div>
 
           <el-popover placement="right" ref="popoverRef" trigger="click" width="320">
@@ -199,7 +204,7 @@ import { storeToRefs } from "pinia";
 import SearchDocument from "@/views/SellTemplate/components/SearchDocument.vue";
 import UserCard from "@/components/User/UserCard.vue";
 import CreateEnterprise from '@/views/components/Order/CreateEnterprise.vue'
-import { Plus, Setting } from "@element-plus/icons-vue";
+import { Plus, Setting, Platform } from "@element-plus/icons-vue";
 import { openNewBlank } from "@/utils/common";
 import { useSellTemplateStore } from "@/store";
 import { useRouter } from "vue-router";

src/views/Workbench/components/NewProject.vue

+<template>
+    <el-form :model="form" :rules="rules" ref="ruleFormRef" class="NewProjectForm">
+        <div class="fz16 text-weight-bold microsoft q-mb-md">项目标题：</div>
+        <el-form-item label="" prop="Name">
+            <el-input v-model="form.Name" autocomplete="off" />
+        </el-form-item>
+    </el-form>
+    <div class="column q-pt-lg">
+        <div class="row">
+            <el-button class="col" type="info" plain size="large">记录项目需求</el-button>
+        </div>
+        <div class="row q-pt-sm">
+          <el-button class="col" size="large">规划行程路线</el-button>  
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { ElMessage, FormInstance, FormRules } from 'element-plus';
+    import { ref, reactive, watch, inject, onMounted } from "vue";
+    import { injectKeyPublic } from '@/types/injectKey';
+
+    const WorkProject = ref({} as any)
+    WorkProject.value = inject(injectKeyPublic)
+
+    const props = defineProps({
+        addDialogFormVisible: {
+            type: Boolean,
+            default: false,
+        },
+    })
+
+    const ruleFormRef = ref<FormInstance>()
+    const rules = reactive<FormRules<RuleForm>>({
+        Name: [
+            { required: true, message: '请输入项目标题', trigger: 'blur' },
+            { min: 1, max: 500, message: '', trigger: 'blur' },
+        ]
+    })
+    const form = ref({} as any)
+    WorkProject.value.form = {
+        Name: ''
+    }
+    form.value = WorkProject.value.form
+    const close = () => {
+
+    }
+    const closed = () => {
+        
+    }
+    watch(()=>form.value,(o,n)=>{
+        WorkProject.value.form = form.value
+    })
+    watch(()=>props.addDialogFormVisible,(o,n)=>{
+        ruleFormRef.value.clearValidate()
+        ruleFormRef.value.resetFields()
+   })
+    onMounted(()=>{
+        
+    })
+</script>
+<style lang="scss" scoped>
+.NewProjectForm::v-deep(.el-input__wrapper){
+    box-shadow: 0 0 0 0px var(--el-input-border-color,var(--el-border-color)) inset;
+    border-radius: 0;
+    border: 1px solid #fff;
+    border-bottom-color: #e8eaec;
+}
+.NewProjectForm::v-deep(.el-input__wrapper:hover){
+    border-bottom-color: $themeColor; 
+    box-shadow: 0 0 0 0px var(--el-input-border-color,var(--el-border-color)) inset !important;
+}
+::v-deep(.el-form-item.is-error .el-input__wrapper.is-focus){
+    box-shadow: 0 0 0 0px var(--el-input-border-color,var(--el-border-color)) inset !important;
+}
+
+</style>
\ No newline at end of file