新增溯源预览页面

Administrator

2022-07-09 ad367fd6d9ebe243dfaa1281ca30d4829104b95c

 src/views/traceability/traceability.vue

@@ -43,6 +43,14 @@
          :size="size"
          icon="el-icon-view"
          :disabled="row.bind != 0"
          @click="handleViewCode(row)"
          >二维码
        </el-button>
        <el-button
          :type="type"
          :size="size"
          icon="el-icon-view"
          :disabled="row.bind != 0"
          @click="handleView(row)"
          >预览
        </el-button>
@@ -109,7 +117,7 @@
      option: {
        tip: false,
        height: "auto",
        menuWidth: 280,
        menuWidth: 320,
        menuAlign: "center",
        align: "center",
        selection: true,
@@ -248,15 +256,20 @@
        this.$refs.print.init(row);
      });
    },
    //预览溯源码
    handleView(row){
    //查看二维码
    handleViewCode(row){
      this.viewVisible = true;
      this.$nextTick(() => {
        console.log(this.$refs,123456);
        console.log(this.$refs.views,789);
        this.$refs.views.init(row);
      });
    },
    //预览溯源码详情信息
    handleView(row){
      this.$router.push({
        path: `/traceability/details`,
        query: row
      });
    },
    //新增
    rowSave(row, done, loading) {
      row['farmType'] = 0;