aiot-app/pages/pda/jobBooking/components/newPackingBomDetails.vue

<template>
  <view>
    <view class="col userInp" style="display: flex; align-items: center">
      <text class="label lable150 rx-cc">规格选择：</text>
      <!-- multiple -->
      <view>{{ objData.packInfo ? objData.packInfo.specText : "" }}</view>
    </view>

    <view class="col userInp" style="display: flex; align-items: center">
      <text class="label lable150 rx-cc">包装选择：</text>
      <!-- multiple -->
      <zxz-uni-data-select
        :localdata="warehouseSpecTypeList"
        v-model="warehouseId"
        @change="changeWarehouseType"
        disabled
      ></zxz-uni-data-select>
    </view>

    <view v-if="warehouseId != 1">
      <view v-for="(item, i) in DispositionList" :key="i">
        <view class="title_box rx-bc">
          <!-- 最小包装单元 -->
          <view class="name">{{ item.titel }}</view>

          <!-- <view class="btn_box rx-bc" @click="handCancelPacking">
					重置打包
				</view> -->
        </view>

        <view class="material">
          <view class="content_table">
            <view class="item">
              <view class="lable rx-cc">包装总数 </view>
              <view class="content content_num">
                <input
                  class="uni-input"
                  v-model="formedNumLast"
                  type="number"
                  disabled
                  @input="changeinput"
                />
                <view class="unit">{{ item.packageUnit }}</view>
              </view>
            </view>

            <view class="item rx-sc">
              <view class="rx ww55">
                <view class="lable lable150 rx-cc">{{ item.titel }}单元</view>
                <view class="content content_num">
                  <input
                    class="uni-input"
                    v-model="item.packageCell"
                    disabled
                  />
                  <view style="max-width: 100rpx; font-size: 24rpx">{{
                    item.packageUnit
                  }}</view>
                </view>
              </view>

              <view class="rx ww45">
                <view class="rx-cc ww80">
                  /<view style="max-width: 100rpx; font-size: 24rpx">{{
                    item.conversionUnit
                  }}</view>
                </view>
                <view class="content rx-sc">
                  <!-- <zxz-uni-data-select :localdata="unitList" v-model="unit" dataValue='Key'
									format='{Value}' dataKey="Key" filterable :clear='false'></zxz-uni-data-select> -->

                  <!-- <view class="penalize" @click="handleSplit">确认</view> -->
                </view>
              </view>
            </view>
          </view>

          <view class="content_table2" v-if="item.splitList.length">
            <view class="head row rx-sc">
              <view class="item ww10">序号</view>
              <view class="item ww15">数量</view>
              <view class="item ww20">类型</view>
              <view class="item ww20">包装层级</view>
              <!-- <view class="item ww20">计量数</view> -->
              <view class="item ww40">包装编码</view>
              <!-- <view class="item ww10 jsColor" @click="calculation()" v-if="clientEnvironmentId != 3">计算</view>
						<view class="item ww10" v-if="clientEnvironmentId == 3"></view> -->
            </view>
            <view class="table">
              <u-list
                @scrolltolower="scrolltolower"
                class="z_list"
                style="height: 100% !important"
              >
                <view
                  class="tr row rx-sc"
                  v-for="(it, idx) in item.splitList"
                  :key="idx"
                >
                  <view class="item ww10 rx-cc">{{ idx + 1 }}</view>
                  <view class="item ww15 rx-sc">
                    <view> {{ it.feedQuantity }}</view>
                  </view>
                  <view class="item ww20 rx-sc">
                    <view v-if="it.rootCategoryLevelId == 2">在制品</view>
                    <view v-else-if="it.rootCategoryLevelId == 23">半成品</view>
                    <view v-else-if="it.rootCategoryLevelId == 9">产品</view>
                    <view v-else-if="it.rootCategoryLevelId == 28">废品</view>
                    <view v-else>{{ "" }}</view>
                  </view>
                  <view class="item ww20 rx-cc">
                    <view v-if="it.packingType == 4">外包装</view>
                    <view v-else-if="it.packingType == 2">最小包装</view>
                    <view v-else-if="it.packingType == 3">内包装</view>
                    <view v-else>计量</view>
                  </view>
                  <view class="item ww40">
                    {{ it.packingCode }}
                  </view>
                </view>
              </u-list>
            </view>
          </view>
        </view>
      </view>
    </view>

    <SearchPopup mode="center" v-if="show">
      <template v-slot:list>
        <view class="search_list">
          <u-form
            labelPosition="left"
            :model="formData"
            labelWidth="180"
            labelAlign="left"
            class="baseForm"
          >
            <u-form-item
              label="外包装数:"
              class="required-form"
              borderBottom
              prop="assetType"
            >
              <input
                class="uni-input"
                v-model="formData.wPackNum"
                style="width: 280rpx"
                placeholder="外包装数"
              />
              / {{ splitList[0].unit }}
            </u-form-item>
          </u-form>
        </view>
      </template>

      <template v-slot:operate>
        <view class="operate_box rx-bc">
          <u-button
            size="small"
            class="u-reset-button"
            @click="calculationClose()"
          >
            取消
          </u-button>

          <u-button
            type="success"
            size="small"
            class="u-reset-button"
            @click="calculationReset()"
          >
            重置
          </u-button>

          <u-button
            type="success"
            size="small"
            class="u-reset-button"
            @click="calculationSave()"
          >
            确定
          </u-button>
        </view>
      </template>
    </SearchPopup>
  </view>
</template>

<script>
import { getByCode } from "@/api/pda/common.js";
import {
  cancelPacking,
  packingReport,
  getPackingReport,
  packingReportRepeat,
  packageDisposition,
  getPackingReportRepeat,
  getPackingList,
} from "@/api/pda/workOrder.js";
import SearchPopup from "../../components/searchPopup.vue";
export default {
  components: {
    SearchPopup,
  },
  props: {
    categoryId: {
      type: String,
      default: "",
    },
    objData: {
      type: Object,
      default: () => {},
    },

    taskId: {
      type: String,
      default: "",
    },

    workOrderId: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      formedNumLast: 0,

      quantity: "",
      unit: "",
      Usertype: "", // 规格
      unitList: [],
      resObj: {},
      splitList: [],
      localdataList: [],
      newDispositionList: [],
      withinQuantity: "", //内包装数量
      withinUnit: "", //内包装单位
      outsideQuantity: "", //外包装数量
      outsideUnit: "", //外包装单位
      timeout: null,
      packUnit: null,
      temporaryNum: 0,
      temporaryCount: 0,
      temporaryList: [],
      packTwoList: [],
      DispositionList: [],
      selectList: [],
      text: "",
      value: "",
      minimumPackage: [], // 最小包装
      withinPackage: [], // 内包装
      minimumUnit: "",
      outsidePackage: [], //外包装
      newCategoryId: "",
      warehouseId: 2,
      warehouseSpecTypeList: [
        {
          text: "按计量",
          value: 1,
        },
        {
          text: "最小包装",
          value: 2,
        },
        {
          text: "内包装",
          value: 3,
        },
        {
          text: "外包装",
          value: 4,
        },
      ],

      show: false,
      formData: {
        wPackNum: null,
      },
      clientEnvironmentId:
        uni.getStorageSync("userInfo") &&
        uni.getStorageSync("userInfo").clientEnvironmentId,
    };
  },

  created() {
    // this.formedNumLast = this.objData.product[0].feedQuantity;
    console.log(this.objData, "我是阿打啥啊电话");
    // this.byCode();
    this.packageDispositionFn();
    if (this.objData.packInfo) {
      this.warehouseId = this.objData.packInfo.tier;
      this.DispositionList.push({
        titel: "最小包装",
        splitList: this.objData.packInfo.minimumPackage,
        packageCell: this.objData.packInfo.minimumPackageCell,
        packageUnit: this.objData.packInfo.minimumPackageUnit,
        conversionUnit: this.objData.packInfo.minimumConversionUnit,
      });
      this.formedNumLast = this.objData.packInfo.minimumPackage.reduce(
        (acc, pro) => {
          return pro.feedQuantity ? acc + Number(pro.feedQuantity) : acc;
        },
        0
      );
    }

    // this.getPackingDetails()
    // this.getPackingDetailsTwo()
  },

  methods: {
    // 输入数量变化
    changeinput(e) {
      clearTimeout(this.timeout);
      // 设置新的定时器
      this.timeout = setTimeout(() => {
        this.formedNumLast = e.detail.value;
        this.initFn(this.selectList);
      }, 500); // 500毫秒后触发
    },

    changeUserType(e) {
      console.log(e);
      this.text = e.text;
      this.value = e.value;
      this.selectList = e.arr;
      this.initFn(e.arr);
    },
    groupBy(arr, key) {
      return arr.reduce((acc, obj) => {
        const groupKey = obj[key];
        if (!acc[groupKey]) {
          acc[groupKey] = [];
        }
        console.log();
        acc[groupKey].push(obj);
        return acc;
      }, {});
    },

    async packageDispositionFn() {
      console.log(this.categoryId, "555555555555");
      let that = this;
      const res = await packageDisposition(this.categoryId);

      if (res.length) {
        res.shift();
        let data = JSON.parse(JSON.stringify(res));
        let list = this.groupBy(data, "code");
        this.localdataList = [];
        Object.entries(list).forEach(([key, value]) => {
          let obj = {
            text: value[0].name,
            arr: value,
            value: key,
          };
          this.localdataList.push(obj);
        });

        this.Usertype = this.localdataList[0].value;
        this.text = this.localdataList[0].text;
        this.value = this.localdataList[0].value;
        // res.map((v) => {
        //   v.splitList = [];
        // });
        // // this.newDispositionList = res;
        // if (this.warehouseId == 2) {
        //   this.newDispositionList = [res[0]];
        // } else if (this.warehouseId == 3) {
        //   this.newDispositionList = [res[1]];
        // } else if (this.warehouseId == 4) {
        //   this.newDispositionList = [res[2]];
        // }
        // this.selectList = res;

        // this.initFn(this.localdataList[0].arr);
        // this.listFn(this.localdataList[0].arr);
      }
    },

    initFn(v) {
      if (v.length) {
        this.withinQuantity = v[1].packageCell; //内包装数量
        this.withinUnit = v[1].conversionUnit; //内包装单位
        this.outsideQuantity = v[2].packageCell; //外包装数量
        this.outsideUnit = v[2].conversionUnit; //外包装单位
        this.minimumUnit = v[0].conversionUnit;
      }
      console.log("几次", v);
      this.handleSplit(v[0]);
    },

    async listFn(res) {
      let {
        minimumPackage,
        withinQuantity,
        outsidePackage,
        outsideQuantity,
        withinPackage,
      } = res;
      // let textList = ["最小包装", "内包装", "外包装"];
      // let arr = [
      //   { list: minimumPackage },
      //   { list: withinPackage, num: withinQuantity },
      //   { list: outsidePackage, num: outsideQuantity },
      // ];

      let textList = [];
      let arr = [];
      if (this.warehouseId == 2) {
        textList.push("最小包装");
        arr.push({ list: minimumPackage });
      } else if (this.warehouseId == 3) {
        textList.push("内包装");
        arr.push({ list: withinPackage, num: withinQuantity });
      } else if (this.warehouseId == 4) {
        textList.push("外包装");
        arr.push({ list: outsidePackage, num: outsideQuantity });
      }

      this.minimumPackage = minimumPackage; // 最小包装
      this.withinPackage = withinPackage; // 内包装
      this.outsidePackage = outsidePackage; //外包装

      // this.newDispositionList.map((v, i) => {
      //   v.splitList = arr[i].list;
      //   v.titel = textList[i];
      //   if (i == 0) {
      //     v.formedNumLast = this.formedNumLast;
      //   } else {
      //     v.formedNumLast = arr[i].num;
      //   }
      // });
      this.newDispositionList.map((v, i) => {
        v.splitList = arr[0].list;
        v.titel = textList[0];
        if (i == 0) {
          v.formedNumLast = this.formedNumLast;
        } else {
          v.formedNumLast = arr.num;
        }
      });

      this.$nextTick(() => {
        console.log(this.DispositionList, "我是啥来着");

        this.$set(this, "DispositionList", this.newDispositionList);
      });
    },

    sunNum(v, i) {
      let _this = this;
      this.$nextTick(() => {
        switch (i) {
          case 0:
            console.log(_this.formedNumLast);
            return _this.formedNumLast;
          case 1:
            return v.splitList.length || 0;
          case 2:
            return v.splitList.length || 0;
        }
      });
    },

    byCode() {
      getByCode("packing_unit").then((res) => {
        this.unitList = [];

        res.forEach((obj, index) => {
          for (let key in obj) {
            if (obj.hasOwnProperty(key)) {
              // 确保key是对象自身的属性

              this.unitList.push({
                Key: `${key}`,
                Value: ` ${obj[key]}`,
              });
            }
          }
        });
      });
    },

    getPackingDetails() {
      let param = {
        workOrderId: this.workOrderId,
        taskId: this.taskId,
        tier: 1,
      };

      getPackingReport(param).then((res) => {
        this.splitList = res.detailList;
        this.formedNumLast = res.totalQuantity;
        this.quantity = res.quantity;
        this.unit = res.unit;
      });
    },

    handCancelPacking() {
      uni.showModal({
        title: `是否清空包装？`,
        content: "",
        confirmText: "确认",
        success: () => {
          let param = {
            workOrderId: this.workOrderId,
            taskId: this.taskId,
          };
          cancelPacking(param).then((res) => {
            this.getPackingDetails();
            this.getPackingDetailsTwo();
          });
        },
      });
    },

    // 第一次调用
    handleSplit(v) {
      if (this.splitList.length) {
        uni.showToast({
          title: "产品已分包",
          icon: "none",
        });
        return false;
      }

      // if (!this.formedNumLast) {
      // 	uni.showToast({
      // 		title: '包装总数数量不能为空',
      // 		icon: 'none'
      // 	})
      // 	return false
      // }

      if (!v.packageCell) {
        uni.showToast({
          title: "内包装单元数量不能为空",
          icon: "none",
        });
        return false;
      }

      if (!v.packageUnit) {
        uni.showToast({
          title: "请选择包装单位",
          icon: "none",
        });
        return false;
      }

      let param = {
        workOrderId: this.workOrderId, //工单id
        taskId: this.taskId,
        tier: this.warehouseId,
        totalQuantity: this.formedNumLast, //总数量
        quantity: v.packageCell, //数量
        unit: v.packageUnit, //单位
        minimumUnit: this.minimumUnit, //最小包装单位

        withinQuantity: this.withinQuantity, //内包装数量
        withinUnit: this.withinUnit, //内包装单位
        outsideQuantity: this.outsideQuantity, //外包装数量
        outsideUnit: this.outsideUnit, //外包装单位

        packageUnit: v.conversionUnit,
      };

      // packingReport(param).then((res) => {
      //   this.listFn(res);
      // });

      if (this.warehouseId != 1) {
        getPackingList(param).then((res) => {
          this.listFn(res);
        });
      }

      // getPackingList(param).then((res) => {
      //   this.listFn(res);
      // });
    },

    handleCheck(idx, it) {
      if (it.quantity <= 0) {
        uni.showToast({
          icon: "none",
          title: "数量为空不能勾选",
        });

        return false;
      }

      this.$set(this.splitList[idx], "check", it.check ? 0 : 1);

      this.temporaryList = [];

      this.temporaryList = this.splitList.filter((e) => {
        return e.check == 1;
      });
      this.temporaryNum = 0;
      this.temporaryCount = 0;
      if (this.temporaryList.length > 0) {
        this.temporaryList.forEach((e) => {
          this.temporaryNum = this.temporaryNum + 1;
          this.temporaryCount = this.temporaryCount + Number(e.quantity);
        });
      }
    },

    handclose(it) {
      this.splitList.forEach((f) => {
        if (f.computeSize == it.computeSize) {
          f.check = 0;
        }
      });

      this.temporaryList = [];

      this.temporaryList = this.splitList.filter((e) => {
        return e.check == 1;
      });
    },

    getPackingDetailsTwo(v) {
      console.log(v);
      let param = {
        totalQuantity: v.formedNumLast,
        quantity: v.packageCell,
        unit: v.conversionUnit,
        workOrderId: this.workOrderId,
        taskId: this.taskId,
        tier: 2,
      };

      getPackingReportRepeat(param).then((res) => {
        resolve(res.detailList);
      });
    },

    handlePack(v, s) {
      let _arr = [];
      _arr = s.map((m) => {
        return {
          ...m,
          isChecked: 1,
        };
      });
      console.log(_arr, "123");

      let param = {
        detailList: _arr,
        quantity: v.temporaryCount,
        totalQuantity: v.formedNumLast,
        unit: v.packageUnit,
        taskId: this.taskId,
        workOrderId: this.workOrderId,
        tier: 2,
      };
      return new Promise((resolve, reject) => {
        packingReportRepeat(param).then((res) => {
          console.log(res);
          // this.temporaryList = []
          this.getPackingDetails();
          // this.getPackingDetailsTwo()
        });
      });
    },

    scrolltolower() {},

    getData() {
      let _packingReportMarginList = [];

      _packingReportMarginList = this.splitList.filter((e) => {
        return !e.parentId;
      });

      console.log(this.DispositionList);

      // let packInfo = {
      // this.DispositionList[0]

      // specText: this.text,
      // specValue: this.value,
      // minimumPackage: this.minimumPackage, // 最小包装
      // minimumPackageCell: this.DispositionList[0].packageCell, // 最小包装
      // minimumPackageUnit: this.DispositionList[0].packageUnit, // 最小包装单位
      // minimumConversionUnit: this.DispositionList[0].conversionUnit, // 最小包装单位
      // minimumFormedNumLast: this.DispositionList[0].formedNumLast, // 总包装数量

      // withinPackage: this.withinPackage, // 内包装

      // withinPackageCell: this.DispositionList[1].packageCell, // 最小包装名称
      // withinPackageUnit: this.DispositionList[1].packageUnit, // 最小包装单位
      // withinConversionUnit: this.DispositionList[1].conversionUnit, // 最小包装单位
      // withinFormedNumLast: this.DispositionList[1].formedNumLast, // 总包装数量
      // // packingReportList: this.packTwoList,
      // // packingReportMarginList: _packingReportMarginList,
      // outsidePackage: this.outsidePackage, //外包装
      // outsidePackageCell: this.DispositionList[2].packageCell, // 最小包装名称
      // outsidePackageUnit: this.DispositionList[2].packageUnit, // 最小包装单位
      // outsideConversionUnit: this.DispositionList[2].conversionUnit, // 最小包装单位
      // outsideFormedNumLast: this.DispositionList[2].formedNumLast, // 总包装数量
      // };

      let packInfo = {};
      if (this.warehouseId == 2) {
        if (this.DispositionList && this.DispositionList.length != 0) {
          packInfo = {
            // this.DispositionList[0]
            specText: this.span,
            specValue: this.value,
            minimumPackage: this.minimumPackage, // 最小包装
            tier: this.warehouseId,
            minimumPackageCell: this.DispositionList[0].packageCell, // 最小包装
            minimumPackageUnit: this.DispositionList[0].packageUnit, // 最小包装单位
            minimumConversionUnit: this.DispositionList[0].conversionUnit, // 最小包装单位
            minimumFormedNumLast: this.DispositionList[0].formedNumLast, // 总包装数量
          };
        } else {
          packInfo = {};
        }
      } else if (this.warehouseId == 3) {
        if (this.DispositionList && this.DispositionList.length != 0) {
          packInfo = {
            withinPackage: this.withinPackage, // 内包装
            tier: this.warehouseId,
            withinPackageCell: this.DispositionList[0].packageCell, // 最小包装名称
            withinPackageUnit: this.DispositionList[0].packageUnit, // 最小包装单位
            withinConversionUnit: this.DispositionList[0].conversionUnit, // 最小包装单位
            withinFormedNumLast: this.DispositionList[0].formedNumLast,
          };
        } else {
          packInfo = {};
        } // 总包装数量
      } else if (this.warehouseId == 4) {
        if (this.DispositionList && this.DispositionList.length != 0) {
          packInfo = {
            outsidePackage: this.outsidePackage, //外包装
            tier: this.warehouseId,
            outsidePackageCell: this.DispositionList[0].packageCell, // 最小包装名称
            outsidePackageUnit: this.DispositionList[0].packageUnit, // 最小包装单位
            outsideConversionUnit: this.DispositionList[0].conversionUnit, // 最小包装单位
            outsideFormedNumLast: this.DispositionList[0].formedNumLast,
          }; // 总包装数量
        } else {
          packInfo = {};
        }
      }

      return packInfo;
    },

    calculation() {
      this.show = true;
    },

    calculationSave() {
      let count = this.splitList.filter((item) => item.isChecked != 1).length;

      if (this.formData.wPackNum <= count && count != 0) {
        for (let i = 0; i < this.formData.wPackNum; i++) {
          this.splitList[i].check = 1;
        }
        this.handleCheck(0, 0);
        this.calculationClose();
      } else {
        if (count != 0) {
          for (let i = 0; i < count; i++) {
            this.splitList[i].check = 1;
          }
          this.handleCheck(0, 0);
          this.calculationClose();
        }
        uni.showToast({
          icon: "none",
          title: "外包装数超出内包装条数",
        });
      }
    },

    calculationClose() {
      this.show = false;
    },

    calculationReset() {
      this.formData.wPackNum = null;
      this.splitList.forEach((f) => {
        f.check = null;
      });
      this.temporaryList = [];
      this.show = false;
    },

    changeWarehouseType() {
      this.packageDispositionFn();
    },
  },
};
</script>

<style lang="scss" scoped>
.title_box {
  margin-top: 20rpx;

  .ww20 {
    width: 20%;
  }

  .name {
    font-size: 28rpx;
    font-style: normal;
    font-weight: 400;
    color: $theme-color;
    padding-left: 20rpx;

    position: relative;

    &:before {
      position: absolute;
      content: "";
      left: 0rpx;
      top: 0rpx;
      bottom: 0rpx;
      width: 4rpx;
      height: 28rpx;
      background: $theme-color;
      margin: auto;
    }
  }

  .btn_box {
    color: $theme-color;
  }
}

.material {
  margin-top: 10rpx;

  .content_table {
    width: 100%;
    border: 2rpx solid $border-color;

    .item {
      display: flex;
      border-bottom: 2rpx solid $border-color;

      .lable {
        width: 132rpx;
        text-align: center;
        background-color: #f7f9fa;
        font-size: 26rpx;
        border-right: 2rpx solid $border-color;
        flex-shrink: 0;
      }

      .lable220 {
        width: 220rpx !important;
        font-size: 24rpx;
      }

      .lable150 {
        width: 156rpx !important;
        font-size: 24rpx;
      }

      .ww80 {
        width: 80rpx;
      }

      .content {
        width: 518rpx;
        min-height: 64rpx;
        font-size: 28rpx;
        line-height: 28rpx;
        font-style: normal;
        font-weight: 400;
        // padding: 18rpx 8rpx;
        box-sizing: border-box;
        word-wrap: break-word;
        flex-grow: 1 !important;

        .unit {
          padding: 0 4rpx;
          font-size: 24rpx;
          color: #404446;
        }
      }

      &:last-child {
        border-bottom: none;
      }
    }

    .ww55 {
      width: 55%;
    }

    .ww45 {
      width: 45%;
    }
  }
}

.content_table2 {
  width: 100%;
  margin-top: 16rpx;

  .row {
    width: 100%;

    .item {
      color: #404446;
      font-size: 28rpx;
      padding-left: 12rpx;
    }

    .color157 {
      color: $theme-color;
    }

    .ww30 {
      width: 30%;
    }

    .ww50 {
      width: 50%;
    }

    .ww90 {
      width: 90%;
    }

    .ww15 {
      width: 15%;
    }

    .ww10 {
      width: 10%;
    }

    .ww30 {
      width: 30%;
    }

    .ww20 {
      width: 20%;
    }

    .ww40 {
      width: 40%;
    }

    .jsColor {
      color: $theme-color;
      font-size: 20rpx;
    }
  }

  .head {
    height: 64rpx;
    background: #f7f9fa;
    border-top: 2rpx solid #e3e5e5;
    border-left: 2rpx solid #e3e5e5;

    .item {
      height: 64rpx;
      line-height: 64rpx;
      border-right: 2rpx solid #e3e5e5;
      box-sizing: border-box;
    }
  }

  .tr {
    border-top: 2rpx solid #e3e5e5;
    border-left: 2rpx solid #e3e5e5;

    .item {
      font-size: 24rpx;
      min-height: 64rpx;
      display: flex;
      align-items: center;
      border-right: 2rpx solid #e3e5e5;
      box-sizing: border-box;
      white-space: normal;
      word-break: break-all;
    }

    &:last-child {
      border-bottom: 2rpx solid #e3e5e5;
    }
  }
}

.label {
  display: flex;
  height: 70rpx;
  width: 86px !important;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  background-color: #f7f9fa;
}

.content_num {
  display: flex;
  align-items: center;
  padding: 0 4rpx;

  /deep/ .uni-input-input {
    border: 2rpx solid #f0f8f2;
    background: #f0f8f2;
    color: $theme-color;
  }
}

.penalize {
  width: 86rpx;
  line-height: 60rpx;
  background: $theme-color;
  font-size: 24rpx;
  text-align: center;
  color: #fff;
}

.check {
  width: 30rpx;
  height: 30rpx;
}

.z_list {
  max-height: 500rpx;
}

.search_list {
  min-height: 100rpx;
  width: 80vw;

  /deep/ .baseForm {
    padding: 0 20rpx;
  }
}

.operate_box {
  padding: 10rpx 32rpx;

  /deep/ .u-button {
    width: 30%;
  }
}
</style>