需求列表完善

components.d.ts

@@ -8,34 +8,30 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     Breadcrumb: typeof import('./src/components/Breadcrumb/index.vue')['default']
-    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
-    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElCascader: typeof import('element-plus/es')['ElCascader']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
-    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
     EquipCard: typeof import('./src/components/equipCard.vue')['default']
     EquipCardHall: typeof import('./src/components/equipCardHall/index.vue')['default']
     EquipCardNew: typeof import('./src/components/equipCardNew/index.vue')['default']

src/views/user/index.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-    import { useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
-    import { useStore } from '../../store/user'
+import { useStore } from '../../store/user'
-    import { mainStore } from '../../store/main'
+import { mainStore } from '../../store/main'
-    import { useRoute } from 'vue-router'
+import { useRoute } from 'vue-router'
 
-    const spaceTop = ref('')
+const spaceTop = ref('')
-    const store = useStore()
+const store = useStore()
-    const router = useRouter()
+const router = useRouter()
-    const route = useRoute()
+const route = useRoute()
 
-    const userInfo: any = computed(() => {
+const userInfo: any = computed(() => {
     return mainStore().userInfo
-    })
+})
 
-    // 求租按钮
+// 求租按钮
-    const seekingRentClick = () => {
+const seekingRentClick = () => {
     store.editcurrentMenuItem('baseInfo')
     store.editCurrentMenuType(true)
     store.editcurrentMenuList([
@@ -22,13 +22,13 @@
         { title: '订单管理', name: 'orderManagement' },
         { title: '子账号管理', name: 'subAccount' },
         { title: '业务开通', name: 'business' },
-            { title: '寻源需求', name: 'sourcingNeed' }
+        { title: '寻源需求', name: 'sourcingNeed' },
     ])
     router.push({ name: 'baseInfo' })
-    }
+}
 
-    // 承租按钮
+// 承租按钮
-    const lesseeClick = () => {
+const lesseeClick = () => {
     store.editcurrentMenuItem('orderManagementCz')
     store.editCurrentMenuType(false)
     store.editcurrentMenuList([
@@ -37,27 +37,27 @@
         { title: '商品上下架', name: 'goodsUpdown' },
         { title: '机手管理', name: 'operatorManagement' },
         { title: '寻源竞价', name: 'sourcingBidding' },
-            { title: '专区管理', name: 'zoneManag' }
+        { title: '专区管理', name: 'zoneManag' },
     ])
     router.push({ name: 'orderManagementCz' })
-    }
+}
 
-    const handleSelect = (name: any, path: any) => {
+const handleSelect = (name: any, path: any) => {
     store.editcurrentMenuItem(name)
-    }
+}
-    const activeMenuItem = computed(() => {
+const activeMenuItem = computed(() => {
     return store.currentMenuItem
-    })
+})
 
-    const activeseekingRent = computed(() => {
+const activeseekingRent = computed(() => {
     return store.currentMenuType
-    })
+})
 
-    const menuList = computed(() => {
+const menuList = computed(() => {
     return store.menuList
-    })
+})
 
-    watch(route, (newVlaue) => {
+watch(route, (newVlaue) => {
     if (newVlaue.path.indexOf('myuser') === -1) {
         store.editcurrentMenuItem('baseInfo')
         store.editCurrentMenuType(true)
@@ -65,17 +65,17 @@
             { title: '基础信息', name: 'baseInfo' },
             { title: '订单管理', name: 'orderManagement' },
             { title: '子账号管理', name: 'subAccount' },
-                { title: '业务开通', name: 'business' }
+            { title: '业务开通', name: 'business' },
         ])
     }
-    })
+})
 
-    onMounted(() => {
+onMounted(() => {
     let divElement: any = document.getElementById('user-container')
     let rect = divElement.getBoundingClientRect()
     let top = rect.top + 20 + 'px'
     spaceTop.value = top
-    })
+})
 </script>
 
 <template>
@@ -88,16 +88,17 @@
                 <img
                     v-else
                     src="https://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/2023/12/09/815629f192564db98ac55a643b46f853gouwu.png"
-                    alt="" />
+                    alt=""
+                />
                 <span>{{ userInfo.phonenumber || '' }}</span>
             </div>
 
             <div class="btn-box">
                 <span @click="seekingRentClick">
-                    <a :class="activeseekingRent ? 'active' : ''">求租</a>
+                    <a :class="activeseekingRent ? 'active' : ''">承租</a>
                 </span>
                 <span @click="lesseeClick">
-                    <a :class="!activeseekingRent ? 'active' : ''">承租</a>
+                    <a :class="!activeseekingRent ? 'active' : ''">出租</a>
                 </span>
             </div>
 
@@ -105,7 +106,8 @@
                 :default-active="activeMenuItem"
                 class="el-menu-vertical-demo"
                 router
-                @select="handleSelect">
+                @select="handleSelect"
+            >
                 <el-menu-item v-for="(item, index) in menuList" :key="index" :index="item.name">
                     {{ item.title }}
                 </el-menu-item>
@@ -118,7 +120,7 @@
 </template>
 
 <style lang="scss">
-    .app-container {
+.app-container {
     background-color: #fff;
     display: flex;
     justify-content: space-between;
@@ -173,5 +175,5 @@
         border-bottom: 2px solid #2282ff;
         font-weight: bold;
     }
-    }
+}
 </style>

src/views/user/sourcingNeed/index.vue

@@ -1,30 +1,26 @@
-<script setup lang="ts"></script>
-
 <template>
     <!-- 寻源需求 -->
-    <el-form :inline="true" size="small" label-width="auto">
+    <el-form :inline="true" size="default" label-width="auto">
-        <el-form-item label="寻源单编码：">
+        <el-form-item>
-            <el-input />
+            <el-input placeholder="请输入需求名称" />
         </el-form-item>
-        <el-form-item label="寻源单标题：">
+        <el-form-item>
-            <el-input />
+            <el-input placeholder="请输入需求编号" />
         </el-form-item>
-        <el-form-item label="寻源模板：">
+        <el-form-item>
-            <el-input />
+            <el-input placeholder="需求状态" />
         </el-form-item>
-        <el-form-item label="外部单号：">
+        <el-form-item>
-            <el-input />
+            <el-input placeholder="截止日期" />
         </el-form-item>
-        <el-form-item label="寻源类别：">
+        <el-form-item>
-            <el-input />
+            <el-input placeholder="发布时间" />
         </el-form-item>
-        <el-form-item label="状态：">
+
-            <el-input />
+        <el-form-item>
-        </el-form-item>
-        <el-form-item label="寻源单编码：">
             <el-button>查询</el-button>
             <el-button>重置</el-button>
-            <el-button>寻源新增</el-button>
+            <el-button style="background-color: #17907f; color: #fff">需求新建</el-button>
         </el-form-item>
     </el-form>
 
@@ -32,10 +28,11 @@
     <el-table
         show-overflow-tooltip
         :header-cell-style="{
-            background: '#3E98FF',
+            background: '#17907f',
-            color: '#fff'
+            color: '#fff',
-        }">
+        }"
-        <el-table-column align="center" label="序号" type="index" />
+    >
+        <el-table-column align="center" label="序号" type="index" width="80" />
         <el-table-column align="center" label="寻源单编码" />
         <el-table-column align="center" label="外部单号" />
         <el-table-column align="center" label="寻源单标题" />
@@ -45,4 +42,4 @@
     </el-table>
 </template>
 
-<style></style>
+<script setup lang="ts"></script>