feat:样品库管理

pages/sampleWarehouse/index/index.vue

@@ -0,0 +1,89 @@
+<template>
+  <view>
+    <navbar-back
+      title="样品库管理"
+      titleWidth="800"
+      :autoBack="false"
+      leftIcon=""
+      :leftText="`您好！${userInfo.nickname}`"
+    >
+      <u-icon @click="popupShow = true" size="28" color="#FFF" name="setting-fill" />
+    </navbar-back>
+
+    <up-grid :col="gridCol" :border="false">
+      <up-grid-item class="mb20 mt20" v-for="item in menuItemList" :key="item.url" @click="goTo(item.url)">
+        <u-icon :name="item.otherConf.icon" color="#0055A2" size="80" />
+        <view class="grid-text">{{ item.name }}</view>
+      </up-grid-item>
+    </up-grid>
+
+    <mePopup :show="popupShow" @update:show="val => (popupShow = val)" />
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import nx from '@/nx'
+import { onLoad, onShow } from '@dcloudio/uni-app'
+import { useGridCol } from '@/nx/hooks/useGridCol'
+import mePopup from '@/pages/index/me-popup.vue'
+
+// 响应式数据
+const popupShow = ref(false)
+
+const menuItemList = ref([
+  {
+    url: '/pages/sampleWarehouse/sampleSearch/index',
+    otherConf: { icon: '/static/images/menus/records.png' },
+    name: '样品查询'
+  },
+  {
+    url: '/pages/sampleWarehouse/returnToStock/index',
+    otherConf: { icon: '/static/images/menus/returnToStock.png' },
+    name: '样品归库'
+  },
+  {
+    url: '/pages/sampleWarehouse/execChangeLocation/index',
+    otherConf: { icon: '/static/images/menus/execChangeLocation.png' },
+    name: '库位变更'
+  }
+])
+
+// 计算属性
+const userInfo = computed(() => nx.$store('user').userInfo)
+
+// 方法
+const goTo = url => {
+  nx.$router.go(url)
+}
+onShow(() => {
+  //连接打印服务
+  let printList = uni.getStorageSync('KEY_PRINT_LIST')
+  if (printList && printList.length > 0) {
+    for (let print of printList) {
+      nx.$print.open(print.printIp, print.printPort)
+    }
+  } else {
+    uni.showModal({
+      title: '提示',
+      showCancel: false,
+      content: '打印服务未配置，请在系统设置中配置打印服务',
+      success: function (res) {
+        uni.navigateTo({
+          url: '/pages/setting/print'
+        })
+      }
+    })
+  }
+})
+// 生命周期
+onMounted(() => {})
+// 动态设置 grid 列数
+const { gridCol } = useGridCol([400], [2, 3])
+</script>
+
+<style scoped lang="scss">
+.grid-text {
+  font-size: 24px;
+}
+</style>

pages/sampleWarehouse/sampleSearch/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <view class="p4 pt8">
+    <navbar-back title="样品查询"></navbar-back>
+    <up-input
+      v-model="sampleCode"
+      placeholder="请扫描或者输入样品编号"
+      prefixIcon="scan"
+      fontSize="16"
+      prefixIconStyle="font-size: 30px;"
+    >
+      <template #suffix>
+        <!-- <up-button type="primary" text="查询" icon="search"></up-button> -->
+        <!-- <up-icon size="20" name="search" @click="handleSearch"></up-icon> -->
+      </template>
+    </up-input>
+
+    <uni-section type="line" title="样品详情">
+      <uni-card>
+        <view>
+          <view class="x-bc">
+            <view
+              >样品名称：<text>{{ sampleData.sampleName }}</text></view
+            >
+            <up-tag :text="sampleData.returnStatus_dictText"></up-tag>
+          </view>
+          <view
+            >样品编号：<text>{{ sampleData.sampleCode }}</text></view
+          >
+          <view class="mt4"
+            >归库编码：<text>{{ sampleData.sampleCode }}</text></view
+          >
+          <view class="mt4"
+            >样品库名称：<text>{{ sampleData.sampleCode }}</text></view
+          >
+          <view class="mt4"
+            >库位信息：<text>{{ sampleData.sampleCode }}</text></view
+          >
+        </view>
+      </uni-card>
+    </uni-section>
+    <up-button type="primary" style="width: 90%" text="打印归库标签" @click="handlePrint"></up-button>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, toRefs, watch } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import nx from '@/nx'
+
+const { scanQRInfo } = toRefs(nx.$store('biz'))
+watch(scanQRInfo, newVal => {
+  if (newVal && nx.$router.getCurrentPage().route == 'pages/sampleWarehouse/sampleSearch/index') {
+    try {
+      sampleCode.value = newVal
+      handleSearch()
+      scanQRInfo.value = ''
+    } catch (error) {
+      scanQRInfo.value = ''
+      uni.showToast({
+        title: '请扫描样品编码',
+        icon: 'none'
+      })
+    }
+  }
+})
+onShow(() => {
+  scanQRInfo.value = ''
+})
+let sampleCode = ref('')
+function handleSearch() {
+  getSampleDetail()
+}
+
+let sampleData = ref({})
+async function getSampleDetail() {
+  sampleData.value = await nx.$api.sample.getSampleDetail({ sampleReturnCode: sampleCode.value })
+}
+function handlePrint() {}
+</script>
+
+<style lang="scss" scoped>
+text {
+  color: #000;
+}
+</style>