溯源码溯源绑定

Administrator

2022-05-23 3c5a7ee5c39b9681bfd3e7a3a8ae573c47277564

溯源码溯源绑定

 src/views/traceability/addTraceability.vue

@@ -4,6 +4,7 @@
    :modal-append-to-body="false"
    :append-to-body="true"
    :close-on-click-modal="false"
    @close="close"
    width="60%"
    :visible.sync="visible"
    center
@@ -78,7 +79,13 @@
              </div>
              <div class="input">
                <div class="left">重量/数量：</div>
                <div class="rigth">{{ formLabelAlign.weight==''?'':formLabelAlign.weight+"公斤" }}</div>
                <div class="rigth">
                  {{
                    formLabelAlign.weight == ""
                      ? ""
                      : formLabelAlign.weight + "公斤"
                  }}
                </div>
              </div>
              <div class="input">
                <div class="left">产地：</div>
@@ -135,11 +142,30 @@
              <el-input v-model="formLabelAlign.certificationCode"></el-input>
            </el-form-item>
            <el-form-item label="承诺依据" prop="according">
              <el-checkbox-group v-model="formLabelAlign.according" @change="changeCheckBox">
                <el-checkbox label="委托检测" name="type" @change="wtChange"></el-checkbox>
                <el-checkbox label="自我检测" name="type" @change="zwChange"></el-checkbox>
                <el-checkbox label="内部质量控制" name="type" @change="nbChange"></el-checkbox>
                <el-checkbox label="自我承诺" name="type" @change="cnChange"></el-checkbox>
              <el-checkbox-group
                v-model="formLabelAlign.according"
                @change="changeCheckBox"
              >
                <el-checkbox
                  label="委托检测"
                  name="type"
                  @change="wtChange"
                ></el-checkbox>
                <el-checkbox
                  label="自我检测"
                  name="type"
                  @change="zwChange"
                ></el-checkbox>
                <el-checkbox
                  label="内部质量控制"
                  name="type"
                  @change="nbChange"
                ></el-checkbox>
                <el-checkbox
                  label="自我承诺"
                  name="type"
                  @change="cnChange"
                ></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="是否绑定溯源" prop="bind">
@@ -151,39 +177,46 @@
      </div>
    </div>
    <div class="traceablility-table" v-if="isShow">
        <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      v-model="form"
      ref="crud"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    ></avue-crud>
      <avue-crud
        :option="option"
        :table-loading="loading"
        :data="data"
        :page.sync="page"
        v-model="form"
        ref="crud"
        @search-change="searchChange"
        @search-reset="searchReset"
        @selection-change="selectionChange"
        @current-change="currentChange"
        @size-change="sizeChange"
        @refresh-change="refreshChange"
        @on-load="onLoad"
      ></avue-crud>
    </div>
    <div class="traceability-btn">
        <el-button type="primary" @click="next" v-if="isBind">{{tip}}</el-button>
        <el-button type="primary" @click="submit">提 交</el-button>
      </div>
      <el-button type="primary" @click="next" v-if="isBind">{{
        tip
      }}</el-button>
      <el-button type="primary" @click="submit" v-if="isBtn">提 交</el-button>
      <el-button type="primary" @click="submits" v-if="!isBtn">提 交</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { mapState } from "vuex";
import { save } from "@/api/traceability/traceability";
import { getList} from "@/api/farmplant/recovery";
import { getList } from "@/api/farmplant/recovery";
import { getStrainList } from "@/api/farmplant/strain";
import { getLandList } from "@/api/land/land";
export default {
  data() {
    return {
      tip:"下一步",
      selectionList: [],
      tip: "下一步",
      isShow: false,
      isBind: false,
      isBtn: true,
      wtjc: false,
      zwjc: true,
      nbjc: false,
@@ -240,6 +273,11 @@
          { required: true, message: "请输入合格证编号", trigger: "blur" },
        ],
      },
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      option: {
        tip: false,
        height: 400,
@@ -247,10 +285,10 @@
        delBtn: false,
        viewBtn: false,
        addBtn: false,
        menuWidth: 200,
        menu: false,
        menuAlign: "center",
        align: "center",
        selection: false,
        selection: true,
        searchShow: true,
        searchMenuSpan: 6,
        column: [
@@ -365,7 +403,6 @@
    }),
  },
  methods: {
    changeCheckBox(data) {},
    //委托检测
    wtChange(data) {
      this.wtjc = data;
@@ -385,37 +422,39 @@
    //创建溯源码
    submit() {
      var that = this;
      if(this.isBind){
        this.formLabelAlign['bind'] = "0";
      }else{
        this.formLabelAlign['bind'] = "1";
      if (this.isBind) {
        this.formLabelAlign["bind"] = "0";
      } else {
        this.formLabelAlign["bind"] = "1";
      }
      

      this.$refs["formLabelAlign"].validate((valid) => {
        if (valid) {
          that.formLabelAlign.createTime = that.formLabelAlign.createTime+" 00:00:00";
          that.formLabelAlign.createTime =
            that.formLabelAlign.createTime + " 00:00:00";
          var according = [];
          //承诺依据 数据格式转换
          that.formLabelAlign.according.forEach((item)=>{
            if(item=="委托检测"){
          that.formLabelAlign.according.forEach((item) => {
            if (item == "委托检测") {
              according.push(0);
            }
            if(item=="自我检测"){
            if (item == "自我检测") {
              according.push(1);
            }
            if(item=="内部质量控制"){
            if (item == "内部质量控制") {
              according.push(2);
            }
            if(item=="自我承诺"){
            if (item == "自我承诺") {
              according.push(3);
            }
          })
          });
          that.formLabelAlign.according = according.join(",");
          //新增
          save(that.formLabelAlign).then(
            () => {
              that.$emit("refreshOnLoad");
              that.$refs.formLabelAlign.resetFields();
              that.close();
              that.visible = false;
              this.$message({
                type: "success",
@@ -432,17 +471,109 @@
        }
      });
    },
    //创建溯源码
    submits() {
      var that = this;
      if (this.selectionList.length > 0 && this.selectionList.length > 1) {
        this.$message.warning("只能绑定一个溯源");
        return;
      }
      if (this.selectionList.length ==1) {
        that.formLabelAlign['code'] = this.selectionList[0].code;
      }
      //新增
      save(that.formLabelAlign).then(
        () => {
          that.$emit("refreshOnLoad");
          that.visible = false;
          that.close();
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        },
        (error) => {
          window.console.log(error);
        }
      );
    },
    //关闭弹窗
    close() {
      //清除数据，状态回归
      this.isShow = false;
      this.isBind = false;
      this.isBtn = true;
      this.wtjc = false;
      this.zwjc = true;
      this.nbjc = false;
      this.zwcn = false;
      this.formLabelAlign = {
        productName: "",
        createTime: "",
        according: ["自我检测"],
        weight: "",
        phone: "",
        space: "",
        certificationCode: "",
        code: "",
      };
    },
    //下一步
    next() {
      var that = this;
      this.$refs["formLabelAlign"].validate((valid) => {
        if (valid) {
          this.formLabelAlign["bind"] = "0";
          //设置时间
          that.formLabelAlign.createTime =
            that.formLabelAlign.createTime + " 00:00:00";
          var according = [];
          //承诺依据 数据格式转换
          that.formLabelAlign.according.forEach((item) => {
            if (item == "委托检测") {
              according.push(0);
            }
            if (item == "自我检测") {
              according.push(1);
            }
            if (item == "内部质量控制") {
              according.push(2);
            }
            if (item == "自我承诺") {
              according.push(3);
            }
          });
          that.formLabelAlign.according = according.join(",");
          //修改按钮状态
          this.isShow = true;
          this.isBind = false;
          this.isBtn = false;
          //initFormData
          that.initFormData();
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
    //初始化表格数据
    initFormData(){
      var that = this;
      //获取农地数据
      getLandList(this.userInfo.user_id).then((res)=>{
          if(res.data.code==200){
              var landIdcolumn = that.findObject(that.option.column,"landId");
              that.landList = res.data.data;
              landIdcolumn.dicData = res.data.data;
          }
      })
      //获取农产品数据
      getStrainList(0).then((res)=>{
          if(res.data.code==200){
              var strainId = that.findObject(that.option.column,"strainId");
              strainId.dicData = res.data.data;
          }
      })
    },
    //计算当前时间
    getNowTime() {
@@ -455,11 +586,7 @@
      var day = date.getDate();
      //赋值
      this.formLabelAlign.createTime =
        year +
        "-" +
        this.addZero(month) +
        "-" +
        this.addZero(day);
        year + "-" + this.addZero(month) + "-" + this.addZero(day);
    },
    //小于10的拼接上0字符串
    addZero(s) {
@@ -483,6 +610,7 @@
    },
    selectionChange(list) {
      this.selectionList = list;
      console.log(this.selectionList, 123456789);
    },
    selectionClear() {
      this.selectionList = [];
@@ -561,12 +689,10 @@
      padding-top: 10px;
    }
  }

  
}

.traceability-btn {
    text-align: center;
    margin-top: 30px;
  }
  text-align: center;
  margin-top: 30px;
}
</style>

 src/views/traceability/traceability.vue

@@ -39,7 +39,7 @@
      </template>
    </avue-crud>
    <!-- 种养品 -->
    <addTraceability v-if="addTraceabilityVisible" ref="addTraceability" @refreshOnLoad="onLoad"></addTraceability>
    <addTraceability v-if="addTraceabilityVisible" ref="addTraceability" @refreshOnLoad="onLoads"></addTraceability>
  </basic-container>
</template>

@@ -75,17 +75,17 @@
        searchShow: true,
        searchMenuSpan: 6,
        addBtn:false,
        editBtn:false,
        column: [
          {
            label: "溯源码图片",
            prop: "url",
            label: "产品名称",
            prop: "productName",
            span: 12,
            labelWidth: 145,
            
            rules: [
              {
                required: true,
                message: "请输入溯源码图片",
                message: "请输入产品名称",
                trigger: "blur",
              },
            ],
@@ -302,6 +302,9 @@
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoads(){
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      this.loading = true;
      getList(