refactor(licenses/qualityins/index.vue): 修改：质检报告，增加刷新和隐藏搜索表单的工具，增加表格的 loading 效果

src/views/licenses/qualityIns/index.vue

@@ -4,7 +4,8 @@
       <!-- 查询表单 -->
       <el-form :model="queryParams"
         inline
-        label-position="left">
+        label-position="left"
+        v-show="showSearch">
         <el-form-item label="厂家名称"
           prop="manufacturersNameLike">
           <el-input v-model="queryParams.manufacturersNameLike"
@@ -29,7 +30,7 @@
         </el-form-item>
       </el-form>
       <!-- 功能按钮 -->
-      <el-row>
+      <el-row justify="space-between">
         <el-col :span="12">
           <el-button type="primary"
             plain
@@ -38,10 +39,17 @@
             新增
           </el-button>
         </el-col>
+        <el-col :span="12"
+          class="right-col">
+          <!-- 右边right-tool工具 -->
+          <right-toolbar v-model:showSearch="showSearch"
+            @queryTable="getList" />
+        </el-col>
       </el-row>
       <!-- 表格列表 -->
       <el-table :data="tableList"
-        style="width: 100%;">
+        style="width: 100%;"
+        v-loading="loading">
         <el-table-column prop="prdCode"
           label="料号"
           width="180" />
@@ -163,7 +171,6 @@ import { getQualityInsPageList, uploadFileToOSSAPI, postQualityIns, getProductNa
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid'
 import { getFileTypeExt, parseTime } from '@/utils'
-import { genFileId } from 'element-plus'
 
 const { proxy } = getCurrentInstance()
 
@@ -172,7 +179,7 @@ const queryParams = reactive({
   pageSize: 10,
 })
 
-
+const showSearch = ref(true)
 
 // 根据料号获取品名
 const getPrdName = async () => {
@@ -182,7 +189,9 @@ const getPrdName = async () => {
 
 const tableList = ref([])
 const total = ref(0)
+const loading = ref(false)
 const getList = async () => {
+  loading.value = true
   // 日期格式化
   if (queryParams.shipDate) {
     queryParams.shipDate = parseTime(queryParams.shipDate, `{y}/{m}/{d}`)
@@ -194,6 +203,7 @@ const getList = async () => {
     shipDate: item.shipDate ? parseTime(item.shipDate, `{y}-{m}-{d}`) : '',
   })) || []
   total.value = data.total || 0
+  loading.value = false
 }
 getList()
 
@@ -355,4 +365,10 @@ const handleExceed = async (files) => {
   ::v-deep(.el-icon--close) {
     right: auto !important;
   }
+
+  /* 右侧工具按钮 */
+  .right-col {
+    display: flex;
+    justify-content: flex-end;
+  }
 </style>
\ No newline at end of file