From e2499a631708b565922aa3ce24da8a2a5dddc637 Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Wed, 24 Mar 2021 23:51:07 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 src/views/parcel/parcelKind.vue     |   80 +++++++++++++++++---------
 src/views/animalHeat/animalHeat.vue |   19 +++--
 src/views/healthcode/healthcode.vue |    8 +-
 package.json                        |    1 
 src/views/parcel/parcel.vue         |   25 ++++++--
 5 files changed, 87 insertions(+), 46 deletions(-)

diff --git a/package.json b/package.json
index 9f565d9..f0e1bcf 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "chai": "^4.1.2",
     "node-sass": "^4.14.1",
     "sass-loader": "^7.0.1",
+    "vue-directive-image-previewer": "^2.2.2",
     "vue-template-compiler": "^2.5.17",
     "webpack-bundle-analyzer": "^3.0.3"
   },
diff --git a/src/views/animalHeat/animalHeat.vue b/src/views/animalHeat/animalHeat.vue
index cc2cadc..3c89f2b 100644
--- a/src/views/animalHeat/animalHeat.vue
+++ b/src/views/animalHeat/animalHeat.vue
@@ -204,7 +204,6 @@
         this.onLoad(this.page, this.query);
       },
       getAnimalData(e) {
-        this.activeClass = e;
         //type 0:本日  1:本月  2:本年   status: 0:正常   1:异常
         var params = {
           type: e
@@ -218,25 +217,28 @@
         let values = {
           ...params,
         };
-        if (this.$route.query.type && this.$route.query != undefined && this.$route.query != null && this.$route.query != "" ) {
-            if (this.$route.query.status != undefined && this.$route.query.status != null && this.$route.query.status != "" ) {
-              this.activeClass = this.$route.query.type;
+        console.log(this.$route.query.status,1);
+        console.log(this.$route.query.type,2);
+        console.log(this.$route.query,3);
+        if (this.$route.query.type!=undefined && this.$route.query != undefined && this.$route.query != null && this.$route.query != "" ) {
+            if (this.$route.query.status != undefined) {
               this.page.currentPage = 1;
               params = {
                 status:this.$route.query.status,
                 type:this.$route.query.type
               }
+              console.log(params,111);
             } else {
-              this.activeClass = 0;
               this.page.currentPage = 1;
               params = {
                 type:this.$route.query.type
               };
+              console.log(params,222);
             }
-        }else if(this.$route.query.status != undefined && this.$route.query.status != null && this.$route.query.status != "" ){
+        }else if(this.$route.query.status != undefined){
             params = {
               status: this.$route.query.status,
-              beginTime: this.$route.query.startTime,
+              begTime: this.$route.query.startTime,
               endTime: this.$route.query.endTime
             }
         }else{
@@ -244,6 +246,7 @@
                 status:this.$route.query.status,
                 type:this.$route.query.type
             }
+            console.log(params,444);
         }
 
         if (dateTime) {
@@ -260,7 +263,7 @@
             ...this.query,
           };
         }
-
+        console.log(params,555);
         this.loading = true;
         getList(page.currentPage, page.pageSize, values).then(res => {
           const data = res.data.data;
diff --git a/src/views/healthcode/healthcode.vue b/src/views/healthcode/healthcode.vue
index 40d1ef0..ca6170e 100644
--- a/src/views/healthcode/healthcode.vue
+++ b/src/views/healthcode/healthcode.vue
@@ -249,8 +249,8 @@
           ...params,
         };
 
-        if (this.$route.query.status && this.$route.query != undefined && this.$route.query != null && this.$route.query != "" ) {
-            if (this.$route.query.type != undefined && this.$route.query.type != null && this.$route.query.type != "" ) {
+        if (this.$route.query.status!=undefined && this.$route.query != undefined && this.$route.query != null && this.$route.query != "" ) {
+            if (this.$route.query.type != undefined) {
               this.activeClass = this.$route.query.status;
               this.page.currentPage = 1;
               params = {
@@ -264,10 +264,10 @@
                 type:this.$route.query.status
               };
             }
-        }else if(this.$route.query.type != undefined && this.$route.query.type != null && this.$route.query.type != "" ){
+        }else if(this.$route.query.type != undefined){
           params = {
             type: this.$route.query.type,
-            beginTime: this.$route.query.startTime,
+            begTime: this.$route.query.startTime,
             endTime: this.$route.query.endTime
           }
         }else{
diff --git a/src/views/parcel/parcel.vue b/src/views/parcel/parcel.vue
index 1385463..16d5640 100644
--- a/src/views/parcel/parcel.vue
+++ b/src/views/parcel/parcel.vue
@@ -29,23 +29,34 @@
           @click.stop="handleParcelPic(row)"
           >查看包裹图片
         </el-button>
-        
       </template>
-
       
     </avue-crud>
-    <el-dialog class="parcel-dialog" title="包裹图片" :visible.sync="dialogTableVisible" :append-to-body="true" :close-on-click-modal="false"
-          @opened="parcelConversation = true" @close="(parcelConversation = false), (oldParcelSatart = false)" >
-          <div>
-            <img :src="'data:image/png;base64,'+imgUrl" >
-          </div>
+      <el-dialog
+      height="30%"
+      top="10%" 
+      :visible.sync="dialogTableVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      @opened="parcelConversation = true"
+      @close="(parcelConversation = false), (oldParcelSatart = false)" >
+      <div>
+        <el-image  style="width: 60%;height:40%" :src="'data:image/png;base64,'+imgUrl"  :preview-src-list="'data:image/png;base64,'+imgUrl">
+        </el-image>
+        <!-- <img v-image-preview src="'data:image/png;base64,'+imgUrl"/> -->
+      </div>
     </el-dialog>
+    
   </basic-container>
 </template>
 
 <script>
   import {getList, getDetail, getParcelPic} from "@/api/parcel/parcel";
   import {mapGetters} from "vuex";
+//   import VueDirectiveImagePreviewer from 'vue-directive-image-previewer';
+//   import 'vue-directive-image-previewer/dist/assets/style.css';
+// import Vue from 'vue';
+//   Vue.use(VueDirectiveImagePreviewer);
 
   export default {
     data() {
diff --git a/src/views/parcel/parcelKind.vue b/src/views/parcel/parcelKind.vue
index 0738cd0..7eb1424 100644
--- a/src/views/parcel/parcelKind.vue
+++ b/src/views/parcel/parcelKind.vue
@@ -18,19 +18,42 @@
                @size-change="sizeChange"
                @refresh-change="refreshChange"
                @on-load="onLoad">
+      <template slot-scope="{ type, size, row }" slot="menu">
+        <el-button
+          v-if="row.imgUrl != null || row.imgUrl != ''"
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click.stop="handleParcelPic(row)"
+          >查看包裹图片
+        </el-button>
+      </template>
+      
+
     </avue-crud>
+
+    <!-- <template>
+        <div>
+          <img v-image-preview src="'data:image/png;base64,'+imgUrl"/>
+        </div>
+      </template> -->
   </basic-container>
 </template>
 
 <script>
-  import {getKindList, getDetail} from "@/api/parcel/parcel";
+  import {getKindList, getParcelPic} from "@/api/parcel/parcel";
   import {mapGetters} from "vuex";
+  import VueDirectiveImagePreviewer from 'vue-directive-image-previewer';
+  import 'vue-directive-image-previewer/dist/assets/style.css';
+  import Vue from 'vue';
+  Vue.use(VueDirectiveImagePreviewer);
 
   export default {
     data() {
       return {
         form: {},
         query: {},
+        imgUrl:'',
         loading: true,
         page: {
           pageSize: 10,
@@ -44,7 +67,7 @@
           tip: false,
           searchShow: true,
           searchMenuSpan: 4,
-          menuWidth:120,
+          menuWidth:150,
           border: true,
           index: true,
           viewBtn: true,
@@ -67,10 +90,6 @@
               },
             },
             {
-              label: "安检机名称",
-              prop: "checkMachineName",
-            },
-            {
               label: "包裹ID",
               prop: "packageId",
             },
@@ -81,7 +100,7 @@
             },
             {
               label: "安检时间",
-              prop: "samplingTime",
+              prop: "createTime",
             },
             {
               label: "安检时间",
@@ -104,25 +123,25 @@
                 }
               ]
             },
-            {
-              label: "违禁类型",
-              search: true,
-              searchLabelWidth: 120,
-              searchSpan: 4,
-              hide: true,
-              prop: "decisioDiagramResult",
-              type: "select",
-              dicData: [
-                {
-                  label: "是",
-                  value: "contraband"
-                },
-                {
-                  label: "否",
-                  value: "normal"
-                },
-              ]
-            },
+            // {
+            //   label: "违禁类型",
+            //   search: true,
+            //   searchLabelWidth: 120,
+            //   searchSpan: 4,
+            //   hide: true,
+            //   prop: "decisioDiagramResult",
+            //   type: "select",
+            //   dicData: [
+            //     {
+            //       label: "是",
+            //       value: "contraband"
+            //     },
+            //     {
+            //       label: "否",
+            //       value: "normal"
+            //     },
+            //   ]
+            // },
             {
               label: '违禁品名称',
               prop: 'objName'
@@ -151,7 +170,7 @@
       permissionList() {
         return {
           addBtn: this.vaildData(null, false),
-          viewBtn: this.vaildData(this.permission.parcel_pic_view, true),
+          viewBtn: this.vaildData(null, false),
           delBtn: this.vaildData(null, false),
           editBtn: this.vaildData(null, false)
         };
@@ -244,6 +263,13 @@
           this.loading = false;
           this.selectionClear();
         });
+      },
+      handleParcelPic(row) {
+        console.log(row.imgUrl);
+        getParcelPic(row.imgUrl).then(res => {
+            this.imgUrl = res.data.data.imgBase64;
+          });
+        this.dialogTableVisible = true;
       }
     }
   };

--
Gitblit v1.9.3