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

<template>
  <view>
    <view class="title_box rx-bc">
      <view class="name"> 报工信息： ({{ list.length || 0 }})个</view>
    </view>

    <view
      :class="[
        'material',
        it.extInfo.reportWeight && it.extInfo.reportWeight && 'materialBor',
      ]"
      v-for="(it, idx) in list"
      :key="it.id + idx"
    >
      <view class="content_table">
        <view class="item rx-sc">
          <view class="rx">
            <view class="lable lable190 rx-cc" @click="getDelete2(idx)">
              <view class="round">{{ idx + 1 }}</view>
              <uni-icons
                custom-prefix="iconfont"
                type="icon-shanchu"
                size="16"
                color="#fa3534"
              ></uni-icons>
              物料编码
            </view>
            <view class="content rx-bc">
              <view>{{ it.code }} </view>
              <view
                class="tag_box"
                v-if="
                  Object.prototype.hasOwnProperty.call(it, 'extInfo') &&
                  Object.prototype.hasOwnProperty.call(
                    it.extInfo,
                    'productionTimes'
                  ) &&
                  Object.prototype.hasOwnProperty.call(
                    it.extInfo.productionTimes,
                    item.currentTaskDiagram.taskId
                  )
                "
              >
                {{ it.extInfo.productionTimes[item.currentTaskDiagram.taskId] }}
              </view>
            </view>
          </view>
        </view>

        <view class="item rx-sc">
          <view class="rx">
            <view class="lable lable150 rx-cc">名称</view>
            <view class="content rx-bc">
              <view
                >{{ it.name }}
                <text
                  v-if="[2, 23, 9, 28].includes(Number(it.rootCategoryLevelId))"
                >
                  ({{
                    it.rootCategoryLevelId == 2
                      ? "在制品"
                      : it.rootCategoryLevelId == 23
                      ? "半成品"
                      : it.rootCategoryLevelId == 9
                      ? "产品"
                      : it.rootCategoryLevelId == 28
                      ? "废品"
                      : ""
                  }})
                </text>
              </view>

              <view
                class="tag_box"
                v-if="it.isCache"
                style="margin-right: -36rpx"
                >缓</view
              >
            </view>
          </view>
        </view>

        <view class="item rx-sc">
          <view class="rx">
            <view class="lable lable150 rx-cc">型号</view>
            <view class="content rx-sc">
              <view>{{ it.modelType }}</view>
            </view>
          </view>
        </view>

        <!-- <view class="item rx-sc">
					<view class="rx ww50">
						<view class="lable lable150 rx-cc ">设备</view>
						<view class="content rx-sc">
							<view>{{ it.deviceName || it.extInfo.deviceName }}</view>
						</view>
					</view>

					<view class="rx ww50">
						<view class="lable lable150  rx-cc ">炉次号</view>

						<view class="content content_num ">
							<view v-if='isDetails'>{{it.extInfo.heatNumber }}</view>
							<input class="uni-input" v-else v-model="it.extInfo.heatNumber"></input>
						</view>

					</view>

				</view> -->

        <view class="item rx-sc">
          <view class="rx">
            <view class="lable lable190 rx-cc"
              >{{ it.extInfo.newWeight ? "上道工序总重量" : "物料总重量" }}(
              {{ it.extInfo.weightUnit }})
            </view>
            <view class="content content_num rx-sc">
              <view v-if="it.extInfo.newWeight"
                >{{ it.extInfo.newWeight }}
              </view>
              <input
                v-else
                class="uni-input"
                size="mini"
                v-model="it.extInfo.weight"
              />
            </view>
          </view>
        </view>

        <view class="item rx-sc">
          <view class="rx ww50">
            <view class="lable lable150 rx-cc">投料数量</view>
            <view class="content content_num">
              <view style="color: #157a2c">{{ it.feedQuantity }}</view>
            </view>
          </view>

          <view class="rx ww50">
            <view class="lable lable150 rx-cc">投料类型</view>
            <view class="content rx-sc" style="color: #157a2c">
              <view>批量投料</view>
            </view>
          </view>
        </view>
      </view>

      <view class="content_table2">
        <view class="head row rx-sc">
          <view class="item ww15" style="font-size: 20rpx"> 合格品数 </view>
          <view class="item ww25">报工总重量/{{ it.extInfo.weightUnit }} </view>
          <view class="item ww20" style="font-size: 20rpx"> 设备 </view>
          <view class="item ww20" style="font-size: 20rpx"> 炉次号 </view>
          <view class="item ww20 rx-bc">
            <text>处置</text>
            <image
              v-if="!isDetails"
              class="icon"
              @click="handAddListPL(it, idx)"
              src="~@/static/pda/add.svg"
              style="width: 46rpx; height: 46rpx; margin-right: 12rpx"
            ></image>
          </view>
          <view class="item ww10"> 操作 </view>
        </view>

        <view class="table">
          <view
            class="tr row rx-sc"
            v-for="(yy, yyIdx) in it.extInfo.batchReportInfo"
          >
            <view class="item ww15 content_num">
              <view v-if="isDetails">{{ yy.allFeedQuantity }}</view>
              <input
                class="uni-input"
                v-else
                v-model="yy.allFeedQuantity"
                @input="blurNum($event, idx, yyIdx)"
                type="number"
                v-show="keyYes"
              />
            </view>
            <view class="item ww25 content_num">
              <view v-if="isDetails">{{ yy.allReportWeight }}</view>
              <input
                class="uni-input"
                v-else
                v-model="yy.allReportWeight"
                type="digit"
                @input="blurWeight(it, idx, yyIdx)"
              />
            </view>
            <view class="item ww20 content_num">
              <view v-if="isDetails">{{ yy.deviceName }}</view>
              <zxz-uni-data-select
                v-else
                :localdata="deviceList"
                v-model="yy.deviceId"
                dataValue="instanceId"
                format="{name}"
                dataKey="instanceId"
                filterable
                @change="(e) => selectValBatch(e, it, idx, yyIdx)"
                :clear="false"
              ></zxz-uni-data-select>
            </view>
            <view class="item ww20 content_num">
              <view v-if="isDetails">{{ yy.heatNumber }}</view>
              <input
                class="uni-input"
                v-else
                v-model="yy.heatNumber"
                type="digit"
              />
            </view>

            <view class="item ww20" v-if="isDetails">
              {{ yy.taskName }}
            </view>

            <view class="item ww20" v-else>
              <zxz-uni-data-select
                :localdata="stepsList"
                v-model="yy.taskId"
                dataValue="taskId"
                format="{taskTypeName}"
                dataKey="taskId"
                filterable
                @change="(e) => (yy.taskName = e.taskTypeName)"
                :clear="false"
              ></zxz-uni-data-select>
            </view>

            <view class="item ww10">
              <uni-icons
                v-if="!isDetails"
                custom-prefix="iconfont"
                type="icon-shanchu"
                size="16"
                @click="handDel3(idx, yyIdx)"
                color="#fa3534"
              ></uni-icons>
            </view>
          </view>
        </view>
      </view>

      <view class="content_table2">
        <view class="head row rx-sc">
          <view class="item ww15" style="font-size: 20rpx"> 不合格数 </view>

          <view class="item ww10" style="font-size: 20rpx"> 重量 </view>

          <view class="item ww15">类型</view>
          <view class="item ww15" style="font-size: 20rpx"> 设备 </view>
          <view class="item ww15" style="font-size: 20rpx"> 炉次号 </view>
          <view class="item ww25 rx-bc">
            <text>处置/原因</text>
            <image
              v-if="!isDetails"
              class="icon"
              @click="handAddListPL4(it, idx)"
              src="~@/static/pda/add.svg"
              style="width: 46rpx; height: 46rpx; margin-right: 12rpx"
            ></image>
          </view>
          <view class="item ww10"> 操作 </view>
        </view>

        <view class="table">
          <view
            class="tr row rx-sc"
            v-for="(yy, yyIdx) in it.extInfo.notBatchReportInfo"
            :key="'not' + idx + yyIdx"
          >
            <view class="item ww10 content_num">
              <view v-if="isDetails">{{ yy.allFeedQuantity }}</view>
              <input
                class="uni-input"
                v-else
                v-model="yy.allFeedQuantity"
                @input="blurNum2($event, idx, yyIdx)"
                type="number"
                v-show="keyNo"
              />
            </view>

            <view class="item ww10 content_num">
              <view v-if="isDetails">{{ yy.allReportWeight }}</view>
              <input
                class="uni-input"
                v-else
                v-model="yy.allReportWeight"
                type="number"
                @input="blurWeight2(it, idx, yyIdx)"
              />
            </view>

            <view class="item ww15 content_num">
              <zxz-uni-data-select
                :localdata="notTypeList"
                v-model="yy.notType"
                dataValue="code"
                format="{name}"
                dataKey="code"
                filterable
                :disabled="isDetails"
                @change="handLoad()"
                :clear="false"
              ></zxz-uni-data-select>
            </view>

            <view class="item ww15 content_num">
              <view v-if="isDetails">{{ yy.deviceName }}</view>
              <zxz-uni-data-select
                :localdata="deviceList"
                v-model="yy.deviceId"
                dataValue="instanceId"
                format="{name}"
                dataKey="instanceId"
                filterable
                @change="(e) => selectValNoBatch(e, it, idx, yyIdx)"
                :clear="false"
              ></zxz-uni-data-select>
            </view>
            <view class="item ww15 content_num">
              <view v-if="isDetails">{{ yy.heatNumber }}</view>
              <input class="uni-input" v-else v-model="yy.heatNumber" />
            </view>

            <view class="item ww25" v-if="isDetails">
              {{ yy.notType == 5 ? yy.taskName : yy.notReason }}
            </view>

            <view
              class="item ww25 content_num"
              v-if="!isDetails && yy.notType == 5"
            >
              <zxz-uni-data-select
                :localdata="stepsList"
                v-model="yy.taskId"
                dataValue="taskId"
                format="{taskTypeName}"
                dataKey="taskId"
                filterable
                @change="(e) => (yy.taskName = e.taskTypeName)"
                :clear="false"
              ></zxz-uni-data-select>
            </view>
            <view
              class="item ww25 content_num"
              v-if="!isDetails && yy.notType != 5"
            >
              <input
                class="uni-input"
                v-if="yy.notType != 5"
                v-model="yy.notReason"
              />
            </view>

            <view class="item ww10">
              <uni-icons
                v-if="!isDetails"
                custom-prefix="iconfont"
                type="icon-shanchu"
                size="16"
                @click="handDel4(idx, yyIdx)"
                color="#fa3534"
              ></uni-icons>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import { getTaskInstanceList } from "@/api/pda/workOrder.js";

export default {
  props: {
    item: {
      type: Object,
      default: () => {},
    },

    list: {
      type: Array,
      default: () => [],
    },

    isDetails: {
      type: Boolean,
      default: false,
    },

    equipmentList: {
      type: Array,
      default: () => [],
    },
  },

  watch: {
    equipmentList: {
      immediate: true,
      deep: true,
      handler(newVal) {
        // this.deviceList = newVal
        //设备下拉框数据来源
        let newData = JSON.parse(JSON.stringify(newVal));
        if (this.isDetails) {
          this.deviceList = newData;
        } else {
          this.deviceArr(newData);
        }

        this.changeHeatNumber();
      },
    },
  },

  data() {
    return {
      stepsList: [],

      deviceList: [],

      notTypeList: [
        {
          code: "1",
          name: "返工",
        },
        {
          code: "2",
          name: "返修",
        },
        {
          code: "3",
          name: "报废",
        },
        {
          code: "4",
          name: "降级使用",
        },
        {
          code: "5",
          name: "让步接收",
        },
      ],
      keyNo: "1",
      keyYes: "1",
    };
  },
  created() {
    this.getSteps();

    console.log(this.list);
  },
  mounted() {
    this.theFirst();
  },
  methods: {
    theFirst() {
      if (this.deviceList.length > 0) {
        let obj = this.deviceList[0];

        this.list.map((item, index) => {
          this.$set(
            this.list[index].extInfo.batchReportInfo[0],
            "deviceName",
            obj.name
          );
          this.$set(
            this.list[index].extInfo.batchReportInfo[0],
            "heatNumber",
            obj.extInfo.heatNumber
          );
          this.$set(
            this.list[index].extInfo.batchReportInfo[0],
            "deviceId",
            obj.instanceId
          );
          this.$set(
            this.list[index].extInfo.notBatchReportInfo[0],
            "deviceName",
            obj.name
          );
          this.$set(
            this.list[index].extInfo.notBatchReportInfo[0],
            "heatNumber",
            obj.extInfo.heatNumber
          );
          this.$set(
            this.list[index].extInfo.notBatchReportInfo[0],
            "deviceId",
            obj.instanceId
          );
        });
      }
    },
    getSteps() {
      getTaskInstanceList(this.item.workOrderId).then((res) => {
        if (this.item.singleReport == 1) {
          this.stepsList = res;
        } else {
          this.stepsList = res.filter((f) => f.type != 6);
        }
      });
    },
    deviceArr(data) {
      data.forEach((o, i) => {
        o.id = o.id ? o.id.toString() + "/" + i : "";
        o.instanceId = o.instanceId ? o.instanceId.toString() + "/" + i : "";
      });

      this.deviceList = data;
      if (this.deviceList.length == 0) {
        this.list.forEach((o, index) => {
          //碳谷合格分批设备炉次号
          o.extInfo.batchReportInfo.map((report, ridx) => {
            this.$set(
              this.list[index].extInfo.batchReportInfo[ridx],
              "deviceName",
              this.deviceList[0].name
            );
            this.$set(
              this.list[index].extInfo.batchReportInfo[ridx],
              "deviceId",
              this.deviceList[0].id || this.deviceList[0].instanceId
            );
            //炉次号
            this.$set(
              this.list[index].extInfo.batchReportInfo[ridx],
              "heatNumber",
              this.deviceList[0].extInfo.heatNumber
            );
          });
          o.extInfo.notBatchReportInfo.map((noReport, noidx) => {
            this.$set(
              this.list[index].extInfo.notBatchReportInfo[noidx],
              "deviceName",
              this.deviceList[0].name
            );
            this.$set(
              this.list[index].extInfo.notBatchReportInfo[noidx],
              "deviceId",
              this.deviceList[0].id || this.deviceList[0].instanceId
            );
            //炉次号
            this.$set(
              this.list[index].extInfo.notBatchReportInfo[noidx],
              "heatNumber",
              this.deviceList[0].extInfo.heatNumber
            );
          });
          //碳谷合格分批设备炉次号
          this.$forceUpdate();
        });
      }
    },

    handAddListPL(it, idx) {
      let deviceid = "";
      if (this.deviceList.length > 0) {
        deviceid = this.deviceList[0].id || this.deviceList[0].instanceId;
      }
      this.list[idx].extInfo.batchReportInfo.push({
        allFeedQuantity: "",
        allReportWeight: "",
        taskId: "",
        taskName: "",
        deviceId: deviceid ? deviceid : "",
        deviceName:
          this.deviceList.length > 0 ? this.deviceList[0].deviceName : "",
        heatNumber:
          this.deviceList.length > 0
            ? this.deviceList[0].extInfo.heatNumber
            : "",
      });
      this.$forceUpdate();
    },

    handDel3(idx, yyIdx) {
      this.list[idx].extInfo.batchReportInfo.splice(yyIdx, 1);
      this.$emit("countNumPl", this.list, idx);
    },

    blurNum(event, idx, yyIdx) {
      let value = event.target.value;
      value = value.replace(/\./g, "");
      this.$set(
        this.list[idx].extInfo.batchReportInfo[yyIdx],
        "allFeedQuantity",
        value
      );

      let count = 0;
      this.list[idx].extInfo.batchReportInfo.forEach((m) => {
        count = count + Number(m.allFeedQuantity || 0);
      });

      let count2 = 0;
      this.list[idx].extInfo.notBatchReportInfo.forEach((m) => {
        count2 = count2 + Number(m.allFeedQuantity || 0);
      });

      this.keyYes = false;
      if (Number(count + count2) > this.list[idx].feedQuantity) {
        this.$set(
          this.list[idx].extInfo.batchReportInfo[yyIdx],
          "allFeedQuantity",
          0
        );
        this.$forceUpdate();
        this.keyYes = true;
        uni.showToast({
          title: `投料数不能大于投料数量`,
          icon: "none",
        });
        this.$emit("countNumPl", this.list, idx);
      } else {
        this.keyYes = true;
        this.$emit("countNumPl", this.list, idx);
      }
    },
    blurWeight(it, idx, yyIdx) {
      this.$emit("countNumPl", this.list, idx);
    },
    blurWeight2(it, idx, yyIdx) {
      this.$emit("countNumPl", this.list, idx);
    },

    blurNum2(event, idx, yyIdx) {
      // let value = event.target.value;
      // value = value.replace(/\./g, '');
      // this.$set(this.list[idx].extInfo.notBatchReportInfo[yyIdx], 'allFeedQuantity', value);

      let count = 0;
      this.list[idx].extInfo.batchReportInfo.forEach((m) => {
        count = count + Number(m.allFeedQuantity || 0);
      });

      let count2 = 0;
      this.list[idx].extInfo.notBatchReportInfo.forEach((m) => {
        count2 = count2 + Number(m.allFeedQuantity || 0);
      });

      this.keyNo = false;
      if (Number(count + count2) > this.list[idx].feedQuantity) {
        this.$set(
          this.list[idx].extInfo.notBatchReportInfo[yyIdx],
          "allFeedQuantity",
          0
        );
        this.$nextTick(() => {
          // this.$set(this.list[idx].extInfo.notBatchReportInfo[yyIdx], 'allFeedQuantity', 0)
        });
        this.keyNo = true;
        this.$forceUpdate();

        uni.showToast({
          title: `投料数不能大于投料数量`,
          icon: "none",
        });
        this.$emit("countNumPl", this.list, idx);
      } else {
        this.keyNo = true;
        this.$emit("countNumPl", this.list, idx);
      }
    },

    getDelete2(idx) {
      uni.showModal({
        title: "删除",
        content: "是否确实删除此物料！",
        confirmText: "确认", //这块是确定按钮的文字
        success: (rr) => {
          if (rr.confirm) {
            this.list.splice(idx, 1);
          }
        },
      });
    },

    selectValBatch(e, item, idx, bidx) {
      let obj = this.deviceList.find(
        (f) => f.id || f.instanceId == e.instanceId
      );
      //设备名称
      this.$set(
        this.list[idx].extInfo.batchReportInfo[bidx],
        "deviceName",
        obj.name
      );
      //炉次号
      this.$set(
        this.list[idx].extInfo.batchReportInfo[bidx],
        "heatNumber",
        obj.extInfo.heatNumber
      );
      //设备id
      this.$set(
        this.list[idx].extInfo.batchReportInfo[bidx],
        "deviceId",
        obj.id || obj.instanceId
      );
      this.$forceUpdate();
    },
    selectValNoBatch(e, item, idx, bidx) {
      let obj = this.deviceList.find(
        (f) => f.id || f.instanceId == e.instanceId
      );
      //设备名称
      this.$set(
        this.list[idx].extInfo.notBatchReportInfo[bidx],
        "deviceName",
        obj.name
      );
      //炉次号
      this.$set(
        this.list[idx].extInfo.notBatchReportInfo[bidx],
        "heatNumber",
        obj.extInfo.heatNumber
      );
      //设备id
      this.$set(
        this.list[idx].extInfo.notBatchReportInfo[bidx],
        "deviceId",
        obj.id || obj.instanceId
      );
      console.log("456", this.list[idx].extInfo.notBatchReportInfo[bidx]);
      this.$forceUpdate();
    },

    handAddListPL4(it, idx) {
      let deviceid = "";
      if (this.deviceList.length > 0) {
        deviceid = this.deviceList[0].id || this.deviceList[0].instanceId;
      }
      this.list[idx].extInfo.notBatchReportInfo.push({
        allFeedQuantity: "",
        allReportWeight: "",
        notType: "",
        taskId: "",
        taskName: "",
        notReason: "",
        deviceId: deviceid ? deviceid : "",
        deviceName:
          this.deviceList.length > 0 ? this.deviceList[0].deviceName : "",
        heatNumber:
          this.deviceList.length > 0
            ? this.deviceList[0].extInfo.heatNumber
            : "",
      });
      this.$forceUpdate();
    },

    handDel4(idx, yyIdx) {
      this.list[idx].extInfo.notBatchReportInfo.splice(yyIdx, 1);
      this.$emit("countNumPl", this.list, idx);
      this.$forceUpdate();
    },

    handLoad() {
      this.$forceUpdate();
    },

    changeHeatNumber() {
      console.log(this.list, "PLList22222");
      this.deviceList.forEach((f) => {
        this.list.forEach((o, index) => {
          //  o.deviceId &&
          //   f.instanceId == o.deviceId &&
          if (this.deviceList.length > 1) {
            // o.extInfo.heatNumber = f.extInfo.heatNumber;
            this.$set(
              this.list[index].extInfo,
              "heatNumber",
              f.extInfo.heatNumber
            );

            //碳谷合格分批设备炉次号
            o.extInfo.batchReportInfo.map((report, ridx) => {
              if (report.deviceId == f.instanceId) {
                this.$set(
                  this.list[index].extInfo.batchReportInfo[ridx],
                  "heatNumber",
                  f.extInfo.heatNumber
                );
              }
            });
            o.extInfo.notBatchReportInfo.map((noReport, noidx) => {
              if (noReport.deviceId == f.instanceId) {
                this.$set(
                  this.list[index].extInfo.notBatchReportInfo[noidx],
                  "heatNumber",
                  f.extInfo.heatNumber
                );
              }
            });
            this.$forceUpdate();
          } else if (this.deviceList.length == 1) {
            o["deviceId"] = this.deviceList[0].id;
            // o.extInfo.heatNumber = this.deviceList[0].extInfo.heatNumber;
            this.$set(
              this.list[index].extInfo,
              "heatNumber",
              this.deviceList[0].extInfo.heatNumber
            );

            //碳谷合格分批设备炉次号
            o.extInfo.batchReportInfo.map((report, ridx) => {
              this.$set(
                this.list[index].extInfo.batchReportInfo[ridx],
                "deviceId",
                this.deviceList[0].instanceId
              );
              this.$set(
                this.list[index].extInfo.batchReportInfo[ridx],
                "heatNumber",
                this.deviceList[0].extInfo.heatNumber
              );
              this.$set(
                this.list[index].extInfo.batchReportInfo[ridx],
                "deviceName",
                this.deviceList[0].extInfo.name
              );
            });
            //碳谷合格分批设备炉次号
            o.extInfo.notBatchReportInfo.map((noReport, noidx) => {
              this.$set(
                this.list[index].extInfo.notBatchReportInfo[noidx],
                "deviceId",
                this.deviceList[0].instanceId
              );
              this.$set(
                this.list[index].extInfo.notBatchReportInfo[noidx],
                "heatNumber",
                this.deviceList[0].extInfo.heatNumber
              );
              this.$set(
                this.list[index].extInfo.notBatchReportInfo[noidx],
                "deviceName",
                this.deviceList[0].extInfo.name
              );
            });

            this.$forceUpdate();
          }
        });
      });
    },

    toFixedFn(weight, num) {
      let total = Number(weight) * Number(num);
      return total.toFixed(2);
    },
  },
};
</script>

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

  .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 {
    .btn {
      padding: 0 18rpx;
      height: 50rpx;
      line-height: 50rpx;
      background: $theme-color;
      font-size: 26rpx;
      font-style: normal;
      font-weight: 400;
      font-size: 24rpx;
      color: #fff;
      border-radius: 4rpx;
      margin-left: 24rpx;
    }
  }
}

.material {
  margin-top: 16rpx;
  border: 1rpx solid transparent;

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

    box-sizing: border-box;

    .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;
      }

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

      .lable190 {
        width: 230rpx !important;
        font-size: 24rpx;
      }

      .ww80 {
        width: 80rpx;
      }

      .content {
        width: 500rpx;
        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;
        }

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

      .content_H {
        min-height: 92rpx;
      }

      .pd4 {
        padding: 4rpx 8rpx;
      }

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

    .ww55 {
      width: 55%;
    }

    .ww10 {
      width: 10%;
    }

    .ww40 {
      width: 40%;
    }

    .ww50 {
      width: 50%;
    }

    .ww45 {
      width: 45%;
    }

    .tag_box {
      padding: 2rpx 10rpx;
      margin-right: 12rpx;
      background: #e6a23c;
      font-size: 22rpx;
      color: #fff;
      border-radius: 4rpx;
    }
  }
}

.materialBor {
  border: 1rpx solid #157a2c;
}

.content_table2 {
  width: 100%;

  .row {
    width: 100%;

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

    .color157 {
      color: $theme-color;
    }

    .ww30 {
      width: 30%;
    }

    .ww20 {
      width: 20%;
    }

    .ww15 {
      width: 15%;
    }

    .ww25 {
      width: 25%;
    }

    .ww35 {
      width: 35%;
    }

    .ww50 {
      width: 50%;
    }

    .ww10 {
      width: 10%;
    }

    .ww40 {
      width: 40%;
    }
  }

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

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

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

    .item {
      font-size: 24rpx;
      min-height: 74rpx;
      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;
    }

    .numerate {
      font-size: 22rpx;
      color: $theme-color;
    }
  }
}

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

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

.round {
  width: 32rpx;
  height: 32rpx;
  line-height: 30rpx;
  text-align: center;
  border-radius: 50%;
  background: $theme-color;
  font-size: 24rpx;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  margin-right: 10rpx;
}
</style>