feat:部门选择

pages/index/me-popup.vue

@@ -1,14 +1,19 @@
 <template>
   <u-popup :show="show" mode="right" @close="close" @open="open" closeable>
-    <view style="width: 50vw" class="p20">
+    <view class="p20 cell-content">
       <scroll-view scroll-y="true">
         <view class="x-f pb20 pt20">
           <u-avatar src=""></u-avatar>
-          <view class="pl20">您好！{{ userInfo.nickname }}</view>
+          <view>
+            <view class="pl20">您好！{{ userInfo.nickname }}</view>
+            <view class="pl20">{{ deptName }}</view>
+          </view>
         </view>
 
         <u-cell-group>
+          <u-cell icon="grid-fill" title="公司部门选择" :is-link="true" @click="handleSelectCompany" />
           <u-cell icon="grid-fill" title="模块选择" :is-link="true" @click="handleTo('/pages/index/index')" />
+
           <u-cell icon="order" title="打印设置" :isLink="true" @click="handleTo('/pages/setting/print')"></u-cell>
           <u-cell icon="info-circle-fill" title="关于我们" :is-link="true" @click="handleTo('/pages/me/aboutMe')" />
         </u-cell-group>
@@ -28,11 +33,14 @@
       @cancel="modalShow = false"
     />
   </u-popup>
+  <company-dept-dialog />
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
+import { storeToRefs } from 'pinia'
 import nx from '@/nx'
+import { VISIT_COMPANY_STORAGE_KEY, VISIT_DEPT_STORAGE_KEY } from '@/nx/config'
 
 // Props & Emits
 const props = defineProps({
@@ -46,15 +54,40 @@ const emit = defineEmits(['update:show', 'open', 'close'])
 
 // 响应式数据
 const modalShow = ref(false)
-
+const dialogStore = nx.$store('company-dept')
+const { companyList, selectedCompanyId, selectedDeptId } = storeToRefs(dialogStore)
 // 计算属性
 const userInfo = computed(() => nx.$store('user').userInfo)
+const deptName = computed(() => {
+  const selectedCompany = companyList.value.find(company => company.companyId === selectedCompanyId.value)
+  const selectedDept = selectedCompany?.depts.find(dept => dept.deptId === selectedDeptId.value)
+  return selectedDept?.deptName || ''
+})
 
 // 方法
 const handleTo = url => {
   nx.$router.go(url)
 }
 
+const handleSelectCompany = () => {
+  dialogStore.open({
+    companyList: companyList.value,
+    defaultCompanyId: selectedCompanyId.value,
+    defaultDeptId: selectedDeptId.value,
+    onConfirm: ({ companyId, deptId }) => {
+      const selectedCompany = companyList.value.find(company => company.companyId === selectedCompanyId.value)
+      const selectedDept = selectedCompany?.depts.find(dept => dept.deptId === selectedDeptId.value)
+      uni.setStorageSync(VISIT_COMPANY_STORAGE_KEY, {
+        id: companyId,
+        name: selectedCompany?.companyName || ''
+      })
+      uni.setStorageSync(VISIT_DEPT_STORAGE_KEY, {
+        id: deptId,
+        name: selectedDept?.deptName || ''
+      })
+    }
+  })
+}
 const handleLoginOut = () => {
   modalShow.value = true
 }
@@ -77,6 +110,18 @@ const close = () => {
   emit('close')
   emit('update:show', false)
 }
+onMounted(async () => {
+  await nx.$api.assayTask.getAssayTaskPage()
+})
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.cell-content {
+  width: 50vw;
+}
+@media (max-width: 700px) {
+  .cell-content {
+    width: 70vw;
+  }
+}
+</style>