From 00a2a8e080d0822529c8b09fc5029ac6519fda16 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 01 Jun 2022 18:14:43 +0800
Subject: [PATCH] 新增溯源码二维码下载
---
src/views/traceability/traceability.vue | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 53 insertions(+), 7 deletions(-)
diff --git a/src/views/traceability/traceability.vue b/src/views/traceability/traceability.vue
index fd65aea..d29e338 100644
--- a/src/views/traceability/traceability.vue
+++ b/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(
--
Gitblit v1.9.3