11/20 库存明细优化 盘点增加loading

src/views/drugInventory/InvProducts.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form" size="mini" label-width="100px" >
+      <el-form v-if="queryList && queryList.length > 0 " :model="filterQuery" class="query-form" size="mini" label-width="100px" >
        <!-- <el-row>
           <el-col :span="18">
             <el-form-item label="扫码查询:">
@@ -143,6 +143,7 @@
         </el-row> -->
         <el-row style=" display:flex;  flex-wrap: wrap; ">
           <template v-for="(item, index) in queryList" >
+            <div v-if="showSearch || item.isImport">
             <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
               <el-input
                 v-model="filterQuery[item.columnName]"
@@ -208,12 +209,13 @@
                 :placeholder="item.columnDesc"
               ></el-date-picker>
             </el-form-item>
+            </div>
           </template>
         </el-row>
       </el-form>
       <div class="top-right-btn">
         <el-button-group>
-          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">高级查询</el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh"
@@ -419,7 +421,7 @@ export default {
   name: "InvProducts",
   data() {
     return {
-      showSearch: true,
+      showSearch: false,
       filterQuery: {
         nameCode: null,
         cpmctymc: null,

src/views/inventory/InvPreProducts.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form" size="mini" label-width="100px">
+      <el-form v-if="queryList && queryList.length > 0 " :model="filterQuery" class="query-form" size="mini" label-width="100px">
 <!--        <el-row>-->
 <!--          <el-col :span="18">-->
 <!--            <el-form-item class="query-form-item" label="扫码查询:">-->
@@ -143,6 +143,7 @@
 <!--        </el-row>-->
         <el-row style=" display:flex;  flex-wrap: wrap; ">
           <template v-for="(item, index) in queryList" >
+            <div v-if="showSearch || item.isImport">
             <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
               <el-input
                 v-model="filterQuery[item.columnName]"
@@ -208,12 +209,13 @@
                 :placeholder="item.columnDesc"
               ></el-date-picker>
             </el-form-item>
+            </div>
           </template>
         </el-row>
       </el-form>
       <div class="top-right-btn">
         <el-button-group>
-          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">高级查询</el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh"
@@ -404,7 +406,7 @@ export default {
   name: "InvPreProducts",
   data() {
     return {
-      showSearch: true,
+      showSearch: false,
       filterQuery: {
         nameCode: null,
         cpmctymc: null,

src/views/inventory/InvProducts.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form" size="mini" label-width="100px" >
+      <el-form v-if="queryList && queryList.length > 0 " :model="filterQuery" class="query-form" size="mini" label-width="100px" >
        <!-- <el-row>
           <el-col :span="18">
             <el-form-item label="扫码查询:">
@@ -143,6 +143,7 @@
         </el-row> -->
         <el-row style=" display:flex;  flex-wrap: wrap; ">
           <template v-for="(item, index) in queryList" >
+            <div v-if="showSearch || item.isImport">
             <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
               <el-input
                 v-model="filterQuery[item.columnName]"
@@ -208,12 +209,13 @@
                 :placeholder="item.columnDesc"
               ></el-date-picker>
             </el-form-item>
+            </div>
           </template>
         </el-row>
       </el-form>
       <div class="top-right-btn">
         <el-button-group>
-          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">高级查询</el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh"
@@ -419,7 +421,7 @@ export default {
   name: "InvProducts",
   data() {
     return {
-      showSearch: true,
+      showSearch: false,
       filterQuery: {
         nameCode: null,
         cpmctymc: null,

src/views/inventory/InvSupPreInProducts.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form" size="mini" label-width="100px">
+      <el-form v-if="queryList && queryList.length > 0 " :model="filterQuery" class="query-form" size="mini" label-width="100px">
 <!--        <el-row>-->
 <!--          <el-col :span="18">-->
 <!--            <el-form-item class="query-form-item" label="扫码查询:">-->
@@ -143,6 +143,7 @@
 <!--        </el-row>-->
         <el-row style=" display:flex;  flex-wrap: wrap; ">
           <template v-for="(item, index) in queryList" >
+            <div v-if="showSearch || item.isImport">
             <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
               <el-input
                 v-model="filterQuery[item.columnName]"
@@ -208,12 +209,13 @@
                 :placeholder="item.columnDesc"
               ></el-date-picker>
             </el-form-item>
+            </div>
           </template>
         </el-row>
       </el-form>
       <div class="top-right-btn">
         <el-button-group>
-          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">高级查询</el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh"
@@ -396,7 +398,7 @@ export default {
   name: "InvPreProducts",
   data() {
     return {
-      showSearch: true,
+      showSearch: false,
       filterQuery: {
         nameCode: null,
         cpmctymc: null,

src/views/inventory/count/InvCountOrderAudit.vue

@@ -603,30 +603,55 @@ export default {
         closeOnClickModal: false,//点击遮罩关闭弹窗
         distinguishCancelAndClose: true,//区分取消与关闭
       }).then(() => {
+        // 显示加载状态
+        const loading = _this.$loading({
+          lock: true,
+          text: '审核中...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
         params.status = 2; //审核通过
         updateCountOrderStatus(params).then((res) => {
           if (res.code === 20000) {
             _this.$message.success("审核通过");
             _this.getList();
             _this.onRestDetail();
+            // 关闭加载状态
+            loading.close();
           } else {
+            // 关闭加载状态
+            loading.close();
             _this.$message.error(res.message);
           }
         }).catch(() => {
+          // 关闭加载状态
+          loading.close();
         });
       }).catch((action) => {
         if (action === 'cancel') {
           //驳回
           params.status = 0; //驳回到上一个状态
+          const loading = _this.$loading({
+            lock: true,
+            text: '驳回中...',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          });
           updateCountOrderStatus(params).then((res) => {
             if (res.code === 20000) {
               _this.$message.warning("已驳回");
               _this.getList();
               _this.onRestDetail();
+              // 关闭加载状态
+              loading.close();
             } else {
+              // 关闭加载状态
+              loading.close();
               _this.$message.error(res.message);
             }
           }).catch(() => {
+            // 关闭加载状态
+            loading.close();
           });
         } else {
           //关闭弹窗