库房管理 层位管理

src/assets/iconfonts/iconfont.css

@@ -1,17 +1,148 @@
 @font-face {
-  font-family: 'iconfont';  /* Project id 3409379 */
-  src: url('//at.alicdn.com/t/font_3409379_goi7jp83r8m.woff2?t=1653633971812') format('woff2'),
-       url('//at.alicdn.com/t/font_3409379_goi7jp83r8m.woff?t=1653633971812') format('woff'),
-       url('//at.alicdn.com/t/font_3409379_goi7jp83r8m.ttf?t=1653633971812') format('truetype');
+  font-family: "iconfont"; /* Project id 3409379 */
+  src: url('iconfont.woff2?t=1657517549703') format('woff2'),
+       url('iconfont.woff?t=1657517549703') format('woff'),
+       url('iconfont.ttf?t=1657517549703') format('truetype');
 }
 
 .iconfont {
   font-family: "iconfont" !important;
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  line-height: 32px;
+}
+
+.icon-danganzongliang:before {
+  content: "\e636";
+}
+
+.icon-zaixianshebei:before {
+  content: "\e637";
+}
+
+.icon-danganhezongliang:before {
+  content: "\e638";
+}
+
+.icon-quanbushebei:before {
+  content: "\e639";
+}
+
+.icon-lixianshebei:before {
+  content: "\e63a";
+}
+
+.icon-a-3Dkufang:before {
+  content: "\e631";
+}
+
+.icon-baojingjilu:before {
+  content: "\e632";
+}
+
+.icon-menjinjilu:before {
+  content: "\e633";
+}
+
+.icon-tongzhigonggao:before {
+  content: "\e634";
+}
+
+.icon-xiaoxi:before {
+  content: "\e635";
+}
+
+.icon-bangdingcanshu-fanbai:before {
+  content: "\e61a";
+}
+
+.icon-chaihe-fanbai:before {
+  content: "\e61b";
+}
+
+.icon-bangding-fanbai:before {
+  content: "\e61c";
+}
+
+.icon-fenjuanzhuanghe-fanbai:before {
+  content: "\e61d";
+}
+
+.icon-jiechubangding-fanbai:before {
+  content: "\e61e";
+}
+
+.icon-chehui-fanbai:before {
+  content: "\e61f";
+}
+
+.icon-daochu-fanbai:before {
+  content: "\e620";
+}
+
+.icon-dengji-fanbai:before {
+  content: "\e621";
+}
+
+.icon-tishichenggong:before {
+  content: "\e622";
+}
+
+.icon-xiazai-fanbai:before {
+  content: "\e623";
+}
+
+.icon-jieyue-fanbai:before {
+  content: "\e624";
+}
+
+.icon-tishijinggao:before {
+  content: "\e625";
+}
+
+.icon-shuaxin:before {
+  content: "\e626";
+}
+
+.icon-guihuan-fanbai:before {
+  content: "\e627";
+}
+
+.icon-yichu-fanbai:before {
+  content: "\e628";
+}
+
+.icon-shangchuanfujian-fanbai:before {
+  content: "\e629";
+}
+
+.icon-ruku-fanbai:before {
+  content: "\e62a";
+}
+
+.icon-jiechu-fanbai:before {
+  content: "\e62b";
+}
+
+.icon-xinzengpandian-fanbai:before {
+  content: "\e62c";
+}
+
+.icon-huanyuan-fanbai:before {
+  content: "\e62d";
+}
+
+.icon-fujian:before {
+  content: "\e62e";
+}
+
+.icon-zhuanghe--fanbai:before {
+  content: "\e62f";
+}
+
+.icon-bangdingshebei-fanbai:before {
+  content: "\e630";
 }
 
 .icon-weibiaoti-2:before {

src/assets/iconfonts/iconfont.json

@@ -5,6 +5,258 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "30271220",
+      "name": "档案总量",
+      "font_class": "danganzongliang",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "30271221",
+      "name": "在线设备",
+      "font_class": "zaixianshebei",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    },
+    {
+      "icon_id": "30271222",
+      "name": "档案盒总量",
+      "font_class": "danganhezongliang",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "30271223",
+      "name": "全部设备",
+      "font_class": "quanbushebei",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "30271224",
+      "name": "离线设备",
+      "font_class": "lixianshebei",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "30256922",
+      "name": "3D库房",
+      "font_class": "a-3Dkufang",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "30256923",
+      "name": "报警记录",
+      "font_class": "baojingjilu",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "30256924",
+      "name": "门禁记录",
+      "font_class": "menjinjilu",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "30256925",
+      "name": "通知公告",
+      "font_class": "tongzhigonggao",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "30256926",
+      "name": "消息",
+      "font_class": "xiaoxi",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "30256625",
+      "name": "绑定参数-反白",
+      "font_class": "bangdingcanshu-fanbai",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "30256626",
+      "name": "拆盒-反白",
+      "font_class": "chaihe-fanbai",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "30256627",
+      "name": "绑定参数-反白",
+      "font_class": "bangding-fanbai",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "30256628",
+      "name": "分卷装盒-反白",
+      "font_class": "fenjuanzhuanghe-fanbai",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "30256629",
+      "name": "解除绑定-反白",
+      "font_class": "jiechubangding-fanbai",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "30256630",
+      "name": "撤回-反白",
+      "font_class": "chehui-fanbai",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "30256631",
+      "name": "导出-反白",
+      "font_class": "daochu-fanbai",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "30256632",
+      "name": "登记-反白",
+      "font_class": "dengji-fanbai",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "30256633",
+      "name": "提示成功",
+      "font_class": "tishichenggong",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "30256634",
+      "name": "下载-反白",
+      "font_class": "xiazai-fanbai",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "30256635",
+      "name": "借阅-反白",
+      "font_class": "jieyue-fanbai",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "30256636",
+      "name": "提示警告",
+      "font_class": "tishijinggao",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "30256637",
+      "name": "刷新",
+      "font_class": "shuaxin",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "30256638",
+      "name": "归还-反白",
+      "font_class": "guihuan-fanbai",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "30256639",
+      "name": "移出-反白",
+      "font_class": "yichu-fanbai",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "30256640",
+      "name": "上传附件-反白",
+      "font_class": "shangchuanfujian-fanbai",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "30256641",
+      "name": "入库-反白",
+      "font_class": "ruku-fanbai",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "30256642",
+      "name": "借出-反白",
+      "font_class": "jiechu-fanbai",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "30256643",
+      "name": "新增盘点-反白",
+      "font_class": "xinzengpandian-fanbai",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "30256644",
+      "name": "还原-反白",
+      "font_class": "huanyuan-fanbai",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "30256645",
+      "name": "附件",
+      "font_class": "fujian",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "30256646",
+      "name": "装盒--反白",
+      "font_class": "zhuanghe--fanbai",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "30256647",
+      "name": "绑定设备-反白",
+      "font_class": "bangdingshebei-fanbai",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "30032164",
+      "name": "更多",
+      "font_class": "weibiaoti-2",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "30000502",
+      "name": "排序-反白",
+      "font_class": "paixu-fanbai",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "30000487",
+      "name": "日历",
+      "font_class": "rili",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
     {
       "icon_id": "29943155",
       "name": "用户邮箱-反白",

src/views/storeManage/levelManage/index.vue

@@ -1,20 +1,85 @@
 <template>
-  <div>
+  <div class="app-container">
     <div class="head-container">
       <p class="warning">
         <svg-icon icon-class="warning" />
         <span>温馨提示：如需配置层位，请直接前往库房管理进行设备维护</span>
       </p>
       <div>
-        <el-button type="primary" class="el-icon-more" size="mini" @click="handleBindParam">绑定参数</el-button>
+        <el-button type="primary" class="iconfont icon-jiechubangding-fanbai" size="mini" @click="handleBindParam">绑定参数</el-button>
       </div>
     </div>
+    <el-row class="container-main">
+      <el-col class="curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="5">
+        <div class="container-left left-tree-item" style="height:calc(100vh - 240px)">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <!--树状结构-->
+          <div class="tree-scroll">
+            <el-tree ref="smartTree" :data="menuTree" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+          </div>
+        </div>
+      </el-col>
+
+      <!-- 档案管理列表 -->
+      <el-col class="container-right" style="min-height: calc(100vh - 240px);" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
+        <span class="right-top-line" />
+        <span class="left-bottom-line" />
+        <!--表格渲染-->
+        <el-table ref="table" :data="tableData" highlight-current-row style="width: 100%;">
+          <el-table-column type="selection" width="55" />
+          <el-table-column type="index" label="序号" width="55" />
+          <el-table-column prop="" label="库房" />
+          <el-table-column prop="" label="层位名称" />
+          <el-table-column prop="" label="层位编号" />
+          <el-table-column prop="" label="库房代码" />
+          <el-table-column prop="" label="区号" />
+          <el-table-column prop="" label="列号" />
+          <el-table-column prop="" label="节号" />
+          <el-table-column prop="" label="层号" />
+          <el-table-column prop="" label="方向" />
+          <el-table-column prop="" label="标签" />
+          <el-table-column prop="" label="操作时间" />
+        </el-table>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
+import CRUD, { presenter } from '@crud/crud'
+
 export default {
+  name: 'LevelManage',
+  components: { },
+  mixins: [presenter()],
+  cruds() {
+    return [
+      CRUD({
+        title: '档案', url: 'api/archives-type/menu'
+        // crudMethod: { ...crudCategory }
+      })
+    ]
+  },
+  data() {
+    return {
+      menuTree: [],
+      defaultProps: {
+        children: 'children',
+        label: 'cnName'
+      },
+      tableData: []
+    }
+  },
+  methods: {
+    handleNodeClick() {
 
+    },
+    // 参数绑定
+    handleBindParam() {
+
+    }
+  }
 }
 </script>
 
@@ -22,19 +87,22 @@ export default {
 .head-container{
   display: flex;
   justify-content: space-between;
+  align-items: center;
   .el-button{
     width: 106px;
-    height: 32px;
+    height: 30px;
     background-color: #1AAE93;
     border: none;
+    &::before{
+      padding-right:5px ;
+    }
   }
 }
 ::v-deep .el-icon-more:before{
-      margin-right: 8px;
+    margin-right: 8px;
 }
 .app-container{
   margin-top: 0;
-  min-height: calc(100vh - 242px);
 }
 .warning{
   font-size: 14px;