退库管理页面修改

src/views/EquipmentRoamRecord/returnRecord/index.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 装备流转记录  -->
   <div class="app-container">
-    <el-form ref="queryForm" size="small" inline label-width="auto" :model="queryParams">
+    <el-form ref="queryForm" size="small" inline label-width="120px" :model="queryParams">
-      <el-card class="search-box">
+      <el-card class="search-box" shadow="never">
         <el-row>
           <el-col :span="12">
             <el-form-item prop="keyword" label="关键字">
@@ -25,7 +25,7 @@
       </el-card>
     </el-form>
 
-    <el-card class="content-box">
+    <el-card class="content-box" shadow="never">
       <el-row>
         <el-col :span="2">
           <span style="font-size: 20px; font-weight: 800">退库记录列表</span>
@@ -79,7 +79,7 @@
           <el-table-column align="center" show-overflow-tooltip prop="devNum" label="数量"/>
           <el-table-column align="center" show-overflow-tooltip prop="address" label="操作">
             <template slot-scope="scope">
-              <el-button type="text" @click="onHandleOutRecord(scope.row)">
+              <el-button type="text" style="color: #2CBAB2;" @click="onHandleOutRecord(scope.row)">
                 {{ typeInfo[scope.row.type] }}记录单
               </el-button>
             </template>
@@ -95,13 +95,6 @@
     </el-card>
     <!-- 出库记录单 -->
     <el-dialog title="退库记录单" :visible.sync="outRecordVisible" width="80%" append-to-body>
-      <el-row style="display: flex; justify-content: flex-end; gap: 8px;">
-        <!--        下载PDF-->
-        <el-button size="mini" type="primary" @click="handleDownloadPDF">下载</el-button>
-        <!--        <el-button size="mini" type="primary" @click="onHandleDownload">下载</el-button>-->
-        <el-button size="mini" type="primary" @click="onHandlePrint">打印</el-button>
-        <el-button size="mini" type="primary" @click="onHandleClose">关闭</el-button>
-      </el-row>
 
       <vue-easy-print ref="recordPrintRef" id="print-content" tableShow style="width: 100%">
         <h2 style="text-align: center;font-size: 28px;">退库记录单</h2>
@@ -152,7 +145,15 @@
           </table>
         </div>
       </vue-easy-print>
-
+      <div slot="footer" class="dialog-footer">
+        <el-row style="display: flex; justify-content: flex-end; gap: 8px;">
+          <!--        下载PDF-->
+          <el-button size="mini" type="primary" @click="handleDownloadPDF">下载</el-button>
+          <!--        <el-button size="mini" type="primary" @click="onHandleDownload">下载</el-button>-->
+          <el-button size="mini" type="primary" @click="onHandlePrint">打印</el-button>
+          <el-button size="mini" type="primary" @click="onHandleClose">关闭</el-button>
+        </el-row>
+      </div>
       <!-- <el-row class="record-row" style="margin-top: 10px">
         <el-col :span="24" style="text-align: right">
           <div>
@@ -287,6 +288,32 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container{
+  background: #F0F0F0;
+}
+::v-deep.el-button--primary{
+  background-color: #2CBAB2;
+  border-color: #2CBAB2;
+}
+::v-deep.el-button--danger{
+  background-color: #FF5129;
+  border-color: #FF5129;
+}
+::v-deep.el-tag.el-tag--info {
+    background-color: #F5F5F5;
+    border-color: #B3B3B3;
+    color: #B3B3B3;
+}
+::v-deep.el-tag.el-tag--warn{
+    background-color: rgba(255,171,41,0.1);;
+    border: #FFAB29;
+    color: #FFAB29;
+}
+::v-deep.el-tag.el-tag--success {
+    background-color: rgba(52,226,199,0.1);
+    border-color: #34E2C7;
+    color: #34E2C7;
+}
 .record-row {
   /* margin-bottom: 10px; */
   font-size: 16px;

src/views/business/audit/addAudit.vue

@@ -696,10 +696,10 @@ export default {
     color: #34E2C7;
 }
 .approval-progress {
+   padding-top: 20px;
   ::v-deep .el-timeline-item__wrapper {
     padding-left: 30px;
   }
-
   .timeline-content {
     .node-title {
       display: flex;

src/views/business/warehouse/auditDetails.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 基础页面 -->
-  <div class="app-container">
+  <div class="app-container"> 
-    <GoBack :title="'退库审核'" @goBack="goBack" />
+    <el-card v-show="showSearch" style="margin-bottom: 20px" shadow="never">
-    <el-card v-show="showSearch" style="margin-bottom: 20px">
+      <GoBack :title="'退库审核'" @goBack="goBack" />
       <el-form :model="queryParams" ref="queryForm" size="small" inline label-width="110px">
 
         <el-form-item label="需求单位" prop="useUnit">
@@ -36,7 +36,7 @@
 
     </el-card>
 
-    <el-card>
+    <el-card shadow="never">
       <el-row :gutter="10" class="mb8" justify="end">
         <el-col :span="4">
           <span style="font-size: 20px; font-weight: 800">退库审核列表</span>
@@ -547,6 +547,32 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-container{
+  background: #F0F0F0;
+}
+::v-deep.el-button--primary{
+  background-color: #2CBAB2;
+  border-color: #2CBAB2;
+}
+::v-deep.el-button--danger{
+  background-color: #FF5129;
+  border-color: #FF5129;
+}
+::v-deep.el-tag.el-tag--info {
+    background-color: #F5F5F5;
+    border-color: #B3B3B3;
+    color: #B3B3B3;
+}
+::v-deep.el-tag.el-tag--warn{
+    background-color: rgba(255,171,41,0.1);;
+    border: #FFAB29;
+    color: #FFAB29;
+}
+::v-deep.el-tag.el-tag--success {
+    background-color: rgba(52,226,199,0.1);
+    border-color: #34E2C7;
+    color: #34E2C7;
+}
 .approval-progress {
   ::v-deep .el-timeline-item__wrapper {
     padding-left: 30px;

src/views/business/warehouse/auditList.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 基础页面 -->
   <div class="app-container">
-    <el-card v-show="showSearch" style="margin-bottom: 20px">
+    <el-card v-show="showSearch" style="margin-bottom: 20px;padding-bottom: 15px;" shadow="never">
-      <el-form :model="queryParams" ref="queryForm" label-width="auto" inline @submit.native.prevent>
+      <el-form :model="queryParams" ref="queryForm" label-width="140px" inline @submit.native.prevent>
         <el-form-item label="需求单位" prop="useUnit">
           <el-select
             v-model="queryParams.useUnit"
@@ -75,19 +75,20 @@
         </el-form-item>
 
         <!-- 表单按钮 -->
-        <el-form-item style="float: right">
+        <el-form-item style="float: right;margin-top: 10px;">
           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
         </el-form-item>
       </el-form>
     </el-card>
 
-    <el-card class="content-box">
+    <el-card class="content-box" shadow="never">
       <el-row :gutter="10" class="mb8" justify="end">
-        <el-col :span="4">
+        <el-col :span="6" style="display: flex;align-items: center;">
-          <span style="font-size: 20px; font-weight: 800">退库审核列表</span>
+          <span style="font-size: 20px; font-weight: 800;margin-right: 48px;">退库审核列表</span>
+          <span style="font-size: 16px;color: #808080;">共{{total}}条记录</span>
         </el-col>
-        <el-col :span="20" style="display: flex; justify-content: flex-end; gap: 10px">
+        <el-col :span="18" style="display: flex; justify-content: flex-end; gap: 10px">
           <el-button
             v-if="selectedRows.length > 0"
             type="primary"
@@ -140,8 +141,8 @@
         <el-table-column label="申请时间" align="center" prop="createTime" width="160px"/>
         <el-table-column label="操作" align="center">
           <template slot-scope="{ row }">
-            <el-button v-if="row.taskStatus != 0" size="mini" type="text" icon="el-icon-zoom-in" @click="handleView(row)">查看</el-button>
+            <el-button v-if="row.taskStatus != 0" type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
-            <el-button v-if="row.taskStatus == 0" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">
+            <el-button v-if="row.taskStatus == 0" type="text" style="color: #2CBAB2;" @click="handleEdit(row)">
               审核
             </el-button>
           </template>
@@ -303,6 +304,32 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-container{
+  background: #F0F0F0;
+}
+::v-deep.el-button--primary{
+  background-color: #2CBAB2;
+  border-color: #2CBAB2;
+}
+::v-deep.el-button--danger{
+  background-color: #FF5129;
+  border-color: #FF5129;
+}
+::v-deep.el-tag.el-tag--info {
+    background-color: #F5F5F5;
+    border-color: #B3B3B3;
+    color: #B3B3B3;
+}
+::v-deep.el-tag.el-tag--warn{
+    background-color: rgba(255,171,41,0.1);;
+    border: #FFAB29;
+    color: #FFAB29;
+}
+::v-deep.el-tag.el-tag--success {
+    background-color: rgba(52,226,199,0.1);
+    border-color: #34E2C7;
+    color: #34E2C7;
+}
 .el-form-item {
   margin-bottom: 0; /* 取消form-item的默认下边距 */
 }

src/views/business/warehouse/details.vue

@@ -1,8 +1,9 @@
 <template>
   <!-- 基础页面 -->
   <div class="app-container">
-    <GoBack :title="'退库申请'" @goBack="goBack" />
+    
-    <el-card v-show="showSearch" style="margin-bottom: 20px">
+    <el-card v-show="showSearch" style="margin-bottom: 20px" shadow="never">
+      <GoBack :title="'退库申请'" @goBack="goBack" />
       <el-form :model="queryParams" ref="queryForm" :rules="outFormRules" inline label-width="110px">
         <el-form-item label="需求单位" prop="useUnit">
           <el-select
@@ -82,7 +83,7 @@
 
     </el-card>
 
-    <el-card>
+    <el-card shadow="never">
       <el-row :gutter="10" class="mb8" justify="end">
         <el-col :span="4">
           <span style="font-size: 20px; font-weight: 800">退库申请设备</span>
@@ -661,4 +662,30 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-container{
+  background: #F0F0F0;
+}
+::v-deep.el-button--primary{
+  background-color: #2CBAB2;
+  border-color: #2CBAB2;
+}
+::v-deep.el-button--danger{
+  background-color: #FF5129;
+  border-color: #FF5129;
+}
+::v-deep.el-tag.el-tag--info {
+    background-color: #F5F5F5;
+    border-color: #B3B3B3;
+    color: #B3B3B3;
+}
+::v-deep.el-tag.el-tag--warn{
+    background-color: rgba(255,171,41,0.1);;
+    border: #FFAB29;
+    color: #FFAB29;
+}
+::v-deep.el-tag.el-tag--success {
+    background-color: rgba(52,226,199,0.1);
+    border-color: #34E2C7;
+    color: #34E2C7;
+}
 </style>

src/views/business/warehouse/index.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 基础页面 -->
   <div class="app-container">
-    <el-card v-show="showSearch" style="margin-bottom: 20px">
+    <el-card v-show="showSearch" style="margin-bottom: 20px;padding-bottom: 15px;" shadow="never">
-      <el-form :model="queryParams" ref="queryForm" inline label-width="auto">
+      <el-form :model="queryParams" ref="queryForm" inline label-width="140px">
         <el-form-item label="需求单位" prop="useUnit">
           <el-select
             v-model="queryParams.useUnit"
@@ -78,19 +78,20 @@
         </el-form-item>
 
         <!-- 表单按钮 -->
-        <el-form-item style="float: right">
+        <el-form-item style="float: right;margin-top: 10px;">
           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
         </el-form-item>
       </el-form>
     </el-card>
 
-    <el-card class="content-box">
+    <el-card class="content-box" shadow="never">
-      <el-row :gutter="10" class="mb8" justify="end">
+      <el-row :gutter="10" class="mb8" justify="end"> 
-        <el-col :span="4">
+        <el-col :span="6" style="display: flex;align-items: center;">
-          <span style="font-size: 20px; font-weight: 800">退库申请列表</span>
+          <span style="font-size: 20px; font-weight: 800;margin-right: 48px;">退库申请列表</span>
+          <span style="font-size: 16px;color: #808080;">共{{total}}条记录</span>
         </el-col>
-        <el-col :span="20" style="display: flex; justify-content: flex-end">
+        <el-col :span="18" style="display: flex; justify-content: flex-end">
           <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新建申请</el-button>
         </el-col>
         <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
@@ -130,12 +131,12 @@
         <el-table-column label="申请时间" align="center" prop="createTime" width="160px"/>
         <el-table-column label="操作" align="center">
           <template slot-scope="{ row }">
-            <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handleView(row)">查看</el-button>
+            <el-button type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
-            <el-button v-if="row.taskStatus != 2" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">
+            <el-button v-if="row.taskStatus != 2" type="text" style="color: #2CBAB2;" @click="handleEdit(row)">
               编辑
             </el-button>
-            <el-button v-if="row.taskStatus != 2" size="mini" type="text" icon="el-icon-delete"
+            <el-button v-if="row.taskStatus != 2" type="text" style="color: #FF5129;"
-                       @click="handleDelete(row)" style="color: red"
+                       @click="handleDelete(row)"
             >删除
             </el-button
             >
@@ -303,6 +304,32 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-container{
+  background: #F0F0F0;
+}
+::v-deep.el-button--primary{
+  background-color: #2CBAB2;
+  border-color: #2CBAB2;
+}
+::v-deep.el-button--danger{
+  background-color: #FF5129;
+  border-color: #FF5129;
+}
+::v-deep.el-tag.el-tag--info {
+    background-color: #F5F5F5;
+    border-color: #B3B3B3;
+    color: #B3B3B3;
+}
+::v-deep.el-tag.el-tag--warn{
+    background-color: rgba(255,171,41,0.1);;
+    border: #FFAB29;
+    color: #FFAB29;
+}
+::v-deep.el-tag.el-tag--success {
+    background-color: rgba(52,226,199,0.1);
+    border-color: #34E2C7;
+    color: #34E2C7;
+}
 .el-form-item {
   margin-bottom: 0; /* 取消form-item的默认下边距 */
 }