nubomed-ui 1.0.1 → 1.0.3

package/src/demos/Menus.vue

@@ -0,0 +1,106 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-07-24 17:24:36
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-07-25 17:32:26
+ * @Description: 
+-->
+<template>
+  <div>
+    <div class="demo-box">
+      <div class="demo-box-title">
+        <span class="demo-box-title-name">宫格菜单（高度1000px，宽度640px）</span>
+        <span class="demo-box-title-desc">最多支持显示7个菜单，建议显示4-7个菜单。</span>
+      </div>
+      <div class="demo-box-content">
+        <nb-menu position="grid" :data="menus.slice(0, 1)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 2)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 3)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 4)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 5)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 6)" @clickGrid="handleClick" />
+        <nb-menu position="grid" :data="menus.slice(0, 7)" @clickGrid="handleClick" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const menus = ref([])
+menus.value.push({ icon: 'menu-in-store', name: '上架', desc: '补充库存', badge: '32' })
+menus.value.push({ icon: 'menu-out-stock', name: '退库', desc: '退回上级库房', badge: '32' })
+menus.value.push({ icon: 'menu-inventory', name: '盘点', desc: '盘点库存', badge: '!' })
+menus.value.push({ icon: 'search', name: '查询', desc: '报表在线查看' })
+menus.value.push({ icon: 'menu-setting', name: '设置', desc: '权限管理' })
+menus.value.push({ icon: 'menu-take', name: '调拨出库', desc: '协调借用' })
+menus.value.push({ icon: 'menu-trace-goods', name: '商品追溯', desc: '全流程记录商品变动' })
+
+// 点击菜单
+const handleClick = (item) => {
+  console.log('点击菜单', item)
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-box-content{
+  .nb-menu{margin-bottom: 30px;
+  background-color: aqua;}
+}
+.menus {
+  display: flex;
+  flex-wrap: wrap;
+  width: 1000px;
+  height: 640px;
+  overflow: hidden;
+  background-color: aqua;
+  div {
+    border-radius: 12px;
+    color: #fff;
+    position: relative;
+    .icon-menu {
+      width: 56px;
+      height: 56px;
+    }
+    .menu-name {
+      font-size: 40px;
+      line-height: 60px;
+    }
+    .menu-desc {
+      font-size: 18px;
+      line-height: 28px;
+      color: rgba(255, 255, 255, 0.7);
+    }
+  }
+  div:nth-child(1) {
+    width: 480px;
+    height: 240px;
+    background: #009a82;
+    margin-right: 40px;
+  }
+  div:nth-child(2) {
+    width: 220px;
+    height: 360px;
+    background: #b0529f;
+    margin-right: 40px;
+  }
+  div:nth-child(3) {
+    width: 220px;
+    height: 360px;
+    background: #5963ae;
+  }
+  div:nth-child(4) {
+    width: 480px;
+    height: 360px;
+    background: #e5a354;
+    margin-top: -80px;
+    margin-right: 40px;
+  }
+  div:nth-child(5) {
+    width: 480px;
+    height: 240px;
+    background: #00a3b3;
+    margin-top: 40px;
+  }
+}
+</style>

package/src/demos/OpenCabinetBall.vue

@@ -0,0 +1,37 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-06-30 22:07:34
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-07-26 18:25:49
+ * @Description: 
+-->
+<template>
+  <div>
+    <div class="demo-box">
+      <div class="demo-box-title">
+        <span class="demo-box-title-name">开柜浮球（收起：宽120px，高120px；展开：宽846px，高500px）</span>
+      </div>
+      <div class="demo-box-content">
+        <nb-open-cabinet-ball :ter-list="terList" @openAll="handleOpenAll" @open="handleOpen" />
+        <nb-open-cabinet-ball :ter-list="terList" :default-toggle="true" @openAll="handleOpenAll" @open="handleOpen" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import ter from './data/terList.json'
+const terList = ref(ter)
+
+const handleOpenAll = () => {
+  console.log('全部开柜')
+}
+
+const handleOpen = (item, index) => {
+  console.log('开单个柜子', item, index)
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

package/src/demos/Statusbar.vue

@@ -0,0 +1,146 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-07-04 20:47:56
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-07-26 16:18:05
+ * @Description: 
+-->
+<template>
+  <div>
+    <div class="demo-box">
+      <div class="demo-box-title">
+        <span class="demo-box-title-name">状态栏（高度56px）</span>
+      </div>
+      <div class="demo-box-content">
+        <nb-statusbar :data="statusbars" :date="date" :terList="terList" @change="handleClick" />
+        <nb-statusbar :data="statusbars" :date="date" :terList="terList" :showLockAllButton="true" @change="handleClick" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const date = ref('2022年3月29日  星期二  14:20')
+
+const statusbars = ref([])
+statusbars.value.push([
+  { label: '总库存', value: 3234 },
+  { label: '总品规', value: 235 }
+])
+statusbars.value.push([
+  { icon: 'connect', value: 8 },
+  { icon: 'connect-error', value: 1, abnormal: true }
+])
+statusbars.value.push([
+  { icon: 'temperature', value: '正常' },
+  { icon: 'humidity', value: '异常', abnormal: true }
+])
+statusbars.value.push([
+  { icon: 'lock', value: 8 },
+  { icon: 'unlock', value: 0 }
+])
+
+const terList = ref([])
+terList.value.push({
+  iTerId: 1255,
+  sTerCode: 'ZDID_01255',
+  sTerDesc: '高值柜主柜一体柜',
+  sPostalAddress: '1255',
+  sTerModelCode: '',
+  terModelPic: new URL('./images/cabinets/H3000-R.png', import.meta.url).href,
+  lockStatus: [0],
+  connectionStatus: [true],
+  tempHumList: [
+    {
+      temp: 23,
+      tempShow: true,
+      tempAbnormal: false,
+      hum: 34,
+      humShow: true,
+      humAbnormal: true
+    }
+  ],
+  sTerModelCodeType: 0 // 柜子类型：0-一体柜，1-半柜，2-上下柜，3-左右柜
+})
+terList.value.push({
+  iTerId: 1255,
+  sTerCode: 'ZDID_01255',
+  sTerDesc: '高值柜主柜上下柜',
+  sPostalAddress: '1255',
+  sTerModelCode: '',
+  terModelPic: new URL('./images/cabinets/H3000-Rh2.png', import.meta.url).href,
+  lockStatus: [0, 1],
+  connectionStatus: [true, false],
+  tempHumList: [
+    {
+      label: '上柜',
+      temp: 23,
+      tempShow: true,
+      tempAbnormal: false,
+      hum: 34,
+      humShow: true,
+      humAbnormal: true
+    },
+    {
+      label: '下柜',
+      temp: 233,
+      tempShow: true,
+      tempAbnormal: true,
+      hum: 342,
+      humShow: true,
+      humAbnormal: true
+    }
+  ],
+  sTerModelCodeType: 2 // 柜子类型：0-一体柜，1-半柜，2-上下柜，3-左右柜
+})
+terList.value.push({
+  iTerId: 1255,
+  sTerCode: 'ZDID_01255',
+  sTerDesc: '高值柜主柜上下柜',
+  sPostalAddress: '1255',
+  sTerModelCode: '',
+  terModelPic: new URL('./images/cabinets/H3000-Rh2.png', import.meta.url).href,
+  lockStatus: [0, 0],
+  connectionStatus: [true, true],
+  sTerModelCodeType: 2 // 柜子类型：0-一体柜，1-半柜，2-上下柜，3-左右柜
+})
+terList.value.push({
+  iTerId: 1255,
+  sTerCode: 'ZDID_01255',
+  sTerDesc: '高值柜主柜左右柜',
+  sPostalAddress: '1255',
+  sTerModelCode: '',
+  terModelPic: new URL('./images/cabinets/H3000-D.png', import.meta.url).href,
+  lockStatus: [null, null],
+  connectionStatus: [false, false],
+  sTerModelCodeType: 3 // 柜子类型：0-一体柜，1-半柜，2-上下柜，3-左右柜
+})
+terList.value.push({
+  iTerId: 1255,
+  sTerCode: 'ZDID_01255',
+  sTerDesc: '高值柜主柜左右柜',
+  sPostalAddress: '1255',
+  sTerModelCode: '',
+  terModelPic: new URL('./images/cabinets/H3000-D.png', import.meta.url).href,
+  lockStatus: [0, 2],
+  connectionStatus: [true, true],
+  sTerModelCodeType: 3 // 柜子类型：0-一体柜，1-半柜，2-上下柜，3-左右柜
+})
+
+console.log(JSON.stringify(terList.value))
+
+const handleClick = (item, index) => {
+  alert(item.sTerDesc + index)
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-box-content {
+  display: flex;
+  flex-direction: column;
+  .nb-statusbar {
+    margin-bottom: 30px;
+  }
+}
+</style>

package/src/demos/Steps.vue

@@ -0,0 +1,45 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-07-25 15:11:57
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-07-25 18:46:51
+ * @Description: 
+-->
+<template>
+  <div>
+    <div class="demo-box">
+      <div class="demo-box-title">
+        <span class="demo-box-title-name">Steps 步骤条（宽940px，高120px）</span>
+        <span class="demo-box-title-desc">弹框中显示</span>
+      </div>
+      <div class="demo-box-content">
+        <div style="margin-bottom: 30px;">
+          <nb-button @click="handleInit">初始状态</nb-button>
+          <nb-button @click="handleNext">下一步</nb-button>
+        </div>
+        <nb-steps :data="stepsData" :status="status" :active="active" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const stepsData = ref(['清空药格', '放入药品', '开始校准', '取出药品', '校准完成'])
+const status = ref('process')
+const active = ref(0)
+
+const handleInit = () => {
+  active.value = 0
+}
+
+const handleNext = () => {
+  if (active.value - 1 >= stepsData.value.length) {
+    return
+  }
+  active.value++
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

package/src/demos/Tost.vue

@@ -0,0 +1,35 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-06-30 22:07:34
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-07-07 17:55:56
+ * @Description: 
+-->
+<template>
+  <div>
+    <div class="demo-box">
+      <div class="demo-box-title">
+        <span class="demo-box-title-name">大尺寸对话框Modal（宽1600px，高900px）</span>
+      </div>
+      <div class="demo-box-content">
+        <nb-button @click="openSuccess(1)">成功</nb-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+
+const openSuccess = (index) => {
+  console.log(window.$nbNotify.success({ message: 'dddddd' }))
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-box-content {
+  .nb-button {
+    margin: 0 30px 30px 0;
+  }
+}
+</style>

package/src/demos/button/button.md

@@ -0,0 +1,19 @@
+<!--
+ * @Author: chenghuan.dong
+ * @Date: 2023-09-12 20:31:23
+ * @LastEditTime: 2023-09-12 20:33:48
+ * @LastEditors: chenghuan.dong
+ * @Description: 
+ * @FilePath: \基础建设\nubomed-ui\src\demos\button\button.md
+-->
+:::demo 使用type、plain、round和circle属性来定义 Button 的样式。
+
+<el-row>
+  <el-button>默认按钮</el-button>
+  <el-button type="primary">主要按钮</el-button>
+  <el-button type="success">成功按钮</el-button>
+  <el-button type="info">信息按钮</el-button>
+  <el-button type="warning">警告按钮</el-button>
+  <el-button type="danger">危险按钮</el-button>
+</el-row>
+:::

package/src/demos/data/terList.json

@@ -0,0 +1,145 @@
+[
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜一体柜",
+    "sPostalAddress": "1255",
+    "sTerModelCodeType": 0,
+    "sTerModelCode": "H3000-R",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-R.png",
+    "lockStatus": [0],
+    "connectionStatus": [true]
+  },
+  {
+    "iTerId": 1256,
+    "sTerCode": "ZDID_01256",
+    "sTerDesc": "高值柜主柜一体柜辅柜",
+    "sPostalAddress": "1256",
+    "sTerModelCodeType": 0,
+    "sTerModelCode": "H3010-R",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3010-R.png",
+    "lockStatus": [1],
+    "connectionStatus": [true]
+  },
+  {
+    "iTerId": 1256,
+    "sTerCode": "ZDID_01256",
+    "sTerDesc": "高值柜主柜一体柜辅柜",
+    "sPostalAddress": "1256",
+    "sTerModelCodeType": 0,
+    "sTerModelCode": "H3010-R",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3010-R.png",
+    "lockStatus": [2],
+    "connectionStatus": [true]
+  },
+  {
+    "iTerId": 1256,
+    "sTerCode": "ZDID_01256",
+    "sTerDesc": "高值柜主柜一体柜辅柜",
+    "sPostalAddress": "1256",
+    "sTerModelCodeType": 0,
+    "sTerModelCode": "H3010-R",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3010-R.png",
+    "lockStatus": [null],
+    "connectionStatus": [false]
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜上下柜",
+    "sPostalAddress": "1255",
+    "sTerModelCodeType": 2,
+    "sTerModelCode": "H3000-Rh2",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-Rh2.png",
+    "lockStatus": [1, 1],
+    "connectionStatus": [true, true]
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜上下柜",
+    "sPostalAddress": "1255",
+    "sTerModelCodeType": 2,
+    "sTerModelCode": "H3000-Rh2",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-Rh2.png",
+    "lockStatus": [0, 1],
+    "connectionStatus": [true, true]
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜上下柜",
+    "sPostalAddress": "1255",
+    "sTerModelCodeType": 2,
+    "sTerModelCode": "H3000-Rh2",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-Rh2.png",
+    "lockStatus": [null, 1],
+    "connectionStatus": [false, true]
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜上下柜",
+    "sPostalAddress": "1255",
+    "sTerModelCode": "",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-Rh2.png",
+    "lockStatus": [0, 0],
+    "connectionStatus": [true, true],
+    "sTerModelCodeType": 2
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜左右柜",
+    "sPostalAddress": "1255",
+    "sTerModelCode": "H3000-D",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-D.png",
+    "lockStatus": [null, null],
+    "connectionStatus": [false, false],
+    "sTerModelCodeType": 3
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜左右柜",
+    "sPostalAddress": "1255",
+    "sTerModelCode": "",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-D.png",
+    "lockStatus": [0, 2],
+    "connectionStatus": [true, true],
+    "sTerModelCodeType": 3
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜左右柜",
+    "sPostalAddress": "1255",
+    "sTerModelCode": "",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-D.png",
+    "lockStatus": [1, 1],
+    "connectionStatus": [true, true],
+    "sTerModelCodeType": 3
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜左右柜",
+    "sPostalAddress": "1255",
+    "sTerModelCode": "",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-D.png",
+    "lockStatus": [0, 0],
+    "connectionStatus": [true, true],
+    "sTerModelCodeType": 3
+  },
+  {
+    "iTerId": 1255,
+    "sTerCode": "ZDID_01255",
+    "sTerDesc": "高值柜主柜半柜",
+    "sPostalAddress": "1255",
+    "sTerModelCodeType": 0,
+    "sTerModelCode": "H3000-Rh",
+    "terModelPic": "http://localhost:8888/src/demos/images/cabinets/H3000-Rh.png",
+    "lockStatus": [0],
+    "connectionStatus": [true]
+  }
+]