yos_web/src/HDrpManagement/codeManage/index.vue

<template>
  <div>
    <basicLayout
        style="padding-top:0 !important"
        ref="basicLayout"
        formPath="codeManage"
        tableName="codesTable"
        idName="plm_technicalinfo_codeids"
        :apiId="{query:2025082513210302,del:2025082513211502}">
      <template v-slot:tbList="scope">
        <div v-if="scope.data.column.columnname == 'codeImg'" >
          <div  @click="codeClick(scope.data.column.data.code)">
            <vue-qr  :text="url + '?code=' + scope.data.column.data.code" :size="36" @callback="callback"></vue-qr>
          </div>
        </div>
        <div>
          {{scope.data.column.data[scope.data.column.columnname]}}
        </div>
      </template>
      <template v-slot:tbOpreation="scope">
        <edit :data="scope.data.data" @onSuccess="onSuccess" class="inline-16"></edit>
        <darwerPanel :id="scope.data.data.plm_technicalinfo_codeid" :title="$t(`关联商品`)" :detailPath="{path:'/relationCode'}" class="inline-16" @closeDrawer="onSuccess"/>
        <btnDelete class="inline-16" paramID="2025082513211502" nameKey="plm_technicalinfo_codeids" :id="scope.data.data.plm_technicalinfo_codeid"
                   message="确认是否删除，确定删除则删除该二维码id及其所有关联商品信息" @onSuccess="onSuccess" btnTitle="删除"></btnDelete>
      </template>
    </basicLayout>
    <el-dialog
        append-to-body
        :visible.sync="dialogVisible"
        width="700px"
    >
      <vue-qr  :text="bigUrl" :size="600" @click="codeClick"  @callback="callback"></vue-qr>
    </el-dialog>
  </div>
</template>

<script>
import edit from '@/Form/codeManage/edit'
import darwerPanel from '@/HManagement/archives_sc/components/Rpanel'
import btnDelete from '@/components/btn-popconfirm/index'
import vueQr from 'vue-qr'
export default {
  name: "index",
  components:{edit,darwerPanel,btnDelete,vueQr},
  data(){
    return {
      dialogVisible:false,
      url:'http://61.164.207.46:8000/yosweb/codeToFile.html',
      // url:'http://192.168.3.146:8000/yosweb/codeToFile.html',
      bigUrl:''
    }
  },
  methods:{
    onSuccess(){
      this.$refs.basicLayout.listData()
    },
    async codeClick(code){
      console.log(code,'code')
      this.dialogVisible = true
      this.bigUrl = this.url + '?code=' + code
      const res = await this.$api.requested({
        "id": 2025082515112802,
        "content": {
          "code": code
        },
      })
      console.log(res.data)
      // this.bigUrl = this.url + '?data=' + res.data
    },
    callback(){
      console.log('测试内容1111')
    }
  }
}
</script>

<style scoped>

</style>