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)" style="margin-top: 10px">
            <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="确认是否删除该二维码及其关联的商品信息?" @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){
      this.dialogVisible = true
      console.log(this.url,'urlURL')
      this.bigUrl = this.url + '?code=' + code
    },
    callback(){
    },
    getURL () {
      var str = window.location.href;
      var index = str.indexOf('/');
      var num = 0;
      while(index !== -1) {
        num++;
        index = str.indexOf('/',index + 1);
        if (num++ === 3) {
          this.url = str.slice(0, index) + '/yosweb/codeToFile.html'
          return str.slice(0, index);
        }
      }
    }
  },
  mounted() {
    this.getURL()
  }
}
</script>

<style scoped>

</style>