提交个必

src/views/modules/device-manage/device-onecode.vue

@@ -46,7 +46,7 @@
             @click="handlePrint(scope.row)"
           >重新打印
           </el-button>
-          
+
         </template>
       </el-table-column>
     </el-table>
@@ -63,19 +63,20 @@
   </div>
 </template>
 <script>
-import { apiGetNewPrintCodes, apiGetCodes, apiGetRePrintCode } from "@/api/api_equipment";
+import {apiGetNewPrintCodes, apiGetCodes, apiGetRePrintCode} from '@/api/api_equipment'
 import DeviceTypeDetail from './device-type-detail.vue'
+
 export default {
   components: {
-      DeviceTypeDetail
+    DeviceTypeDetail
-    },
+  },
-  data() {
+  data () {
-    
+
     return {
       isShowSearch: true,
       data: [],
       dataListLoading: false,
-      newCount: null, 
+      newCount: null,
       showHeader: false,
       totalPage: 1,
       departmentReaderOnly: false,
@@ -89,130 +90,140 @@ export default {
         gmtModified: null,
         code: null,
       },
-      stateList:[
+      stateList: [
         {value: null, label: '全部'},
         {value: 0, label: '未打印'},
         {value: 1, label: '已打印'},
       ],
       isShowDetail: false
-    };
+    }
   },
-  created() {
+  created () {
     // this.handleGetImgCaptcha()
   },
-  
+
-  mounted() {
+  mounted () {
-    this.getData();
+    this.getData()
   },
   methods: {
-    printNewCodes(){
+    printNewCodes () {
-      if(!this.newCount || this.newCount == 0){
+      if (!this.newCount || this.newCount == 0) {
         this.$message.error('请输入大于0的打印数量')
         return
       }
       apiGetNewPrintCodes({}, this.newCount).then((data) => {
-        console.log(data);
+        console.log(data)
         if (data && data.code === 0) {
           this.getData()
-          this.$message("发送打印请求成功");
+          this.$message('发送打印请求成功')
-          
         } else {
-          this.$message.error("发送打印请求失败！" + data.msg);
+          this.$message.error('发送打印请求失败！' + data.msg)
         }
-      });
+      })
     },
-    changeDepartment(){
+    changeDepartment () {
-      this.specReq.page = 1;
+      this.specReq.page = 1
       this.getData()
     },
-    sizeChangeHandle(val) {
+    sizeChangeHandle (val) {
       this.specReq.page = 1
       this.specReq.rows = val
-      this.getData();
+      this.getData()
     },
-    currentChangeHandle(val) {
+    currentChangeHandle (val) {
       this.specReq.page = val
-      this.getData();
+      this.getData()
     },
-    getStatusStr(status) {
+    getStatusStr (status) {
       if (status < 2) {
-        return this.stateList[status + 1].label;
+        return this.stateList[status + 1].label
       }
-      return status;
+      return status
     },
-    handlePrint(val) {
+    handlePrint (val) {
       apiGetRePrintCode({}, val.code).then((data) => {
-        console.log(data);
+        console.log(data)
         if (data && data.code === 0) {
           this.getData()
-          this.$message("发送打印请求成功");
+          this.$message('发送打印请求成功')
-          
+
         } else {
-          this.$message.error("发送打印请求失败！" + data.msg);
+          this.$message.error('发送打印请求失败！' + data.msg)
         }
-      });
+      })
     },
-    
+
-    getData() {
+    getData () {
-      console.log("获取数据")
+      console.log('获取数据')
       console.log(this.name)
       console.log(this.categorys)
       this.dataListLoading = true
       apiGetCodes(this.specReq).then((data) => {
-        console.log(data);
+        console.log(data)
         if (data && data.code === 0) {
-          this.data = data.codes.list;
+          this.data = data.codes.list
           this.totalPage = data.codes.totalCount
         } else {
-          this.data = [];
+          this.data = []
         }
-        this.dataListLoading = false;
+        this.dataListLoading = false
-      });
+      })
-    },
-    
-    btnSearch() {
-      this.specReq.page = 1
-      this.getData();
     },
 
-    rowClick(row, event, column) {},
+    btnSearch () {
+      this.specReq.page = 1
+      this.getData()
+    },
+
+    rowClick (row, event, column) {
+    },
   },
-};
+}
 </script>
 
 <style>
 .el-row {
   margin-bottom: 20px;
 }
+
 .el-col {
   border-radius: 10px;
 }
+
 .bg-purple-dark {
   background: #99a9bf;
 }
+
 .bg-purple {
   background: #d3dce6;
 }
+
 .bg-purple-light {
   background: #e5f2f1;
 }
+
 .grid-content {
   border-radius: 4px;
   min-height: 36px;
 }
+
 .row-bg {
   padding: 10px 0;
   background-color: #f9fafc;
 }
+
 .div_height {
   height: 38px;
 }
+
 .div_width {
   width: 100%;
 }
+
 .width_100 {
   width: 100px;
 }
+
 .center {
   position: absolute;
   top: 50%;
@@ -221,6 +232,7 @@ export default {
 
   padding: 1em;
 }
+
 .flex {
   display: flex;
   align-items: center;
@@ -229,9 +241,10 @@ export default {
   height: 100%;
   border: 1px solid;
 }
+
 .flex_son {
   width: 100%;
   height: 100%;
   border: 0x solid;
 }
-</style>
+</style>

src/views/modules/device/device-qr.vue

@@ -1,116 +1,135 @@
 <template>
-    <div>
+  <div>
-        <el-row>
+    <el-row>
-            <el-col :span="20"><div class="grid-content flex"><el-input v-model="qr" placeholder="请输入编码"></el-input></div>
+      <el-col :span="20">
-                </el-col>
+        <div class="grid-content flex">
-            <el-col :span="4"><div class="grid-content bg-purple-light"><el-button type="success" class="div_width div_height" @click="goScan">扫码</el-button></div>
+          <el-input v-model="qr" placeholder="请输入编码"></el-input>
-            </el-col>
+        </div>
-        </el-row>
+      </el-col>
-        <el-button type="primary" class="div_width" @click="btnSave">确定</el-button>
+      <el-col :span="4">
-    </div>
+        <div class="grid-content bg-purple-light">
+          <el-button type="success" class="div_width div_height" @click="goScan">扫码</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <el-button type="primary" class="div_width" @click="btnSave">确定</el-button>
+  </div>
 </template>>
 <script>
 import * as dd from 'dingtalk-jsapi'
-export default {
-    data () {
-        return{
-            qr:''
-        }
 
-    },
+export default {
-    created () {
+  data () {
-    // this.handleGetImgCaptcha()
+    return {
-    },
+      qr: ''
-    mounted () {
-        this.qr  = this.$cookie.get('devQr')
-        
-        
-    },
-    methods: {
-        
-        goScan () {
-            this.scan()
-        },
-        scan () {
-            dd.biz.util.scan({
-                type: String , // type 为 all、qrCode、barCode，默认是all。
-                onSuccess: function(data) {
-                    console.log(2)
-                    console.log(data)
-                    this.qr = data.text
-                }.bind(this),
-                onFail : function(err) {
-                }.bind(this)
-            })
-        },
-        btnSave(){
-            this.$cookie.set('devQr', this.qr)
-            this.$router.replace({name: 'devicedetail', query:{type: 1}})
-        }
-        
     }
+
+  },
+  created () {
+    // this.handleGetImgCaptcha()
+  },
+  mounted () {
+    this.qr = this.$cookie.get('devQr')
+
+  },
+  methods: {
+
+    goScan () {
+      this.scan()
+    },
+    scan () {
+      dd.biz.util.scan({
+        type: String, // type 为 all、qrCode、barCode，默认是all。
+        onSuccess: function (data) {
+          console.log(2)
+          console.log(data)
+          this.qr = data.text
+        }.bind(this),
+        onFail: function (err) {
+        }.bind(this)
+      })
+    },
+    btnSave () {
+      this.$cookie.set('devQr', this.qr)
+      this.$router.replace({name: 'devicedetail', query: {type: 1}})
+    }
+
+  }
 }
 
 </script>
 
 <style>
-  .el-row {
+.el-row {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
-    
+
-  }
-  .el-col {
-    border-radius: 10px;
-  }
-  .bg-purple-dark {
-    background: #99a9bf;
-  }
-  .bg-purple {
-    background: #d3dce6;
-  }
-  .bg-purple-light {
-    background: #e5f2f1;
-  }
-  .grid-content {
-    border-radius: 4px;
-    min-height: 36px;
-  }
-  .row-bg {
-    padding: 10px 0;
-    background-color: #f9fafc;
-  }
-  .div_height{
-      height: 38px;
-  }
-  .div_width{
-      width: 100%;
-  }
-  .width_100{
-      width: 100px;
-  }
-  .center{
-      position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    
-    padding: 1em;
-  }
-  .flex{
-	display:flex;
-    align-items: center;
-	justify-content:center;
-	width:100%;
-	height:100%;
-    border:1px solid;
-	}
-.flex_son{
-	width:100%;
-	height:100%;
-	border:0x solid;
 }
-.zero_size{
+
-      width: 1px;
+.el-col {
-      height: 1px;
+  border-radius: 10px;
-  }
+}
-  
+
-</style>
+.bg-purple-dark {
+  background: #99a9bf;
+}
+
+.bg-purple {
+  background: #d3dce6;
+}
+
+.bg-purple-light {
+  background: #e5f2f1;
+}
+
+.grid-content {
+  border-radius: 4px;
+  min-height: 36px;
+}
+
+.row-bg {
+  padding: 10px 0;
+  background-color: #f9fafc;
+}
+
+.div_height {
+  height: 38px;
+}
+
+.div_width {
+  width: 100%;
+}
+
+.width_100 {
+  width: 100px;
+}
+
+.center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  padding: 1em;
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border: 1px solid;
+}
+
+.flex_son {
+  width: 100%;
+  height: 100%;
+  border: 0x solid;
+}
+
+.zero_size {
+  width: 1px;
+  height: 1px;
+}
+
+</style>