新购绑定

package.json

@@ -43,13 +43,16 @@
     "crypto-js": "^4.2.0",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
-    "file-saver": "2.0.5",
+    "file-saver": "^2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
+    "html2canvas": "^1.4.1",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "jszip": "^3.10.1",
     "nprogress": "0.2.0",
+    "qrcodejs2": "^0.0.2",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sm-crypto": "^0.3.13",

src/api/baseGround/newBuy.js

@@ -17,6 +17,15 @@ export function getPurchaseCheckInfo(id) {
   })
 }
 
+// 保存--新增
+export function addPurchaseCheckInfo(data) {
+  return request({
+      url: '/material/purchase_check_info',
+      method: 'post',
+      data: data,
+  })
+}
+
 //人员 详情
 export function getNoticePeople(query) {
   return request({
@@ -34,6 +43,8 @@ export function delPeople(ids) {
   })
 }
 
+
+
 // 人员管理--新增
 export function addNoticeUser(data) {
   return request({
@@ -88,6 +99,8 @@ export function queryKeeperNameApi(query) {
   })
 }
 
+
+
 // 仓库管理--删除
 export function delHouse(id) {
   return request({

src/api/baseGround/newBuyBind.js

@@ -18,6 +18,15 @@ export function getListDetail(query) {
   })
 }
 
+//任务 详情
+export function bindAllData(data) {
+  return request({
+      url: '/material/purchase/bind/bind',
+      method: 'post',
+      data: data,
+  })
+}
+
 //二级页面 详情
 export function getListDetailById(query) {
   return request({
@@ -27,6 +36,18 @@ export function getListDetailById(query) {
   })
 }
 
+// 导出
+export function exportNewBuy(data) {
+  return request({
+      url: '/material/purchase/bind/downloadQrCode',
+      method: 'post',
+      responseType: 'blob',
+      data: data
+  })
+}
+
+
+
 //人员 详情
 export function getNoticePeople(query) {
   return request({

src/main.js

@@ -38,6 +38,7 @@ import VueMeta from 'vue-meta'
 // 字典数据组件
 import DictData from '@/components/DictData'
 
+import global_ from '@/utils/globalUrl'
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
@@ -48,7 +49,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
-
+Vue.prototype.globalUrl = global_
 // 全局组件挂载
 Vue.component('DictTag', DictTag)
 Vue.component('Pagination', Pagination)

src/permission.js

@@ -8,7 +8,10 @@ import { isRelogin } from '@/utils/request'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register']
+const whiteList = [
+  '/login', '/register',
+  '/qrCode/qrCodePage',
+]
 
 router.beforeEach((to, from, next) => {
   NProgress.start()

src/router/index.js

@@ -74,6 +74,11 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/qrCode/qrCodePage',
+    component: () => import('@/views/qrCode/qrCode'),
+    hidden: true
+  },
   {
     path: '/user',
     component: Layout,

src/utils/chapter.js

@@ -0,0 +1,76 @@
+let chapter = (text, companyName) => {
+    let canvas = document.getElementById("canvas");
+    let context = canvas.getContext("2d");
+  
+    //let text = "XXX专用章";
+    //let companyName = "XXX科技股份有限公司";
+  
+    // 绘制印章边框
+    let width = canvas.width / 2;
+    let height = canvas.height / 2;
+    context.lineWidth = 3;
+    context.strokeStyle = "#f00";
+    context.beginPath();
+    context.arc(width, height, 80, 0, Math.PI * 2); //宽、高、半径
+    context.stroke();
+  
+    //画五角星
+    create5star(context, width, height, 20, "#f00", 0);
+  
+    // 绘制印章名称
+    context.font = "14px 宋体";
+    context.textBaseline = "middle"; //设置文本的垂直对齐方式
+    context.textAlign = "center"; //设置文本的水平对对齐方式
+    context.lineWidth = 1;
+    context.strokeStyle = "#f00";
+    context.strokeText(text, width, height + 50);
+  
+    // 绘制印章单位
+    context.translate(width, height); // 平移到此位置,
+    context.font = "14px 宋体";
+    let count = companyName.length; // 字数
+    let angle = (4 * Math.PI) / (3 * (count - 1)); // 字间角度
+    let chars = companyName.split("");
+    let c;
+    for (let i = 0; i < count; i++) {
+      c = chars[i]; // 需要绘制的字符
+      if (i == 0) {
+        context.rotate((5 * Math.PI) / 6);
+      } else {
+        context.rotate(angle);
+      }
+  
+      context.save();
+      context.translate(65, 0); // 平移到此位置,此时字和x轴垂直，公司名称和最外圈的距离
+      context.rotate(Math.PI / 2); // 旋转90度,让字平行于x轴
+      context.strokeText(c, 0, 0); // 此点为字的中心点
+      context.restore();
+    }
+  
+    //绘制五角星
+    function create5star(context, sx, sy, radius, color, rotato) {
+      context.save();
+      context.fillStyle = color;
+      context.translate(sx, sy); //移动坐标原点
+      context.rotate(Math.PI + rotato); //旋转
+      context.beginPath(); //创建路径
+      // let x = Math.sin(0);
+      // let y = Math.cos(0);
+      let dig = (Math.PI / 5) * 4;
+      for (let i = 0; i < 5; i++) {
+        //画五角星的五条边
+        let x = Math.sin(i * dig);
+        let y = Math.cos(i * dig);
+        context.lineTo(x * radius, y * radius);
+      }
+      context.closePath();
+      context.stroke();
+      context.fill();
+      context.restore();
+    }
+  };
+  
+  export default chapter;
+  
+  
+  

src/utils/globalUrl.js

@@ -0,0 +1,19 @@
+// const qrUrl = 'http://192.168.0.14:21624/qrCode/qrCodePage?qrCode='; //测试
+// const qrUrl = 'http://112.29.103.165:21626/qrCode/qrCodePage?qrCode='; //重庆
+// const qrUrl = 'http://112.29.103.165:21624/qrCode/qrCodePage?qrCode='; //宁夏
+// const qrUrl = 'https://z.csgmall.com.cn/gl/qrCode/qrCodePage?qrCode='; //南网
+const qrUrl = 'http://192.168.0.110:80/qrCode/qrCodePage?qrCode='; //本地
+// const qrUrl = process.env.NODE_ENV === 'production' ? 'http://192.168.0.14:18866/qrCode/qrCodePage?qrCode=' : 'http://192.168.0.14:21624/qrCode/qrCodePage?qrCode='
+// let qrUrl = ''
+const origin = window.location.origin
+
+// qrUrl = origin + '/qrCode/qrCodePage?qrCode='
+// if (origin == 'http://112.29.103.165:21626') {
+//     qrUrl = 'http://112.29.103.165:21626/qrCode/qrCodePage?qrCode='
+// } else {
+//     qrUrl = 'http://192.168.0.14:18866/qrCode/qrCodePage?qrCode='
+// }
+
+export default {
+    qrUrl,
+}

src/views/material/newBuy/goodsArrived/component/addTools.vue

@@ -5,6 +5,7 @@
             :model="maForm"
             ref="maForm"
             size="small"
+            :rules="rules"
             :inline="true"
             label-width="120px"
         >
@@ -18,35 +19,21 @@
                     placeholder="请选择到货日期"
                 ></el-date-picker>
             </el-form-item>
-            <el-form-item label="物资厂家" prop="typeId">
+
-                <el-select
+            <el-form-item label="出厂日期" prop="productionTime">
-                    v-model="queryParams.typeId"
-                    placeholder="请选择物资厂家"
-                    clearable
-                    filterable
-                    style="width: 240px"
-                >
-                    <el-option
-                        v-for="typeItem in typesList"
-                        :key="typeItem.typeId"
-                        :label="typeItem.typeName"
-                        :value="typeItem.typeId"
-                    />
-                </el-select>
-            </el-form-item>
-            <el-form-item label="出厂日期" prop="arrivalTime">
                 <el-date-picker
-                    v-model="maForm.arrivalTime"
+                    v-model="maForm.productionTime"
                     style="width: 240px"
                     value-format="yyyy-MM-dd"
                     :picker-options="pickerOptions"
                     type="date"
                     placeholder="请选择出厂日期"
+                     @change="productionTimeChange"
                 ></el-date-picker>
             </el-form-item>
-            <el-form-item label="税率" prop="keyWord">
+            <el-form-item label="税率" prop="taxRate">
                 <el-input
-                    v-model="queryParams.keyWord"
+                    v-model="maForm.taxRate"
                     placeholder="请输入税率"
                     clearable
                     maxlength="50"
@@ -55,7 +42,7 @@
                 />
             </el-form-item>
 
-            <el-form-item label="类型规格" prop="typeId">
+            <el-form-item label="类型规格" prop="deviceType">
                 <el-cascader
                     :key="propsKey"
                     v-model="deviceType"
@@ -163,12 +150,8 @@
                         filterable
                         clearable
                     >
-                        <el-option
+            <el-option label="是" value="0"></el-option>
-                            v-for="item in supplierList"
+            <el-option label="否" value="1"></el-option>
-                            :key="item.supplierId"
-                            :label="item.supplier"
-                            :value="item.supplierId"
-                        />
                     </el-select>
                 </template>
             </el-table-column>
@@ -354,6 +337,7 @@ export default {
             pageNum: 1,
             pageSize: 10,
             id:undefined,
+            typesList:[],
             },
             // 数据范围选项
             dataScopeOptions: [
@@ -403,24 +387,17 @@ export default {
             },
             // 表单校验
             rules: {
-                purchaseNumber: [
+                // deviceType: [
-                    {
+                //     {
-                        required: true,
+                //         required: true,
-                        message: '请输入线下采购单编号',
+                //         message: '请选择类型规格',
-                        trigger: 'blur',
+                //         trigger: 'blur',
-                    },
+                //     },
-                ],
+                // ],
-                purchaseTime: [
-                    {
-                        required: true,
-                        message: '采购日期不能为空',
-                        trigger: 'blur',
-                    },
-                ],
                 arrivalTime: [
                     {
                         required: true,
-                        message: '到货日期不能为空',
+                        message: '请选择到货日期',
                         trigger: 'blur',
                     },
                 ],
@@ -480,45 +457,6 @@ export default {
     },
     methods: {
 
-        /** 机具类型 */
-        equipmentType() {
-            console.log('11111111')
-            equipmentTypeTree().then((response) => {
-                this.equipmentTypeList = response.data
-                console.log('22221111',this.equipmentTypeList)
-                this.equipmentTypeList.forEach((item, index) => {
-                    if (item.children && item.children.length > 0) {
-                        item.children.forEach((item2, index2) => {
-                            if (item2.children && item2.children.length > 0) {
-                                item2.children.forEach((item3) => {
-                                    if (
-                                        item3.children &&
-                                        item3.children.length > 0
-                                    ) {
-                                        item3.children.forEach((item4) => {
-                                            item4.machineTypeName =
-                                                item3.typeName
-                                            item4.specificationType =
-                                                item4.typeName
-                                            this.$set(item4, 'purchasePrice', 0)
-                                            this.$set(item4, 'purchaseNum', 1)
-                                        })
-                                    }
-                                })
-                            }
-                        })
-                    }
-                })
-
-                let selectList = []
-                this.equipmentList.forEach((e) => {
-                    selectList.push(
-                        this.getParentsById(this.equipmentTypeList, e.typeId),
-                    )
-                })
-                this.deviceType = selectList
-            })
-        },
 
         getParentsById(list, id) {
             for (let i in list) {
@@ -537,82 +475,6 @@ export default {
             }
         },
 
-        /** 新增按钮操作 */
-        handleSave() {
-            if (this.equipmentList.length > 0) {
-                this.$refs['maForm'].validate((valid) => {
-                    if (valid) {
-                        // console.log(this.maForm,'maForm')
-                        // console.log(this.equipmentList,'equipmentList')
-                        this.equipmentList.forEach((item) => {
-                            if (item.purchaseNum == '' || !item.purchaseNum) {
-                                isEmpty = false
-                            }
-                        })
-
-                        this.maForm.taskId = this.taskId
-                        this.maForm.checkDetailsList = this.equipmentList
-                        // console.log(this.maForm)
-                            if (this.equipmentList.length > 0) {
-                                this.$modal
-                                    .confirm('是否确认保存当前页面')
-                                    .then(function () {})
-                                    .then(() => {
-                                        if (this.isEdit) {
-                                            console.log('编辑')
-                                            this.loading = true
-                                            updatePurchaseCheckInfo(
-                                                this.maForm,
-                                            ).then((response) => {
-                                                if (response.code == 200) {
-                                                    this.$modal.msgSuccess(
-                                                        '编辑成功',
-                                                    )
-                                                    // this.$tab.closeOpenPage({
-                                                    //     path: '/store/newBuy/newDevicesList',
-                                                    // })
-
-                                                    this.$emit(
-                                                        'addToolsSuccess',
-                                                    )
-                                                }
-                                                this.loading = false
-                                            })
-                                        } else if (!this.isEdit) {
-                                            console.log('新增')
-                                            this.loading = true
-                                            addPurchaseCheckInfo(
-                                                this.maForm,
-                                            ).then((response) => {
-                                                if (response.code == 200) {
-                                                    this.$modal.msgSuccess(
-                                                        '新增成功',
-                                                    )
-                                                    // this.$tab.closeOpenPage({
-                                                    //     path: '/store/newBuy/newDevicesList',
-                                                    // })
-
-                                                    this.$emit(
-                                                        'addToolsSuccess',
-                                                    )
-                                                }
-                                                this.loading = false
-                                            })
-                                        }
-                                    })
-                                    .catch(() => {})
-                            } else {
-                                this.$modal.msgError(
-                                    '请先选择并添加机具类型！！！',
-                                )
-                            }
-
-                    }
-                })
-            } else {
-                this.$modal.msgError('请先添加机具类型')
-            }
-        },
         /** 查询用户列表--采购员 */
         getUserList() {
             getUserByRoleList({ roleIds: [152] }).then((response) => {
@@ -639,7 +501,7 @@ export default {
                                         item3.children.length > 0
                                     ) {
                                         item3.children.forEach((item4) => {
-                                            item4.machineTypeName =
+                                            item4.maTypeName =
                                                 item3.typeName
                                             item4.specificationType =
                                                 item4.typeName
@@ -807,23 +669,14 @@ export default {
 
         /** 新增按钮操作 */
         handleSave() {
+            console.log(this.equipmentList)
             if (this.equipmentList.length > 0) {
                 this.$refs['maForm'].validate((valid) => {
                     if (valid) {
-                        // console.log(this.maForm,'maForm')
-                        // console.log(this.equipmentList,'equipmentList')
-                        let isEmpty = true
-                        this.equipmentList.forEach((item) => {
-                            if (item.purchaseNum == '' || !item.purchaseNum) {
-                                isEmpty = false
-                            }
-                        })
-                        // console.log(this.taskId)
 
                         this.maForm.taskId = this.taskId
                         this.maForm.checkDetailsList = this.equipmentList
                         // console.log(this.maForm)
-                        if (isEmpty) {
                             if (this.equipmentList.length > 0) {
                                 this.$modal
                                     .confirm('是否确认保存当前页面')
@@ -853,7 +706,7 @@ export default {
                                             console.log('新增')
                                             this.loading = true
                                             addPurchaseCheckInfo(
-                                                this.maForm,
+                                            //    {purchaseCheckDetailsList: this.maForm.checkDetailsList,purchaseCheckInfo:}
                                             ).then((response) => {
                                                 if (response.code == 200) {
                                                     this.$modal.msgSuccess(
@@ -877,19 +730,12 @@ export default {
                                     '请先选择并添加机具类型！！！',
                                 )
                             }
-                        } else {
+                        
-                            this.$modal.msgError('请填写采购数量！！！')
-                        }
                     }
                 })
-            } else {
-                this.$modal.msgError('请先添加机具类型')
             }
         },
-        jumpList() {
+
-            const obj = { path: '/store/newBuy/newDevicesList' }
-            this.$tab.closeOpenPage(obj)
-        },
         /** 修改按钮操作 */
         handleUpdate(row) {
             // this.reset();
@@ -940,6 +786,11 @@ export default {
             //   ...this.queryParams
             // }, `role_${new Date().getTime()}.xlsx`)
         },
+        productionTimeChange(val){
+            this.equipmentList.forEach(item=>{
+                item.productionTime=val
+            })
+        },
         deviceTypeChange(val) {
             const deviceTypeList =
                 this.$refs.deviceTypeCascader.getCheckedNodes()

src/views/material/newBuy/goodsArrived/component/home.vue

@@ -395,8 +395,8 @@
       <el-dialog :title="title" :visible.sync="showPeople" width="800px" append-to-body @close="cancel">
              <el-row :gutter="24">  
              <el-col :span="20">
-              <el-form :model="form" ref="form" size="small" :inline="true"  label-width="120px">
+              <el-form :model="form" ref="form" size="small" :inline="true" >
-                 <el-form-item label="通知内容:" prop="remark">
+                 <el-form-item label="通知内容:" prop="remark" label-width="120px">
                     <el-input
                         v-model="form.remark"
                         type="textarea"

src/views/material/newBuy/goodsArrived/component/queryTools.vue

@@ -37,7 +37,7 @@
             <el-table-column
                 label="单位"
                 align="center"
-                prop="manageType"
+                prop="unitName"
                 :show-overflow-tooltip="true"
             >
             </el-table-column>

src/views/qrCode/qrCode.vue

@@ -0,0 +1,226 @@
+<template>
+    <div style="width: 100%">
+        <div style="width: 100%; padding: 10px">
+            <div class="item-box">
+                <div>设备类型:</div>
+                <div style="margin-left: 10px; color: blue">{{
+                    queryParams.deviceType
+                }}</div>
+            </div>
+            <div class="item-box">
+                <div>规格型号:</div>
+                <div style="margin-left: 10px">
+                    {{ queryParams.specificationType }}</div
+                >
+            </div>
+            <div class="item-box">
+                <div>二维码编码:</div>
+                <div style="margin-left: 10px">{{ queryParams.qrCode }}</div>
+            </div>
+            <div class="item-box">
+                <div>设备编码:</div>
+                <div style="margin-left: 10px">{{ queryParams.maCode }}</div>
+            </div>
+            <div class="item-box">
+                <div>设备状态:</div>
+                <div style="margin-left: 10px">{{
+                    queryParams.maStatusName
+                }}</div>
+            </div>
+            <!-- <div class="item-box">
+            <div >本次检修人员:</div>
+            <div style="margin-left: 10px;">{{queryParams.checkMan}}</div>
+          </div>   -->
+            <div class="item-box">
+                <div>本次检修时间:</div>
+                <div style="margin-left: 10px; color: blue">{{
+                    queryParams.thisCheckTime
+                }}</div>
+            </div>
+            <div class="item-box">
+                <div>下次检修时间:</div>
+                <div style="margin-left: 10px; color: blue">{{
+                    queryParams.nextCheckTime
+                }}</div>
+            </div>
+            <div class="item-box">
+                <div>检验人员:</div>
+                <div style="margin-left: 10px">{{ queryParams.checkMan }}</div>
+            </div>
+            <div class="item-box">
+                <div>检验结论:</div>
+                <div style="margin-left: 10px; color: blue">{{
+                    queryParams.inspectStatus || '合格'
+                }}</div>
+            </div>
+            <div class="item-box">
+                <div>联系电话:</div>
+                <div style="margin-left: 10px">{{ queryParams.phone }}</div>
+            </div>
+            <div class="item-box">
+                <div>生产厂家:</div>
+                <div style="margin-left: 10px">{{ queryParams.maVender }}</div>
+            </div>
+            <div class="item-box">
+                <div>出厂日期:</div>
+                <div style="margin-left: 10px">{{
+                    queryParams.outFacTime
+                }}</div>
+            </div>
+            <div class="item-box">
+                <div>出入库次数:</div>
+                <div style="margin-left: 10px">{{ queryParams.inOutNum }}</div>
+            </div>
+            <div class="item-box">
+                <div>领料单位:</div>
+                <div style="margin-left: 10px"
+                    >{{ queryParams.leaseUnit }}
+                </div>
+            </div>
+            <div class="item-box">
+                <div>领料工程:</div>
+                <div style="margin-left: 10px">{{ queryParams.leasePro }} </div>
+            </div>
+            <div class="item-box">
+                <div>领料时间:</div>
+                <div style="margin-left: 10px"
+                    >{{ queryParams.leaseTime }}
+                </div>
+            </div>
+            <div class="item-box">
+                <div>退料单位:</div>
+                <div style="margin-left: 10px">{{ queryParams.backUnit }} </div>
+            </div>
+            <div class="item-box">
+                <div>退料工程:</div>
+                <div style="margin-left: 10px">{{ queryParams.backPro }} </div>
+            </div>
+            <div class="item-box">
+                <div>退料时间:</div>
+                <div style="margin-left: 10px">{{ queryParams.backTime }} </div>
+            </div>
+        </div>
+        <div class="bottom-box">
+            <div
+                style="
+                    width: 100%;
+                    text-align: center;
+                    margin-bottom: 20px;
+                    color: green;
+                    margin-top: 10px;
+                "
+            >
+                检 验 合 格 证
+            </div>
+            <div style="width: 50%; display: flex; margin-bottom: 10px">
+                <div style="color: green">名 称：</div>
+                <div style="border-bottom: 1px solid green">{{
+                    queryParams.deviceType
+                }}</div>
+            </div>
+            <div style="width: 50%; display: flex; margin-bottom: 10px">
+                <div style="color: green">检验结论：</div>
+                <div style="color: red; font-size: 18px; font-weight: 600">{{
+                    queryParams.inspectStatus || '合格'
+                }}</div>
+            </div>
+            <div style="width: 100%; display: flex; margin-bottom: 10px">
+                <div style="color: green">型 号：</div>
+                <div style="border-bottom: 1px solid green">{{
+                    queryParams.specificationType
+                }}</div>
+            </div>
+            <div style="width: 100%; display: flex; margin-bottom: 10px">
+                <div style="color: green">编 号：</div>
+                <div style="border-bottom: 1px solid green">{{
+                    queryParams.maCode
+                }}</div>
+            </div>
+            <div style="width: 100%; display: flex; margin-bottom: 10px">
+                <div style="color: green">本次检验日期：</div>
+                <div style="border-bottom: 1px solid green">{{
+                    queryParams.thisCheckTime
+                }}</div>
+            </div>
+            <div style="width: 100%; display: flex; margin-bottom: 10px">
+                <div style="color: green">下次检验日期：：</div>
+                <div style="border-bottom: 1px solid green">{{
+                    queryParams.nextCheckTime
+                }}</div>
+            </div>
+            <div style="position: absolute; top: 0%; left: 25%">
+                <canvas id="canvas" width="180" height="180"></canvas>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import chapter from '../../utils/chapter'
+import { getMachineByQrCode } from '@/api/base/base'
+export default {
+    data() {
+        return {
+            qrCode: '',
+            queryParams: {
+                deviceType: '', //设备类型
+                specificationType: '', //规格型号
+                qrCode: '', //二维码
+                maCode: '', //设备编码
+                maStatusName: '', //设备状态
+                checkMan: '', //本次检验人
+                thisCheckTime: '', //本次检验日期
+                nextCheckTime: '', //下次检验日期
+                // maStatusName:'',//设备状态
+                inspectMan: '', //检验人员
+                inspectStatus: '', //检验结论
+                phone: '', //联系电话
+                maVender: '', //厂家名称
+                outFacTime: '', //出厂日期
+                inOutNum: '', //出入库次数
+                leaseUnit: '', // 领料单位
+                leasePro: '', // 领料工程
+                leaseTime: '', // 领料时间
+                backUnit: '', //  退料单位
+                backPro: '', // 退料工程
+                backTime: '', // 退料时间
+            },
+        }
+    },
+    created() {
+        this.qrCode = this.$route.query.qrCode
+        // console.log(this.qrCode)
+        this.getMachineByQrCode()
+    },
+    mounted() {
+        chapter('机具检验专用章', '重庆送变电工程有限公司')
+    },
+    methods: {
+        getMachineByQrCode() {
+            let param = {
+                qrCode: this.qrCode,
+            }
+            getMachineByQrCode(param).then((response) => {
+                console.log(response, '返回结果-----')
+                this.queryParams = response.data
+            })
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+.item-box {
+    display: flex;
+    width: 100%;
+    border-bottom: 1px solid green;
+    margin-bottom: 10px;
+}
+.bottom-box {
+    display: flex;
+    width: 99%;
+    border: 4px solid rgb(2, 196, 2);
+    flex-wrap: wrap;
+    margin: auto;
+    position: relative;
+}
+</style>