完成首页等问题修改

licp

2024-03-29 41cad2434411b2eac1b9814d47d06e34c291f285

 src/views/equipment/mould/index.vue

@@ -144,6 +144,40 @@
            <el-button type="primary" @click="confirmSaveOrUpdateMould">确 定</el-button>
        </span>
        </el-dialog>
        <el-dialog title="标签列表" :visible.sync="diaPrintTab" width="500px" top="5vh">
      <div style="width:100%;height:400px;overflow-y: auto;">
        <div class="dia_body" id="printRaw">
          <el-card class="box-card" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 10px; font-size: 16px !important;">
            <!-- <el-row>
              <el-col :span="8" :offset="1">序号：</el-col>
              <el-col :span="7" style="font-weight: bold;">{{ tem.id }}</el-col>
            </el-row> -->
            <el-row>
              <el-col :span="6" :offset="1">编号：</el-col>
              <el-col :span="12" style="font-weight: bold;">{{ tem.code }}</el-col>
            </el-row>
            <el-row>
              <el-col :span="6" :offset="1">模具名称：</el-col>
              <el-col :span="12" style="font-weight: bold;">{{ tem.name }}</el-col>
            </el-row>
            <el-row>
              <el-col :span="6" :offset="1">模具位置：</el-col>
              <el-col :span="12" style="font-weight: bold;">{{ tem.workShop }}-{{tem.shelfNo}}</el-col>
            </el-row>
            <el-row>
              <el-col :span="6" :offset="1">模具二维码：</el-col>
              <el-col :span="7">
                <vueQr :text="tem.code" :size="80" :margin="2"></vueQr>
              </el-col>
            </el-row>
          </el-card>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="diaPrintTab = false">取 消</el-button>
        <el-button type="primary" @click="printFun">打 印</el-button>
      </span>
    </el-dialog>
  </div>
</template>

@@ -153,6 +187,8 @@
import { fetchList,addMould,updateMould,delById } from '@/api/equipment/moulde'
import { mapGetters } from 'vuex'
import { remote } from '@/api/admin/dict'
import vueQr from 'vue-qr'
import PrintJS from 'print-js'
export default {
  data(){
      return {
@@ -372,6 +408,7 @@
  },
  components: {
    ttable,
    vueQr,
  },
  watch: {
    dialogVisible(newVal){
@@ -397,6 +434,13 @@
            type: 'text',
            fun: this.deleteHandle
        }]
    }
    if(this.permissions.equipment_mould_labelprint){
      this.table.toolbar.push({
              text: '标签打印',
              type: 'primary',
              fun: this.labelPrint
            })
    }
    this.table.operator = arr.length>0 ? arr : null
  },
@@ -493,6 +537,40 @@
        this.$message.error('请选择模具')
      }
    },
    labelPrint(){
        if(this.multipleSelection.length==0){
          this.$message.warning('请选择一条数据')
          return
        }
        this.diaPrintTab = true
    },
    printFun() {
        // this.printDialogVisible = false;
        this.diaPrintTab = false;
        PrintJS({
            printable: 'printRaw',//页面
            type: "html",//文档类型
                maxWidth:450,
                targetStyles:['*'],
                style: `@page {
                margin:0;
                padding: 0;
                size: 360px 170px landscape;
                }
                html{
                zoom:100%;
                }
                @media print{
                width: 360px;
                height: 170px;
                margin:0;
                padding: 0;
                }`,
                onPrintDialogClose: this.erexcel=false,
                targetStyles: ["*"], // 使用dom的所有样式，很重要
                font_size: '',
        });
    },
  },
}
</script>