保存自动存储表格图片

package.json

@@ -53,6 +53,7 @@
     "element-china-area-data": "^5.0.2",
     "element-ui": "^2.13.2",
     "form-making-advanced": "^1.2.6",
+    "html2canvas": "^1.3.2",
     "js-cookie": "2.2.0",
     "lodash": "^4.17.20",
     "node-gyp": "^5.0.6",

src/views/houseSelfCollect/inspectInfo.vue

@@ -6,15 +6,9 @@
         <h2 class="bg-left titleup">{{ information }}质检信息</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
-        <el-button class="bg-bottom" type="primary" size="small" @click="cancel"
-          ><img
-            width="6"
-            height="10"
-            style="vertical-align: bottom; margin-right: 3px"
-            src="../../../public/img/lujing.png"
-            alt=""
-          />返回</el-button
-        >
+        <el-button class="bg-bottom" type="primary" size="small" @click="cancel"><img width="6" height="10"
+            style="vertical-align: bottom; margin-right: 3px" src="../../../public/img/lujing.png" alt="" />返回
+        </el-button>
       </el-col>
     </el-row>
     <div class="substance">
@@ -23,759 +17,683 @@
           <div class="title">基本信息</div>
           <ws-info-table>
             <ws-form-item label="仓库" span="1" prop="warehouseName">
-              <ws-input
-                v-model="warehouseName"
-                placeholder="请输入仓库"
-                maxlength="100"
-                disabled
-                size="small"
-              />
+              <ws-input v-model="warehouseName" placeholder="请输入仓库" maxlength="100" disabled size="small" />
             </ws-form-item>
             <ws-form-item label="编号" span="1" prop="qualityNo">
-              <ws-input
-                v-model="inspect.qualityNo"
-                placeholder="请输入编号"
-                maxlength="100"
-                disabled
-                size="small"
-              />
+              <ws-input v-model="inspect.qualityNo" placeholder="请输入编号" maxlength="100" disabled size="small" />
             </ws-form-item>
             <ws-form-item label="仓位号" span="1" prop="binNumber">
-              <ws-select
-                v-model="inspect.binNumber"
-                placeholder="请输入仓位号"
-                class="typeselect"
-                :disabled="disabled"
-              >
-                <ws-option
-                  v-for="item in getbinNumberList"
-                  :key="item.value"
-                  :label="item.value"
-                  :value="item.value"
-                />
+              <ws-select v-model="inspect.binNumber" placeholder="请输入仓位号" class="typeselect" :disabled="disabled">
+                <ws-option v-for="item in getbinNumberList" :key="item.value" :label="item.value" :value="item.value" />
               </ws-select>
             </ws-form-item>
             <ws-form-item label="客户" span="1" prop="customerName">
-              <ws-select
-                v-model="inspect.customerName"
-                placeholder=""
-                class="typeselect"
-                @change="customerChange"
-                :disabled="disabled1"
-              >
-                <ws-option
-                  v-for="item in customerList"
-                  :key="item.valueKey"
-                  :label="item.value"
-                  :value="item.value"
-                />
+              <ws-select v-model="inspect.customerName" placeholder="" class="typeselect" @change="customerChange"
+                :disabled="disabled1">
+                <ws-option v-for="item in customerList" :key="item.valueKey" :label="item.value" :value="item.value" />
               </ws-select>
             </ws-form-item>
             <ws-form-item label="囤位号" span="1" prop="storageTagNo">
-              <ws-input
-                v-model="inspect.storageTagNo"
-                placeholder="请输入囤位号"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.storageTagNo" placeholder="请输入囤位号" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="车牌号" span="1" prop="carNumber">
-              <ws-input
-                v-model="inspect.carNumber"
-                placeholder="请输入车牌号"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.carNumber" placeholder="请输入车牌号" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="货名" span="1" prop="goodsName">
-              <ws-select
-                v-model="inspect.goodsName"
-                placeholder=""
-                class="typeselect"
-                :disabled="disabled1"
-                @change="waterContentChange"
-              >
-                <ws-option
-                  v-for="item in goodNameList"
-                  :key="item.goodsName"
-                  :label="item.goodsName"
-                  :value="item.goodsName"
-                />
+              <ws-select v-model="inspect.goodsName" placeholder="" class="typeselect" :disabled="disabled1"
+                @change="waterContentChange">
+                <ws-option v-for="item in goodNameList" :key="item.goodsName" :label="item.goodsName"
+                  :value="item.goodsName" />
               </ws-select>
             </ws-form-item>
             <ws-form-item label="扣重比" span="1" prop="buckleWeightRatio">
-              <ws-input
-                v-model="inspect.buckleWeightRatio"
-                placeholder="请输入扣重比"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.buckleWeightRatio" placeholder="请输入扣重比" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="类型" span="1" prop="type">
-              <ws-select
-                v-model="inspect.type"
-                placeholder=""
-                :disabled="disabled"
-              >
-                <ws-option
-                  v-for="item in typeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
+              <ws-select v-model="inspect.type" placeholder="" :disabled="disabled">
+                <ws-option v-for="item in typeList" :key="item" :label="item" :value="item" />
               </ws-select>
             </ws-form-item>
-            <ws-form-item
-              label="购粮性质"
-              span="1"
-              prop="natureOfGrainPurchase"
-            >
-              <ws-input
-                v-model="inspect.natureOfGrainPurchase"
-                placeholder="请输入购粮性质"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+            <ws-form-item label="购粮性质" span="1" prop="natureOfGrainPurchase">
+              <ws-input v-model="inspect.natureOfGrainPurchase" placeholder="请输入购粮性质" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
-            <ws-form-item
-              label="净重单价（元/公斤）"
-              span="1"
-              prop="buckleWeightRatio"
-            >
-              <ws-input
-                v-model="inspect.tidalGrainPrice"
-                placeholder="请输入净重单价"
-                maxlength="100"
-                size="small"
-                disabled
-              />
+            <ws-form-item label="净重单价（元/公斤）" span="1" prop="buckleWeightRatio">
+              <ws-input v-model="inspect.tidalGrainPrice" placeholder="请输入净重单价" maxlength="100" size="small" disabled />
             </ws-form-item>
           </ws-info-table>
 
           <div class="title">质检数据</div>
           <ws-info-table>
             <ws-form-item label="等级" span="1" prop="grade">
-              <ws-select
-                v-model="inspect.grade"
-                placeholder="请输入等级"
-                class="typeselect"
-                @change="waterContentChange"
-                :disabled="disabled"
-              >
-                <ws-option
-                  v-for="item in gradeList"
-                  :key="item.constKey"
-                  :label="item.constValue"
-                  :value="item.constValue"
-                />
+              <ws-select v-model="inspect.grade" placeholder="请输入等级" class="typeselect" @change="waterContentChange"
+                :disabled="disabled">
+                <ws-option v-for="item in gradeList" :key="item.constKey" :label="item.constValue"
+                  :value="item.constValue" />
               </ws-select>
             </ws-form-item>
             <ws-form-item label="杂质（%）" span="1" prop="impurity">
-              <ws-input
-                v-model="inspect.impurity"
-                placeholder="请输入杂质占比"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.impurity" placeholder="请输入杂质占比" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="水分（%）" span="1" prop="waterContent">
-              <ws-input
-                v-model="inspect.waterContent"
-                placeholder="请输入水分占比"
-                maxlength="100"
-                size="small"
-                @change="waterContentChange"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.waterContent" placeholder="请输入水分占比" maxlength="100" size="small"
+                @change="waterContentChange" :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="霉变粒（%）" span="1" prop="mildewGrain">
-              <ws-input
-                v-model="inspect.mildewGrain"
-                placeholder="请输入霉变粒占比"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.mildewGrain" placeholder="请输入霉变粒占比" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="容重（克/升）" span="1" prop="bulkDensity">
-              <ws-input
-                v-model="inspect.bulkDensity"
-                placeholder="请输入容重"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.bulkDensity" placeholder="请输入容重" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="热损伤（%）" span="1" prop="jiaorenli">
-              <ws-input
-                v-model="inspect.jiaorenli"
-                placeholder="请输入热损伤占比"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.jiaorenli" placeholder="请输入热损伤占比" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
             <ws-form-item label="不完整粒（%）" span="1" prop="imperfectGrain">
-              <ws-input
-                v-model="inspect.imperfectGrain"
-                placeholder="请输入不完整粒占比"
-                maxlength="100"
-                size="small"
-                :disabled="disabled"
-              />
+              <ws-input v-model="inspect.imperfectGrain" placeholder="请输入不完整粒占比" maxlength="100" size="small"
+                :disabled="disabled" />
             </ws-form-item>
           </ws-info-table>
           <!-- <div style="text-align: right; color: #323233">
             潮粮单价（元/公斤）：{{ unitPrice}}
           </div> -->
           <div class="but">
-            <el-button @click="cancel" v-if="this.types != 2" type="primary"
-              >取消</el-button
-            >
-            <el-button @click="print" v-if="this.types != 2" type="primary"
-              >保存并打印</el-button
-            >
-            <el-button @click="cancel" v-if="this.types == 2" type="primary"
-              >关闭</el-button
-            >
+            <el-button @click="cancel" v-if="this.types != 2" type="primary">取消</el-button>
+            <el-button @click="print" v-if="this.types != 2" type="primary">保存并打印</el-button>
+            <el-button @click="cancel" v-if="this.types == 2" type="primary">关闭</el-button>
           </div>
         </div>
       </ws-form>
     </div>
-    <el-dialog
-      width="70%"
-      class="table-content"
-      center
-      :visible.sync="isShowPrint"
-      title="粮食质检单"
-    >
-      <inspectInfoPrint :printData="inspect"></inspectInfoPrint>
+    <el-dialog width="70%" class="table-content" center :visible.sync="isShowPrint" title="粮食质检单" @close="closeDialog">
+      <div slot="footer">
+        <inspectInfoPrint :printData="inspect" ref="saveImg"></inspectInfoPrint>
+      </div>
     </el-dialog>
   </div>
 </template>
 <script>
-import {
-  inspectAdd,
-  getbinNumber,
-  getcustomer,
-  getinspectLook,
-  getinspectLookUnitPrice,
-  getinspectLookGoods,
-  getinspectEdit,
-  getamount,
-  getCount,
-} from '@/model/houseSelfCollect/index'
-import { packList } from '@/model/contarct/index'
-import inspectInfoPrint from './component/inspectInfoPrint.vue'
-export default {
-  components: {
-    inspectInfoPrint,
-  },
-  watch: {},
-  data() {
-    return {
-      isShowPrint: false,
-      // warehouseList: {},
-      inspect: {
-        tidalGrainPrice: 0,
-        buckleWeightRatio: 0,
-      },
-      disabled: false,
-      disabled1: false,
-      types: '1',
-      information: '添加',
-      goodNameList: [],
-      gradeList: [],
-      customerList: [],
-      getbinNumberList: [],
-      cangid: '', //仓库id
-      warehouseName: '',
-      unitPrice: 0,
-      count: 0,
-      cangNo: '',
-      typeList: ['干粮', '潮粮'],
-      purchasePriceList: [],
-      id: '',
-    }
-  },
-  activated() {
-    this.types = this.$route.query.type
-    this.cangid = this.$route.query.cangid
-    this.warehouseName = this.$route.query.warehouseName
-    this.cangNo = this.$route.query.warehouseNo
-    this.count = Number(this.$route.query.count) + 1
-    this.purchasePriceList = this.$route.query.purchasePriceList
-    this.id = this.$route.query.id
-    if (this.types == 2) {
-      this.disabled = true
-      this.disabled1 = true
-      this.information = '查看'
-    } else if (this.types == 3) {
-      this.disabled = false
-      this.disabled1 = true
-      this.information = '编辑'
-    }
-    this.calculation()
-    this.getList(this.id)
-  },
-  methods: {
-    getdate() {
-      var date = new Date()
-      var year = date.getFullYear() //获取完整的年份(4位)
-      var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
-      var datetime = date.getDate() //获取当前日(1-31)
-      if (mouth < 10) {
-        mouth = '0' + mouth
-      }
-      if (datetime < 10) {
-        datetime = '0' + datetime
-      }
-      return year + mouth + datetime
+  import {
+    inspectAdd,
+    getbinNumber,
+    getcustomer,
+    getinspectLook,
+    getinspectLookUnitPrice,
+    getinspectLookGoods,
+    getinspectEdit,
+    getamount,
+    getCount,
+  } from '@/model/houseSelfCollect/index'
+  import {
+    packList
+  } from '@/model/contarct/index'
+  import inspectInfoPrint from './component/inspectInfoPrint.vue'
+  import html2canvas from "html2canvas"
+  export default {
+    components: {
+      inspectInfoPrint,
     },
-    calculation() {
-      let number = '000' + this.count
-      number = number.substring(number.length - 4, number.length)
-      this.inspect.qualityNo = 'SGRK' + this.getdate() + this.cangNo + number //SGRK+8位时间+3位仓库编号+4位序列号
-      // + this.verifyinit()
+    watch: {},
+    data() {
+      return {
+        isShowPrint: false,
+        // warehouseList: {},
+        inspect: {
+          tidalGrainPrice: 0,
+          buckleWeightRatio: 0,
+        },
+        disabled: false,
+        disabled1: false,
+        types: '1',
+        information: '添加',
+        goodNameList: [],
+        gradeList: [],
+        customerList: [],
+        getbinNumberList: [],
+        cangid: '', //仓库id
+        warehouseName: '',
+        unitPrice: 0,
+        count: 0,
+        cangNo: '',
+        typeList: ['干粮', '潮粮'],
+        purchasePriceList: [],
+        id: '',
+      }
     },
-    print() {
-      // if (!this.inspect.qualityNo) {
-      //   this.$message({
-      //     message: '编号不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.binNumber) {
-      //   this.$message({
-      //     message: '仓位不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.customerName) {
-      //   this.$message({
-      //     message: '客户不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.storageTagNo) {
-      //   this.$message({
-      //     message: '囤位号不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-
-      // if (this.inspect.storageTagNo.length > 10) {
-      //   this.$message({
-      //     message: '囤位号不超过10个字符',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.carNumber) {
-      //   this.$message({
-      //     message: '车牌号不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (this.inspect.carNumber.length > 7) {
-      //   this.$message({
-      //     message: '车牌号输入错误',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.goodsName) {
-      //   this.$message({
-      //     message: '货名不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (
-      //   this.inspect.buckleWeightRatio < 0 ||
-      //   this.inspect.buckleWeightRatio > 2
-      // ) {
-      //   this.$message({
-      //     message: '扣重比输入错误',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (
-      //   String(this.inspect.buckleWeightRatio).indexOf('.') != -1 &&
-      //   String(this.inspect.buckleWeightRatio).length -
-      //     (String(this.inspect.buckleWeightRatio).indexOf('.') + 1) >
-      //     2
-      // ) {
-      //   this.$message({
-      //     message: '扣重比输入错误',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.type) {
-      //   this.$message({
-      //     message: '类型不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.type) {
-      //   this.$message({
-      //     message: '类型不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.natureOfGrainPurchase) {
-      //   this.$message({
-      //     message: '购粮性质不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.grade) {
-      //   this.$message({
-      //     message: '等级不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.impurity) {
-      //   this.$message({
-      //     message: '杂质不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.waterContent) {
-      //   this.$message({
-      //     message: '水分不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.mildewGrain) {
-      //   this.$message({
-      //     message: '霉变粒不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.bulkDensity) {
-      //   this.$message({
-      //     message: '容重不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.jiaorenli) {
-      //   this.$message({
-      //     message: '热损伤不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // if (!this.inspect.imperfectGrain) {
-      //   this.$message({
-      //     message: '不完整粒不能为空',
-      //     type: 'warning',
-      //   })
-      //   return
-      // }
-      // //查看当前用户对应货名有未结算状态的送货
-      // let count = 0
-      // getCount({
-      //   compId: sessionStorage.getItem('ws-pf_compId'),
-      //   customerName: this.inspect.customerName,
-      //   goodsName: this.inspect.goodsName,
-      // })  .toPromise()
-      //   .then((response) => {
-      //        count = response
-      //   })
-      // //  客户下拉校验
-      // getamount({
-      //   compId: sessionStorage.getItem('ws-pf_compId'),
-      //   customerName: this.inspect.customerName,
-      //   goodsName: this.inspect.goodsName,
-      // })
-      //   .toPromise()
-      //   .then((response) => {
-      //     for (let i = 0; i < this.purchasePriceList.length; i++) {
-      //       if (this.inspect.goodsName == this.purchasePriceList[i].goodsName) {
-      //         console.log(this.purchasePriceList[i].saleLimit - response)
-      //         if (this.purchasePriceList[i].saleLimit - response < 50 || count > 0) {
-      //           // this.$confirm(
-      //           //   '当前客户已累计销售我司' +
-      //           //     this.inspect.goodsName +
-      //           //     response +
-      //           //     '吨，最高可售' +
-      //           //     this.purchasePriceList[i].saleLimit +
-      //           //     '吨。',
-      //           //   '提示',
-      //           //   {
-      //           //     cancelButtonText: '取消',
-      //           //     type: 'warning',
-      //           //   }
-      //           // )
-      //           //   .then(() => {})
-      //           //   .catch(() => {
-      //           //     return false
-      //           //   })
-      //             this.$alert('当前客户已累计销售我司' +this.inspect.goodsName + response +'吨，最高可售' +this.purchasePriceList[i].saleLimit +'吨。',
-      //                   '提示',
-      //                   {
-      //                     confirmButtonText: '确定',
-      //                     callback: (action) => {
-      //                       // this.$message({
-      //                       //   type: 'info',
-      //                       //   message: `累计售粮已超出上限`,
-      //                       // })
-      //                     },
-      //                   }
-      //                 )
-      //         }
-      //       }
-      //     }
-      //   })
-      this.inspect.warehouseName = this.warehouseName
-      this.inspect.compId = sessionStorage.getItem('ws-pf_compId')
-      this.inspect.qualityInspector = sessionStorage.getItem('ws-pf_staffName')
-      if (this.types == null) {
-        this.$confirm('确定保存质检信息？', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-          .then(() => {
-            inspectAdd(this.inspect)
-              .toPromise()
-              .then((response) => {
-                this.$message.success('保存成功')
-                 getinspectLook({ id: response })
-                  .toPromise()
-                  .then((response) => {
-                    this.inspect = response
-                  })
-                this.isShowPrint = true
-                //打印
-                // this.$router.go(-1)
-              })
-          })
-          .catch(() => {
-            return false
-          })
+    activated() {
+      this.types = this.$route.query.type
+      this.cangid = this.$route.query.cangid
+      this.warehouseName = this.$route.query.warehouseName
+      this.cangNo = this.$route.query.warehouseNo
+      this.count = Number(this.$route.query.count) + 1
+      this.purchasePriceList = this.$route.query.purchasePriceList
+      this.id = this.$route.query.id
+      if (this.types == 2) {
+        this.disabled = true
+        this.disabled1 = true
+        this.information = '查看'
       } else if (this.types == 3) {
-        this.$confirm('确定保存质检信息？', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-          .then(() => {
-            // return
-            getinspectEdit(this.inspect)
-              .toPromise()
-              .then((response) => {
-                this.$message.success('修改成功')
-                getinspectLook({ id: this.inspect.id })
-                  .toPromise()
-                  .then((response) => {
-                    this.inspect = response
-                  })
-                this.isShowPrint = true
-              })
-          })
-          .catch(() => {
-            return false
-          })
+        this.disabled = false
+        this.disabled1 = true
+        this.information = '编辑'
       }
+      this.calculation()
+      this.getList(this.id)
     },
-    cancel() {
-      this.$router.push({ path: 'inspectionManagement' })
-    },
-    customerChange(e) {
-      let customers = e.split('(')
-      this.inspect.customerName = customers[0]
-      this.inspect.customerPhone = customers[1].split(')')[0]
-    },
+    methods: {
+      getdate() {
+        var date = new Date()
+        var year = date.getFullYear() //获取完整的年份(4位)
+        var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+        var datetime = date.getDate() //获取当前日(1-31)
+        if (mouth < 10) {
+          mouth = '0' + mouth
+        }
+        if (datetime < 10) {
+          datetime = '0' + datetime
+        }
+        return year + mouth + datetime
+      },
+      calculation() {
+        let number = '000' + this.count
+        number = number.substring(number.length - 4, number.length)
+        this.inspect.qualityNo = 'SGRK' + this.getdate() + this.cangNo + number //SGRK+8位时间+3位仓库编号+4位序列号
+        // + this.verifyinit()
+      },
+      closeDialog() {
+        html2canvas(this.$refs.saveImg.$el).then(canvas => {
+          let dataURL = canvas.toDataURL("image/png");
+          this.imgUrl = dataURL;
+          if (this.imgUrl !== "") {
+            let b = this.dataURLtoFile(this.imgUrl, "aa")
+            console.log(b)
+            let formdata = new FormData();
+            formdata.append("file", b);
+            axios({
+              method: 'post',
+              url: 'https://www.zthymaoyi.com/upload/admin',
+              data: formdata
+            }).then((response) => {
+              console.log(response)
+              //编辑接口
+              this.inspect.xx=response.data.xx
+              
+            })
 
-    waterContentChange() {
-      if (this.inspect.goodsName) {
-        for (var i = 0; i < this.purchasePriceList.length; i++) {
-          if (this.purchasePriceList[i].goodsName == this.inspect.goodsName) {
-            this.inspect.buckleWeightRatio =
-              this.purchasePriceList[i].deductWeight
+            this.dialogTableVisible = true;
           }
+        });
+      },
+      print() {
+        // if (!this.inspect.qualityNo) {
+        //   this.$message({
+        //     message: '编号不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.binNumber) {
+        //   this.$message({
+        //     message: '仓位不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.customerName) {
+        //   this.$message({
+        //     message: '客户不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.storageTagNo) {
+        //   this.$message({
+        //     message: '囤位号不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+
+        // if (this.inspect.storageTagNo.length > 10) {
+        //   this.$message({
+        //     message: '囤位号不超过10个字符',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.carNumber) {
+        //   this.$message({
+        //     message: '车牌号不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (this.inspect.carNumber.length > 7) {
+        //   this.$message({
+        //     message: '车牌号输入错误',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.goodsName) {
+        //   this.$message({
+        //     message: '货名不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (
+        //   this.inspect.buckleWeightRatio < 0 ||
+        //   this.inspect.buckleWeightRatio > 2
+        // ) {
+        //   this.$message({
+        //     message: '扣重比输入错误',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (
+        //   String(this.inspect.buckleWeightRatio).indexOf('.') != -1 &&
+        //   String(this.inspect.buckleWeightRatio).length -
+        //     (String(this.inspect.buckleWeightRatio).indexOf('.') + 1) >
+        //     2
+        // ) {
+        //   this.$message({
+        //     message: '扣重比输入错误',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.type) {
+        //   this.$message({
+        //     message: '类型不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.type) {
+        //   this.$message({
+        //     message: '类型不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.natureOfGrainPurchase) {
+        //   this.$message({
+        //     message: '购粮性质不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.grade) {
+        //   this.$message({
+        //     message: '等级不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.impurity) {
+        //   this.$message({
+        //     message: '杂质不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.waterContent) {
+        //   this.$message({
+        //     message: '水分不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.mildewGrain) {
+        //   this.$message({
+        //     message: '霉变粒不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.bulkDensity) {
+        //   this.$message({
+        //     message: '容重不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.jiaorenli) {
+        //   this.$message({
+        //     message: '热损伤不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // if (!this.inspect.imperfectGrain) {
+        //   this.$message({
+        //     message: '不完整粒不能为空',
+        //     type: 'warning',
+        //   })
+        //   return
+        // }
+        // //查看当前用户对应货名有未结算状态的送货
+        // let count = 0
+        // getCount({
+        //   compId: sessionStorage.getItem('ws-pf_compId'),
+        //   customerName: this.inspect.customerName,
+        //   goodsName: this.inspect.goodsName,
+        // })  .toPromise()
+        //   .then((response) => {
+        //        count = response
+        //   })
+        // //  客户下拉校验
+        // getamount({
+        //   compId: sessionStorage.getItem('ws-pf_compId'),
+        //   customerName: this.inspect.customerName,
+        //   goodsName: this.inspect.goodsName,
+        // })
+        //   .toPromise()
+        //   .then((response) => {
+        //     for (let i = 0; i < this.purchasePriceList.length; i++) {
+        //       if (this.inspect.goodsName == this.purchasePriceList[i].goodsName) {
+        //         console.log(this.purchasePriceList[i].saleLimit - response)
+        //         if (this.purchasePriceList[i].saleLimit - response < 50 || count > 0) {
+        //           // this.$confirm(
+        //           //   '当前客户已累计销售我司' +
+        //           //     this.inspect.goodsName +
+        //           //     response +
+        //           //     '吨，最高可售' +
+        //           //     this.purchasePriceList[i].saleLimit +
+        //           //     '吨。',
+        //           //   '提示',
+        //           //   {
+        //           //     cancelButtonText: '取消',
+        //           //     type: 'warning',
+        //           //   }
+        //           // )
+        //           //   .then(() => {})
+        //           //   .catch(() => {
+        //           //     return false
+        //           //   })
+        //             this.$alert('当前客户已累计销售我司' +this.inspect.goodsName + response +'吨，最高可售' +this.purchasePriceList[i].saleLimit +'吨。',
+        //                   '提示',
+        //                   {
+        //                     confirmButtonText: '确定',
+        //                     callback: (action) => {
+        //                       // this.$message({
+        //                       //   type: 'info',
+        //                       //   message: `累计售粮已超出上限`,
+        //                       // })
+        //                     },
+        //                   }
+        //                 )
+        //         }
+        //       }
+        //     }
+        //   })
+        this.inspect.warehouseName = this.warehouseName
+        this.inspect.compId = sessionStorage.getItem('ws-pf_compId')
+        this.inspect.qualityInspector = sessionStorage.getItem('ws-pf_staffName')
+        if (this.types == null) {
+          this.$confirm('确定保存质检信息？', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            })
+            .then(() => {
+              inspectAdd(this.inspect)
+                .toPromise()
+                .then((response) => {
+                  this.$message.success('保存成功')
+                  getinspectLook({
+                      id: response
+                    })
+                    .toPromise()
+                    .then((response) => {
+                      this.inspect = response
+                    })
+                  this.isShowPrint = true
+                  //打印
+                  // this.$router.go(-1)
+                })
+            })
+            .catch(() => {
+              return false
+            })
+        } else if (this.types == 3) {
+          this.$confirm('确定保存质检信息？', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            })
+            .then(() => {
+              // return
+              getinspectEdit(this.inspect)
+                .toPromise()
+                .then((response) => {
+                  this.$message.success('修改成功')
+                  getinspectLook({
+                      id: this.inspect.id
+                    })
+                    .toPromise()
+                    .then((response) => {
+                      this.inspect = response
+                    })
+                  this.isShowPrint = true
+                })
+            })
+            .catch(() => {
+              return false
+            })
         }
-      }
-      //潮粮单价改变事件
-      if (
-        this.inspect.goodsName &&
-        this.inspect.waterContent &&
-        this.inspect.grade
-      ) {
-        getinspectLookUnitPrice({
-          warehouseId: this.cangid,
-          goodsName: this.inspect.goodsName,
-          waterContent: this.inspect.waterContent,
-          grade: this.inspect.grade,
+      },
+      cancel() {
+        this.$router.push({
+          path: 'inspectionManagement'
         })
-          .toPromise()
-          .then((response) => {
-            this.inspect.tidalGrainPrice = response
-            this.unitPrice = response
-          })
-      }
-    },
+      },
+      customerChange(e) {
+        let customers = e.split('(')
+        this.inspect.customerName = customers[0]
+        this.inspect.customerPhone = customers[1].split(')')[0]
+      },
 
-    getList(ids) {
-      // 货名
-      getinspectLookGoods({ warehouseId: this.cangid })
-        .toPromise()
-        .then((response) => {
-          this.goodNameList = []
-          this.goodNameList = response
-        })
-      // 品级
-      packList({ constId: 'CON3' })
-        .toPromise()
-        .then((response) => {
-          this.gradeList = response
-        })
-      //客户
-      getcustomer({ compId: sessionStorage.getItem('ws-pf_compId') })
-        .toPromise()
-        .then((response) => {
-          this.customerList = []
-          let customer = response
-          for (let i = 0; i < response.length; i++) {
-            customer =
-              response[i].customerName + '(' + response[i].customerPhone + ')'
-            this.customerList.push({
-              valueKey: i,
-              value: customer,
-            })
+      waterContentChange() {
+        if (this.inspect.goodsName) {
+          for (var i = 0; i < this.purchasePriceList.length; i++) {
+            if (this.purchasePriceList[i].goodsName == this.inspect.goodsName) {
+              this.inspect.buckleWeightRatio =
+                this.purchasePriceList[i].deductWeight
+            }
           }
-        })
-      // 仓位
-      getbinNumber({ id: this.cangid })
-        .toPromise()
-        .then((response) => {
-          this.getbinNumberList = []
-          for (let i = 0; i < response.warehousePositionInfoList.length; i++) {
-            this.getbinNumberList.push({
-              value: response.warehousePositionInfoList[i].binNumber,
+        }
+        //潮粮单价改变事件
+        if (
+          this.inspect.goodsName &&
+          this.inspect.waterContent &&
+          this.inspect.grade
+        ) {
+          getinspectLookUnitPrice({
+              warehouseId: this.cangid,
+              goodsName: this.inspect.goodsName,
+              waterContent: this.inspect.waterContent,
+              grade: this.inspect.grade,
             })
-          }
-        })
-      if (this.types == 2 || this.types == 3) {
-        //查看
-        getinspectLook({ id: ids })
+            .toPromise()
+            .then((response) => {
+              this.inspect.tidalGrainPrice = response
+              this.unitPrice = response
+            })
+        }
+      },
+
+      getList(ids) {
+        // 货名
+        getinspectLookGoods({
+            warehouseId: this.cangid
+          })
           .toPromise()
           .then((response) => {
-            this.inspect = response
+            this.goodNameList = []
+            this.goodNameList = response
           })
-      }
+        // 品级
+        packList({
+            constId: 'CON3'
+          })
+          .toPromise()
+          .then((response) => {
+            this.gradeList = response
+          })
+        //客户
+        getcustomer({
+            compId: sessionStorage.getItem('ws-pf_compId')
+          })
+          .toPromise()
+          .then((response) => {
+            this.customerList = []
+            let customer = response
+            for (let i = 0; i < response.length; i++) {
+              customer =
+                response[i].customerName + '(' + response[i].customerPhone + ')'
+              this.customerList.push({
+                valueKey: i,
+                value: customer,
+              })
+            }
+          })
+        // 仓位
+        getbinNumber({
+            id: this.cangid
+          })
+          .toPromise()
+          .then((response) => {
+            this.getbinNumberList = []
+            for (let i = 0; i < response.warehousePositionInfoList.length; i++) {
+              this.getbinNumberList.push({
+                value: response.warehousePositionInfoList[i].binNumber,
+              })
+            }
+          })
+        if (this.types == 2 || this.types == 3) {
+          //查看
+          getinspectLook({
+              id: ids
+            })
+            .toPromise()
+            .then((response) => {
+              this.inspect = response
+            })
+        }
+      },
     },
-  },
-}
+  }
 </script>
 <style lang="scss" scoped>
-/deep/.el-dialog__header {
-  text-align: center !important;
-  padding: 10px 0 !important;
-  height: auto !important;
-}
+  /deep/.el-dialog__header {
+    text-align: center !important;
+    padding: 10px 0 !important;
+    height: auto !important;
+  }
+
+  /deep/.el-dialog__title {
+    font-size: 24px !important;
+  }
+
+  .center {
+    background: #f6f7fc;
+  }
+
+  .ws-info-table {
+    border: none;
+  }
+
+  .ws-info-table .el-form-item {
+    width: 50%;
+    border: none;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    width: 30%;
+    text-align: center;
+    background: #ffffff;
+    font-size: 14px;
+    color: #8890b1;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__content {
+    border: none;
+  }
+
+  .title {
+    font-size: 16px;
+    font-weight: 600;
+    margin: 10px;
+  }
+
+  .titleup {
+    position: relative;
+  }
+
+  .title::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 15px;
+    background: #8890b1;
+    margin-right: 5px;
+  }
+
+  .substance {
+    background: #ffffff;
+    width: 100%;
+    border-radius: 4px;
+    margin: 0 auto;
+    padding-top: 20px;
+  }
+
+  /deep/.el-table .el-table__header .cell,
+  .el-table .el-table__body .cell {
+    text-align: center;
+  }
+
+  /deep/.el-table--enable-row-transition .el-table__body td {
+    text-align: center;
+  }
+
+  .bg-left {
+    padding-left: 30px;
+  }
+
+  .bg-right {
+    padding-right: 10px;
+    text-align: right;
+  }
+
+  .bg-bottom {
+    margin: 15px 0px;
+  }
 
-/deep/.el-dialog__title {
-  font-size: 24px !important;
-}
-.center {
-  background: #f6f7fc;
-}
+  .titleup {
+    position: relative;
+  }
 
-.ws-info-table {
-  border: none;
-}
-.ws-info-table .el-form-item {
-  width: 50%;
-  border: none;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  width: 30%;
-  text-align: center;
-  background: #ffffff;
-  font-size: 14px;
-  color: #8890b1;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__content {
-  border: none;
-}
-.title {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 10px;
-}
-.titleup {
-  position: relative;
-}
-.title::before {
-  content: '';
-  display: inline-block;
-  width: 5px;
-  height: 15px;
-  background: #8890b1;
-  margin-right: 5px;
-}
+  .titleup::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 30px;
+    background: #5473e8;
+    position: absolute;
+    left: 0;
+  }
 
-.substance {
-  background: #ffffff;
-  width: 100%;
-  border-radius: 4px;
-  margin: 0 auto;
-  padding-top: 20px;
-}
-/deep/.el-table .el-table__header .cell,
-.el-table .el-table__body .cell {
-  text-align: center;
-}
-/deep/.el-table--enable-row-transition .el-table__body td {
-  text-align: center;
-}
-.bg-left {
-  padding-left: 30px;
-}
-.bg-right {
-  padding-right: 10px;
-  text-align: right;
-}
-.bg-bottom {
-  margin: 15px 0px;
-}
-.titleup {
-  position: relative;
-}
-.titleup::before {
-  content: '';
-  display: inline-block;
-  width: 5px;
-  height: 30px;
-  background: #5473e8;
-  position: absolute;
-  left: 0;
-}
-.but {
-  text-align: center;
-  margin: 20px auto;
-}
+  .but {
+    text-align: center;
+    margin: 20px auto;
+  }
 </style>