新增溯源码二维码下载

Administrator

2022-06-01 00a2a8e080d0822529c8b09fc5029ac6519fda16

 src/views/traceability/traceability.vue

@@ -37,9 +37,31 @@
          >删 除
        </el-button>
      </template>
      <template slot-scope="{ type, size, row }" slot="menu">
        <el-button
          :type="type"
          :size="size"
          :disabled="row.bind != 1"
          icon="el-icon-paperclip"
          @click="handlebind(row)"
          >绑定溯源码
        </el-button>
        <el-button
          icon="el-icon-printer"
          :size="size"
          :type="type"
          :disabled="row.bind != 0"
          @click.stop="handlePrint(row)"
          >补打印
        </el-button>
      </template>
    </avue-crud>
    <!-- 种养品 -->
    <addTraceability v-if="addTraceabilityVisible" ref="addTraceability" @refreshOnLoad="onLoad"></addTraceability>
    <addTraceability v-if="addTraceabilityVisible" ref="addTraceability" @refreshOnLoad="onLoads"></addTraceability>
    <!-- 绑定溯源码 -->
    <recovery v-if="bindVisible" ref="recovery"  @refreshOnLoad="onLoads"></recovery>
    <!-- 补打印 -->
    <print v-if="printVisible" ref="print"></print>
  </basic-container>
</template>

@@ -47,13 +69,19 @@
import { getDetail, getList, update, remove, save } from "@/api/traceability/traceability";
import { mapGetters } from "vuex";
import addTraceability from "./addTraceability.vue";
import recovery from "./recovery.vue";
import print from "./print.vue";
export default {
  components: {
    addTraceability
    addTraceability,
    recovery,
    print
  },
  data() {
    return {
      addTraceabilityVisible: false,
      bindVisible: false,
      printVisible: false,
      form: {},
      query: {},
      loading: true,
@@ -68,24 +96,25 @@
      option: {
        tip: false,
        height: "auto",
        menuWidth: 200,
        menuWidth: 280,
        menuAlign: "center",
        align: "center",
        selection: true,
        searchShow: true,
        searchMenuSpan: 6,
        addBtn:false,
        editBtn:false,
        delBtn:false,
        column: [
          {
            label: "溯源码图片",
            prop: "url",
            label: "产品名称",
            prop: "productName",
            span: 12,
            labelWidth: 145,
            
            rules: [
              {
                required: true,
                message: "请输入溯源码图片",
                message: "请输入产品名称",
                trigger: "blur",
              },
            ],
@@ -191,6 +220,20 @@
    },
    //初始化数据
    initData(){
    },
    //绑定
    handlebind(row){
      this.bindVisible = true;
      this.$nextTick(() => {
        this.$refs.recovery.init(row.id);
      });
    },
    //打印
    handlePrint(row){
      this.printVisible = true;
      this.$nextTick(() => {
        this.$refs.print.init(row);
      });
    },
    //新增
    rowSave(row, done, loading) {
@@ -302,6 +345,9 @@
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoads(){
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      this.loading = true;
      getList(