借阅管理/档案盘点/回收站 原型更改 svg替换

src/assets/icons/svg/dengji-fanbai.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="登记" transform="translate(-162.18 -159.75)">
+	<path id="路径_726" class="st0" d="M833.8,1183.8H333.4c-78.6,0-142.3-63.7-142.3-142.3V302c0-78.6,63.7-142.3,142.3-142.3h500.3
+		c78.6,0,142.3,63.7,142.3,142.3v48c0,21.1-17.1,38.2-38.2,38.2c-21.1,0-38.2-17.1-38.2-38.2v-48c0-36.4-29.5-66-66-66H333.4
+		c-36.4,0-66,29.5-66,66v739.5c0,36.4,29.5,66,66,66h500.3c36.4,0,66-29.5,66-66v-39.7c0-21.1,17.1-38.2,38.2-38.2
+		c21.1,0,38.2,17.1,38.2,38.2l0,0v39.7C976.1,1120.1,912.4,1183.8,833.8,1183.8C833.8,1183.8,833.8,1183.8,833.8,1183.8z"/>
+	<path id="路径_727" class="st0" d="M585.7,702l169.1,169.1c14.9,14.9,39.1,14.9,54,0c14.9-14.9,14.9-39.1,0-54L705.1,713.3
+		l-1.6-1.5h415.6c21.1,0,38.2-17.1,38.2-38.2s-17.1-38.2-38.2-38.2H706.1l115.7-115.7c13.1-12.3,13.8-32.9,1.5-46
+		c-1.5-1.6-3.2-3.1-5-4.4c-17.9-12.5-42.1-10.8-58.1,4.1L585.9,647.8c-15,14.7-15.3,38.9-0.6,53.9
+		C585.5,701.8,585.6,701.9,585.7,702z"/>
+</g>
+</svg>

src/assets/icons/svg/guihuan-fanbai.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="组_197" transform="translate(-334 -242.85)">
+	<g id="组_196" transform="translate(334 249.072)">
+		<path id="路径_731" class="st0" d="M1002.4,680.3l-4.6-3.1c-31.8-25.6-191.2-162.5-205-176.9c-12-10.6-27.1-16.9-43.1-18H430
+			c-5.1-0.5-10.3-0.5-15.4,0c-38.9,4.6-66.9,39.7-62.5,78.6c0.5,42.9,31.1,79.6,73.3,87.6l44.1,5.6H309.1
+			c-22-15.9-89.2-63-133.7-96.3c-31.8-25.1-72.7-35.7-112.7-29.2C40,534.1,20.4,548,7.8,567.6c-11.4,21.2-10.2,47,3.1,67.1
+			c51.2,45.9,225.5,193.7,238.8,205c14.5,11.3,33.4,15.3,51.2,10.7h358.7c11.2,1.5,21.9,6.1,30.7,13.1l70.7,59
+			c11.9,9.2,26.4,14.3,41.5,14.4c16.5-0.8,32.3-7.3,44.6-18.4l161.4-168.1c10.7-10.4,16.3-25,15.4-40c-2.4-12.7-10.2-23.8-21.5-30.2
+			L1002.4,680.3z M801.6,878.1c-2.4,0-4.8-0.9-6.6-2.6l-70.7-58.4c-17.2-13.8-38-22.2-60-24H293.7l-3.6,3.1H287
+			c-12.3-11.3-175.8-150.7-232.1-199.9v-3.6c4-5.6,10.1-9.5,16.9-10.7c24.3-2,48.5,5.7,67.1,21.5C193.2,644,279.3,706,280.3,706
+			l7.7,5.1h227.6l67.6-45.1c15-7.8,22.5-25.1,18-41.5c-4.1-14.8-18-24.6-33.3-23.6c-47.6-3.1-110.7-7.7-133.7-13.1
+			c-14.7-1.8-25.7-14.4-25.6-29.2c-0.5-18.9-0.5-18.9,19.7-18.9h312.1c3.2,0,6.2,1.1,8.7,3.1c25.6,25.6,161.4,142.5,205,176.9
+			L801.6,878.1z"/>
+	</g>
+	<path id="联合_1" class="st0" d="M1067.3,386.6H679.2l8,183.9l1.2-1.3l84.3-84.3c12.1-12.1,31.7-12.1,43.8,0
+		c12.1,12.1,12.1,31.7,0,43.8L679.2,665.8c-12.1,12-31.7,12-43.8,0L493.7,524.5c-12.2-12.9-13.6-32.7-3.3-47.2
+		c8.2-11.9,24.5-15,36.4-6.8c1.7,1.1,3.2,2.4,4.5,3.9l93.9,93.8l-8.1-213.7c0-15.9,12-29.2,27.8-30.8l0,0h3.1l419.4,1
+		c17.1,0,31,13.9,31,31s-13.9,31-31,31L1067.3,386.6z"/>
+</g>
+</svg>

src/assets/icons/svg/huanyuan-fanbai.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="还原" transform="translate(-448 -180.064)">
+	<path id="减去_3" class="st0" d="M832.5,1192.4h-99.2c-76.1-0.1-137.7-61.7-137.8-137.8V391.1H483.2
+		c-19.8-1.4-35.2-17.8-35.2-37.7c0-19.9,15.4-36.3,35.2-37.6h238v-36.9c0.3-48.1,39.3-87.1,87.4-87.4h300.7
+		c48.2,0.1,87.3,39.2,87.3,87.4v36.9H1435c9.7,0,19,3.9,25.9,10.7c7.1,7.1,11,16.8,10.8,26.8c0,20.7-16.8,37.6-37.6,37.6h-112.3
+		v145.4h-75.4V391H671.1v663.7c0.4,34.4,28.3,62,62.6,62.2h99.2v75.1L832.5,1192.4z M808.6,265.8c-3.4,0-6.8,1.3-9.2,3.7
+		c-2.4,2.4-3.8,5.7-3.7,9.2v36.9h326.6v-36.9c0-3.4-1.3-6.7-3.6-9.2c-2.5-2.4-5.8-3.7-9.2-3.7H808.6z"/>
+	<path id="联合_2" class="st0" d="M911.2,999.8c-3.2-9-2.6-18.9,1.6-27.5c4.1-8.5,11.4-15.2,20.4-18.3c3.8-1.3,7.8-2,11.9-2
+		c15.2,0,28.8,9.6,33.8,24c30.6,86.7,112.5,144.7,204.4,144.8c4.1,0,8.3,0,12.5,0c96.3-5.8,177.3-74.4,199-168.4
+		c21.1-94.1-22.3-190.9-106.5-237.8c-32.1-17.7-68.1-27-104.8-27c-57.8-0.2-113.2,22.8-153.9,63.8l-64.5,60.5h77.8
+		c18.2,0,33.5,13.6,35.6,31.7v4.2c0,19.7-16,35.8-35.8,35.8H871c-1-0.1-2.1-0.2-3-0.5h-1.3l-2.4-0.5l-1.7-0.5
+		c-5.5-1.9-10.4-5.2-14.5-9.3l0,0c-2.7-2.9-4.9-6.2-6.5-9.8l-1.6-4.2l-0.5-1.6c-0.3-0.8-0.4-1.7-0.5-2.5v-1.5c0-1,0-1.8,0-2.5V679.5
+		c0-19.7,16-35.7,35.8-35.8c19.8,0,35.8,16,35.8,35.8V765l69.2-65c54-54.1,127.3-84.4,203.8-84.2c45.8,0.1,91,11,131.8,31.9l7.8,4.1
+		C1435.3,714.3,1493,843,1465,968.3c-28.9,124.9-136.4,216-264.4,224c-5.4,0-11.1,0.5-16.6,0.5
+		C1061.3,1192.9,951.9,1115.5,911.2,999.8z"/>
+</g>
+</svg>

src/assets/icons/svg/jiechu-fanbai.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="借出" transform="translate(-334 -242.744)">
+	<g id="组_196" transform="translate(334 249.072)">
+		<path id="路径_731" class="st0" d="M1002.4,683.8l-4.6-3.1c-31.8-25.6-191.2-162.5-205-176.9c-12-10.6-27.1-16.9-43.1-18H430
+			c-5.1-0.5-10.3-0.5-15.4,0c-38.9,4.6-66.9,39.7-62.5,78.6c0.5,42.9,31.1,79.6,73.3,87.6l44.1,5.6H309.1
+			c-22-15.9-89.2-63-133.7-96.3c-31.8-25.1-72.7-35.7-112.7-29.2c-22.6,5.4-42.3,19.4-54.8,38.9c-11.4,21.2-10.2,47,3.1,67.1
+			c51.2,45.9,225.5,193.7,238.8,205c14.5,11.3,33.4,15.3,51.2,10.7h358.7c11.2,1.5,21.9,6.1,30.7,13.1l70.7,59
+			c11.9,9.2,26.4,14.3,41.5,14.4c16.5-0.8,32.3-7.3,44.6-18.4l161.4-168.1c10.7-10.4,16.3-25,15.4-40c-2.4-12.7-10.2-23.8-21.5-30.2
+			L1002.4,683.8z M801.6,881.7c-2.4,0-4.8-0.9-6.6-2.6l-70.7-58.4c-17.2-13.8-38-22.2-60-24H293.7l-3.6,3.1H287
+			C274.7,788.5,111.3,649,54.9,599.9v-3.6c4-5.6,10.1-9.5,16.9-10.7c24.3-2,48.5,5.7,67.1,21.5c54.3,40.5,140.4,102.5,141.4,102.5
+			l7.7,5.1h227.6l67.6-45.1c15-7.8,22.5-25.1,18-41.5c-4.1-14.8-18-24.6-33.3-23.6c-47.6-3.1-110.7-7.7-133.7-13.1
+			c-14.7-1.8-25.7-14.4-25.6-29.2c-0.5-18.9-0.5-18.9,19.7-18.9h312.1c3.2,0,6.2,1.1,8.7,3.1c25.6,25.6,161.4,142.5,205,176.9
+			L801.6,881.7z"/>
+	</g>
+	<path id="联合_1" class="st0" d="M955.1,637.1l-0.9-113.2H648.7l1.4,1.2l83.8,84.3c12.5,11.7,13.2,31.3,1.5,43.8
+		c-11.7,12.5-31.3,13.2-43.8,1.5c-0.5-0.5-1.1-1-1.6-1.6L552.5,515.6c-12.1-12.1-12.1-31.7,0-43.8c0,0,0,0,0,0l142.1-141.4
+		c12.9-12.2,32.6-13.8,47.1-3.6c11.9,8.2,15,24.5,6.8,36.4c-1.1,1.7-2.4,3.2-3.9,4.5l-93.9,94.2h335.4c15.9,0,29.3,12,30.9,27.9l0,0
+		v147.4c0,17.1-13.9,31-31,31s-31-13.9-31-31L955.1,637.1z"/>
+</g>
+</svg>

src/assets/icons/svg/xinzengpandian-fanbai.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path id="新增盘点" class="st0" d="M917.7,285.7H64.4l-1.1,587.2c-2.8,18.6,10,36.1,28.6,38.9c2.2,0.3,4.4,0.5,6.7,0.4h353
+	c21.6,0,34.7,9.6,34.7,30.3c-0.6,17.1-15,30.5-32.2,29.9c-0.8,0-1.7-0.1-2.5-0.2H92.9C43.5,974,1.9,935.5,0.1,886
+	c-0.2-4.4,0-8.7,0.5-13.1V252.1c0.2-19,7.6-37.2,20.7-51L137.7,76.2c18.5-19,44.1-29.5,70.6-29.1h567.8c26.5-0.4,52,10.1,70.6,29.1
+	l116.5,124.9c13.3,13.6,20.7,31.9,20.7,51v110.8c1.7,16.6-10.5,31.5-27.1,33.1c-2.2,0.2-4.4,0.2-6.5-0.1
+	c-16.4,1.9-31.2-9.8-33.1-26.2c-0.3-2.3-0.3-4.6,0-6.9C917.8,293.9,917.8,315.9,917.7,285.7L917.7,285.7z M889.7,221l-92.4-99.2
+	c-6.6-8.5-17.6-12.2-28-9.6h-567c-7.2-0.6-14.3,2.3-19,7.8L92.4,220.7h797.3V221z M447.4,670.6c-0.5-149,119.8-270.3,268.8-270.8
+	c149-0.5,270.3,119.8,270.8,268.8c0.2,55.4-16.6,109.5-48.2,154.9l72.3,71.9c18.2,19.7,16.9,50.5-2.9,68.7
+	c-18.5,17-46.9,17.1-65.5,0.3l-72.3-71.9c-122.7,84.6-290.8,53.8-375.4-68.9c-31.2-45-47.8-98.5-47.6-153.3L447.4,670.6z
+	 M714.7,874.6c108.1,0.4,197.4-84.2,202.8-192.2c4.9-114.7-84.1-211.6-198.7-216.5c-3.9-0.2-7.8-0.2-11.6-0.2
+	C599.7,466,512.8,553.2,513,660.7c0,1.2,0,2.3,0,3.5c1.4,112.2,89.6,204.1,201.7,210.1L714.7,874.6z"/>
+</svg>

src/assets/icons/svg/yichu-fanbai.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="移出" transform="translate(-162.18 -159.75)">
+	<path id="路径_726" class="st0" d="M833.8,1183.8H333.5c-78.6,0-142.3-63.7-142.3-142.3V302c0-78.6,63.7-142.3,142.3-142.3h500.3
+		c78.6,0,142.3,63.7,142.3,142.3v48c0,21.1-17.1,38.2-38.2,38.2c-21.1,0-38.2-17.1-38.2-38.2v-48c0-36.4-29.5-66-66-66H333.5
+		c-36.4,0-66,29.5-66,66v739.5c0,36.4,29.5,66,66,66h500.3c36.4,0,66-29.5,66-66v-39.7c0-21.1,17.1-38.2,38.2-38.2
+		c21.1,0,38.2,17.1,38.2,38.2l0,0v39.7C976.1,1120.1,912.4,1183.8,833.8,1183.8C833.9,1183.8,833.8,1183.8,833.8,1183.8z"/>
+	<path id="路径_727" class="st0" d="M1146,641.5L976.8,472.4c-14.9-14.9-39.1-14.9-54,0c-14.9,14.9-14.9,39.1,0,54l103.8,103.8
+		l1.6,1.5H612.6c-21.1,0-38.2,17.1-38.2,38.2s17.1,38.2,38.2,38.2h412.9L909.8,823.8c-13.1,12.3-13.8,32.9-1.5,46
+		c1.5,1.6,3.2,3.1,5,4.4c17.9,12.5,42.1,10.8,58.1-4.1l174.3-174.3c15-14.7,15.3-38.9,0.6-53.9
+		C1146.2,641.7,1146.1,641.6,1146,641.5z"/>
+</g>
+</svg>

src/views/archivesManage/archivesCheck/index.vue

@@ -3,11 +3,8 @@
     <span class="right-top-line" />
     <span class="left-bottom-line" />
     <div class="head-container">
-      <el-button
-        icon="el-icon-plus"
-        size="mini"
-        @click="handleAdd"
-      >新增</el-button>
+      <el-button size="mini" @click="handleAdd">
+        <svg-icon icon-class="xinzengpandian-fanbai" class-name="svg-style" />新增盘点</el-button>
       <el-button
         icon="el-icon-delete"
         size="mini"
@@ -218,5 +215,7 @@ export default {
   padding: 0;
   margin: 0;
 }
-
+.svg-style{
+  margin-right: 5px;
+}
 </style>

src/views/archivesManage/archivesCheck/module/addCheck.vue

@@ -45,19 +45,19 @@
         </el-form-item>
         <el-button type="primary" style="margin:0 0 0 10px;height:32px;" @click="handleBuild">生成盘点单</el-button>
       </el-form>
-      <el-table :data="gridData">
-        <el-table-column type="index" label="序号" width="55" />
-        <el-table-column prop="fieldCnName" label="状态" />
-        <el-table-column prop="fieldCnName" label="所属门类" />
-        <el-table-column prop="fieldCnName" label="子条目数" />
-        <el-table-column prop="fieldCnName" label="全宗号" />
-        <el-table-column prop="fieldName" label="档号" min-width="140" />
-        <el-table-column prop="fieldCnName" label="部门名称" />
-        <el-table-column label="题名" min-width="85" />
-        <el-table-column label="年度" min-width="85" />
-        <el-table-column label="保管期限" min-width="85" />
-        <el-table-column label="密级" min-width="85" />
-        <el-table-column label="存放位置" min-width="85" />
+      <el-table :data="gridData" style="height:309px">
+        <el-table-column type="index" align="center" label="序号" width="60" />
+        <el-table-column prop="fieldCnName" align="center" label="状态" width="80" />
+        <el-table-column prop="fieldCnName" align="center" label="所属门类" width="100" />
+        <el-table-column prop="fieldCnName" align="center" label="子条目数" width="100" />
+        <el-table-column prop="fieldCnName" align="center" label="全宗号" width="100" />
+        <el-table-column prop="fieldName" align="center" label="档号" width="180" />
+        <el-table-column prop="fieldCnName" align="center" label="部门名称" width="100" />
+        <el-table-column label="题名" align="center" width="180" />
+        <el-table-column label="年度" align="center" width="85" />
+        <el-table-column label="保管期限" align="center" width="120" />
+        <el-table-column label="密级" align="center" width="85" />
+        <el-table-column label="存放位置" align="center" width="150" />
       </el-table>
       <div slot="footer" class="dialog-footer">
         <el-button @click="handleSave">保存</el-button>
@@ -89,15 +89,15 @@ export default {
       ]
     }
   },
-  mounted() {
-    this.dialogTableStyle()
-  },
+  // mounted() {
+  //   this.dialogTableStyle()
+  // },
   methods: {
-    dialogTableStyle() {
-      const dialogTableDom = this.$refs.dialogTable
-      const targetDialog = dialogTableDom.$refs.dialog
-      targetDialog.style.width = '1340px'
-    },
+    // dialogTableStyle() {
+    //   const dialogTableDom = this.$refs.dialogTable
+    //   const targetDialog = dialogTableDom.$refs.dialog
+    //   targetDialog.style.width = '1340px'
+    // },
     handleBuild() {
       console.log(this.$refs.dialogTable.$refs)
     },
@@ -112,4 +112,8 @@ export default {
 .el-form{
     display: flex;
 }
+::v-deep .el-dialog{
+  width: 950px;
+  height: 518px;
+}
 </style>

src/views/archivesManage/lendManage/lendConfirm/index.vue

@@ -1,9 +1,12 @@
 <template>
   <div class="lend-confirm">
     <headSlot>
-      <el-button icon="el-icon-plus" size="mini" :disabled="selections.length ? false : true " @click="handleLendBtn">借出</el-button>
-      <el-button icon="el-icon-edit" size="mini" @click="handelReRecord">重新登记</el-button>
-      <el-button icon="el-icon-minus" size="mini" :disabled="selections.length ? false : true " @click="handleRemove">移出</el-button>
+      <el-button size="mini" @click="handleLendBtn">
+        <svg-icon icon-class="jiechu-fanbai" class-name="svg-style" />借出</el-button>
+      <el-button size="mini" @click="handelReRecord">
+        <svg-icon icon-class="dengji-fanbai" class-name="svg-style" />重新登记</el-button>
+      <el-button size="mini" @click="handleRemove">
+        <svg-icon icon-class="yichu-fanbai" class-name="svg-style" />移出</el-button>
       <crudOperation style="margin-left:10px" />
     </headSlot>
     <!--表格渲染-->
@@ -149,5 +152,7 @@ export default {
   padding: 0;
   margin: 0;
 }
-
+.svg-style{
+  margin-right: 5px;
+}
 </style>

src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue

@@ -49,7 +49,7 @@ export default {
 @import '~@/assets/styles/lend-manage.scss';
 ::v-deep .el-dialog{
   width: 950px;
-  height: 520px;
+  height: 519px;
 }
 ::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
     position: absolute;

src/views/archivesManage/lendManage/returnArchives/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="to-lend">
     <head-slot>
-      <el-button icon="el-icon-plus" size="mini" :disabled="selections.length ? false : true " @click="returnVisible=true">归还</el-button>
+      <el-button size="mini" @click="returnVisible=true">
+        <svg-icon icon-class="guihuan-fanbai" class-name="svg-style" />归还</el-button>
       <crudOperation style="margin-left:10px" />
     </head-slot>
     <!--表格渲染-->
@@ -52,6 +53,7 @@
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
         <!-- 判断 "归还成功" "当前标签已损坏...." -->
+        <!-- ////////////////标签损坏 弹出重新绑定的模态框  -->
         <p><span style="color:#fff;">当前标签已损坏，请先解除该档案的电子标签绑定</span></p>
         <div slot="footer" class="dialog-footer">
           <el-button type="primary" @click.native="handleConfirmAgain">确定</el-button>
@@ -141,4 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
+.svg-style{
+  margin-right: 5px;
+}
 </style>

src/views/archivesManage/lendManage/toLend/index.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="to-lend">
     <headSlot>
-      <el-button icon="el-icon-document-add" size="mini" @click="handleRecord">登记</el-button>
-      <el-button icon="el-icon-document-remove" size="mini" :disabled="selections.length ? false : true " @click="handleRemove">移出</el-button>
+      <el-button size="mini" @click="handleRecord">
+        <svg-icon icon-class="dengji-fanbai" class-name="svg-style" />登记</el-button>
+      <el-button size="mini" @click="handleRemove">
+        <svg-icon icon-class="yichu-fanbai" class-name="svg-style" />移出</el-button>
       <!-- <button @click="getTableData">测试按钮</button> -->
     </headSlot>
 
@@ -91,7 +93,8 @@
             <el-input v-model="recordForm.idNumber" style="width: 420px" />
           </el-form-item>
           <el-form-item label="借阅时间" prop="lendDate">
-            <date-range-picker style="width: 420px" />
+            <date-range-picker v-model="lendDates" style="width: 420px" />
+            <!-- <el-date-picker v-model="lendDates" type="daterange" start-placeholder="开始日期" range-separator="至" end-placeholder="结束日期" style="width: 420px;" /> -->
           </el-form-item>
           <el-form-item label="借阅目的" prop="borrowGoal" class="down-select">
             <el-select
@@ -130,22 +133,24 @@
 </template>
 
 <script>
+// import crudUser from '@/api/system/user'
+
 import pagination from '@crud/Pagination'
 // import crudOperation from '@crud/CRUD.operation'
 import headSlot from '../components/headSlot.vue'
 import DateRangePicker from '@/components/DateRangePicker'
-import CRUD, { presenter } from '@crud/crud'
+import CRUD, { presenter, crud } from '@crud/crud'
 import delConfirm from '../components/delConfirm.vue'
 import archiveDetail from './module/archiveDetail.vue'
 import data2 from '../data2.json'
 export default {
-  components: { headSlot, DateRangePicker, pagination, delConfirm, archiveDetail },
-  mixins: [presenter()],
+  components: { headSlot, pagination, delConfirm, archiveDetail, DateRangePicker },
+  mixins: [presenter(), crud()],
   cruds() {
     return CRUD({
       // title: '岗位',
       //   url: 'api/job',
-      // crudMethod: { ...crudJob },
+      // crudMethod: { ...crudUser },
       optShow: {
         add: false,
         edit: false,
@@ -157,6 +162,7 @@ export default {
   },
   data() {
     return {
+      lendDates: '',
       tableData: [],
       selections: [],
       listName: '借出列表',
@@ -207,6 +213,7 @@ export default {
     },
     handleRecordConfirm() {
       this.recordFormVisible = false
+      console.log(this.lendDates)
     }
     // cell({ row, columnIndex }) {
     //   if (row.isLendStatus === '待借' && columnIndex === 7) {
@@ -233,4 +240,11 @@ export default {
   border: 1px solid #F65163;
   border-radius:13px ;
 }
+::v-deep .el-range-separator{
+  color: #fff;
+  padding-top:2px ;
+}
+.svg-style{
+  margin-right: 5px;
+}
 </style>

src/views/archivesManage/recycleBin/index.vue

@@ -23,8 +23,9 @@
         <span class="left-bottom-line" />
         <!--工具栏-->
         <div class="head-container">
-          <el-button size="mini">彻底删除</el-button>
-          <el-button size="mini" style="margin-right:10px">还原</el-button>
+          <el-button icon="el-icon-delete" size="mini">彻底删除</el-button>
+          <el-button size="mini" style="margin-right:10px">
+            <svg-icon icon-class="huanyuan-fanbai" class-name="svg-style" />还原</el-button>
           <!-- 搜索 -->
           <!-- <div v-if="crud.props.searchToggle" class="head-search"> -->
           <el-input
@@ -33,7 +34,7 @@
             size="small"
             prefix-icon="el-icon-search"
             placeholder="请输入关键词"
-            style="width: 200px;"
+            style="width: 200px;margin-right:10px"
             class="filter-item"
           />
           <rrOperation />
@@ -79,7 +80,17 @@ export default {
   // name: 'User',
   components: { rrOperation, pagination },
   cruds() {
-    return CRUD({ title: '用户', url: 'api/users' })
+    return CRUD({
+      title: '用户',
+      url: 'api/users',
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: true,
+        group: false
+      }
+    })
   },
   mixins: [presenter(), header(), crud()],
   // 数据字典
@@ -172,4 +183,7 @@ export default {
     height: 30px;
     line-height: 30px;
   }
+  .svg-style{
+    margin-right: 5px;
+  }
 </style>