| | |
| | | ref="addOrUpdate" |
| | | @refreshDataList="getData" |
| | | ></table-form> |
| | | <el-dialog title="标签列表" :visible.sync="diaPrintTab" width="500px"> |
| | | <div class="dia_body" style="height: 400px;overflow-y: auto;padding: 0 10px;"> |
| | | <el-card class="box-card" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 15px;"> |
| | | <el-row> |
| | | <el-col :span="10" :offset="3">序号:</el-col> |
| | | <el-col :span="10" style="font-weight: bold;">{{ i + 1 }}</el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="10" :offset="3">编号:</el-col> |
| | | <el-col :span="10" style="font-weight: bold;">{{ tem.code }}</el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="10" :offset="3">设备名称:</el-col> |
| | | <el-col :span="10" style="font-weight: bold;">{{ tem.name }}</el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="10" :offset="3">设备二维码:</el-col> |
| | | <el-col :span="10"> |
| | | <vueQr :text="tem.number" :size="80" :margin="2"></vueQr> |
| | | </el-col> |
| | | </el-row> |
| | | </el-card> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="diaPrintTab = false">取 消</el-button> |
| | | <el-button type="primary" @click="diaPrintTab = false">打 印</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { delObj, fetchList } from '@/api/equipment/equipment' |
| | | import { delObj, fetchList,pullEquip } from '@/api/equipment/equipment' |
| | | import TableForm from './equipment-form' |
| | | import ttable from '@/views/common/ztt-table.vue' |
| | | import { mapGetters } from 'vuex' |
| | | import * as fecha from 'element-ui/lib/utils/date' |
| | | import { remote } from '../../../api/admin/dict' |
| | | import vueQr from 'vue-qr' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | isShow: true, |
| | | url: '/mes/equipment/upload' |
| | | }, |
| | | diaPrintTab: false, |
| | | prelang: 'workstation', |
| | | options: { |
| | | height: 300, // 默认高度-为了表头固定 |
| | |
| | | label: '状态', |
| | | sort: true, |
| | | isTrue: true, |
| | | isSearch: false, |
| | | isSearch: true, |
| | | searchInfoType: 'text' |
| | | } |
| | | ], |
| | |
| | | text: '新增', |
| | | type: 'primary', |
| | | fun: this.addOrUpdateHandle |
| | | } |
| | | }, |
| | | { |
| | | text: '标签打印', |
| | | type: 'primary', |
| | | fun: this.labelPrint |
| | | }, |
| | | // { |
| | | // text: '同步', |
| | | // type: 'primary', |
| | | // loading: false, |
| | | // fun: this.pullEquipFun |
| | | // } |
| | | ], |
| | | operator: [ |
| | | { |
| | |
| | | }, |
| | | components: { |
| | | ttable, |
| | | TableForm |
| | | TableForm, |
| | | vueQr |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['permissions']) |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | pullEquipFun(){ |
| | | this.table.toolbar.find((e) => e.text === '同步').loading = true |
| | | pullEquip().then(res=>{ |
| | | this.$message.success(res.data.data.msg) |
| | | this.table.toolbar.find((e) => e.text === '同步').loading = false |
| | | }).catch(error=>{ |
| | | this.$message.error("同步失败",error) |
| | | this.getData() |
| | | this.table.toolbar.find((e) => e.text === '同步').loading = false |
| | | }) |
| | | }, |
| | | workShopFormatter(row, column, cellValue) { |
| | | this.workshopList.forEach((obj) => { |
| | | if (obj.value == cellValue) { |
| | |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val |
| | | console.log(this.multipleSelection); |
| | | }, |
| | | // 新增 / 修改 |
| | | addOrUpdateHandle(row) { |
| | |
| | | this.$message.success('删除成功') |
| | | this.getData() |
| | | }) |
| | | } |
| | | }, |
| | | labelPrint(){ |
| | | if(this.multipleSelection.length==0){ |
| | | this.$message.warning('请选择一条数据') |
| | | return |
| | | } |
| | | this.diaPrintTab = true |
| | | } |
| | | } |
| | | } |
| | | </script> |