出库 iconfont替换

src/assets/iconfonts/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   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');
+  src: url('iconfont.woff2?t=1658129042026') format('woff2'),
+       url('iconfont.woff?t=1658129042026') format('woff'),
+       url('iconfont.ttf?t=1658129042026') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,42 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-zhenglishi:before {
+  content: "\e63c";
+}
+
+.icon-shebeizhuangtai:before {
+  content: "\e63d";
+}
+
+.icon-loushuijiance:before {
+  content: "\e63e";
+}
+
+.icon-loushuibaojing:before {
+  content: "\e63f";
+}
+
+.icon-loushuiweizhi:before {
+  content: "\e640";
+}
+
+.icon-weihubaojing:before {
+  content: "\e641";
+}
+
+.icon-kongqizhiliangshuju:before {
+  content: "\e642";
+}
+
+.icon-ganyingxianduanlie:before {
+  content: "\e643";
+}
+
+.icon-chuku-fanbai:before {
+  content: "\e63b";
+}
+
 .icon-danganzongliang:before {
   content: "\e636";
 }

src/assets/iconfonts/iconfont.json

@@ -5,6 +5,69 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "30660167",
+      "name": "整理室",
+      "font_class": "zhenglishi",
+      "unicode": "e63c",
+      "unicode_decimal": 58940
+    },
+    {
+      "icon_id": "30660168",
+      "name": "设备状态",
+      "font_class": "shebeizhuangtai",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "30660169",
+      "name": "漏水检测",
+      "font_class": "loushuijiance",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "30660170",
+      "name": "漏水报警",
+      "font_class": "loushuibaojing",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "30660171",
+      "name": "漏水位置",
+      "font_class": "loushuiweizhi",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "30660173",
+      "name": "维护报警",
+      "font_class": "weihubaojing",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "30660174",
+      "name": "空气质量数据",
+      "font_class": "kongqizhiliangshuju",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "30660264",
+      "name": "感应线断裂",
+      "font_class": "ganyingxianduanlie",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "30627119",
+      "name": "出库-反白",
+      "font_class": "chuku-fanbai",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
     {
       "icon_id": "30271220",
       "name": "档案总量",

src/assets/styles/lend-manage.scss

@@ -138,3 +138,25 @@ color:#F65163;
 ::v-deep .el-tag.el-tag--info .el-tag__close{
   background-color: #fff;
 }
+
+//出入库
+.dpflex{
+  display: flex;
+}
+.orange-btn{
+  background-color: #FD8042;
+  border: none;
+  &.el-button.is-disabled, &.el-button.is-disabled:hover{
+    background-color: #7E4021;
+    color: #666;
+  }
+}
+.green-btn{
+
+  background-color: #1AAE93;
+  border: none;
+  &.el-button.is-disabled, &.el-button.is-disabled:hover{
+    background-color: #0D5649;
+    color: #666;
+  }
+}

src/views/archivesManage/outInStorage/inStorage/index.vue

@@ -22,9 +22,9 @@
         </el-input>
         <rrOperation />
       </div>
-      <div class="div">
-        <el-button size="mini" class="in-btn iconfont icon-ruku-fanbai" :disabled="!(selections.length===1)" @click="handleIn">入库</el-button>
-        <el-button size="mini" class="opr-btn iconfont icon-ruku-fanbai" :disabled="!selections.length" @click="handleManual">人工确认</el-button>
+      <div>
+        <el-button size="mini" class="orange-btn iconfont icon-ruku-fanbai" :disabled="!(selections.length===1)" @click="handleIn">入库</el-button>
+        <el-button size="mini" class="green-btn iconfont icon-ruku-fanbai" :disabled="!selections.length" @click="handleManual">人工确认</el-button>
       </div>
     </div>
     <!--表格渲染-->
@@ -205,27 +205,14 @@ export default {
   font-size: 16px;
 }
 .dpflex{
-  display: flex;
   justify-content: space-between;
 }
-.in-btn{
+.orange-btn{
   width: 76px;
   height: 30px;
-  background-color: #FD8042;
-  border: none;
-  &.el-button.is-disabled, &.el-button.is-disabled:hover{
-    background-color: #7E4021;
-    color: #666;
-  }
 }
-.opr-btn{
+.green-btn{
   width: 106px;
   height: 30px;
-  background-color: #1AAE93;
-  border: none;
-  &.el-button.is-disabled, &.el-button.is-disabled:hover{
-    background-color: #0D5649;
-    color: #666;
-  }
 }
 </style>

src/views/archivesManage/outInStorage/outStorage/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div>
-    <div class="head-container">
-      <el-button size="mini" :disabled="!selections.length" @click="handleOut">
-        <svg-icon icon-class="yichu-fanbai" class-name="svg-style" />出库</el-button>
-      <el-input
-        v-model="keyWord"
-        size="small"
-        clearable
-        placeholder="请输入关键词"
-        style="width: 300px;margin-right:10px;padding-left:10px"
-        class="input-prepend filter-item"
-        @keyup.enter.native="crud.toQuery"
-      >
-        <el-select slot="prepend" v-model="optionVal" style="width: 100px">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-input>
-      <rrOperation />
+    <div class="head-container dpflex">
+      <div>
+        <el-input
+          v-model="keyWord"
+          size="small"
+          clearable
+          placeholder="请输入关键词"
+          style="width: 300px;margin-right:10px;"
+          class="input-prepend filter-item"
+          @keyup.enter.native="crud.toQuery"
+        >
+          <el-select slot="prepend" v-model="optionVal" style="width: 88px">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-input>
+        <rrOperation />
+      </div>
       <!-- <button @click="getTableData">测试按钮</button> -->
+      <div>
+        <el-button size="mini" class="orange-btn iconfont icon-chuku-fanbai" :disabled="!selections.length" @click="handleOut">出库</el-button>
+        <el-button size="mini" class="green-btn iconfont icon-chuku-fanbai" :disabled="!selections.length" @click="handleManual">人工确认</el-button>
+      </div>
     </div>
     <!--表格渲染-->
     <el-table
@@ -160,6 +164,10 @@ export default {
           type: 'warning'
         })
       }
+    },
+    // 人工确认
+    handleManual() {
+
     },
     handleConfirm() {
       this.msgVisible = false
@@ -192,4 +200,15 @@ export default {
 .setting-dialog{
   color: #fff;
 }
+.dpflex{
+  justify-content: space-between;
+}
+.orange-btn{
+  width: 76px;
+  height: 30px;
+}
+.green-btn{
+  width: 106px;
+  height: 30px;
+}
 </style>