Crunchy-08/28合区代码

XiaoRuby

2023-08-28 d19fd32eb0692166230762146f1370da82775074

Crunchy-08/28合区代码

 src/assets/api/controller.js

@@ -61,6 +61,7 @@
    meteringPlanListRecord: "/meteringPlan/list_record", // 计量计划<-->计量台账：查看计量履历
    meterPlanListDevice: "/meteringPlan/list_device", //新增计划设备下拉框
    createPerson: "/meteringPlan/list_user", //创建人下拉框
    meteringPlanDevicePlan: "/meteringPlan/add_plan", // 计量计划-->新增按钮
}

const url = {

 src/components/view/measurementManagement.vue

@@ -327,6 +327,7 @@
            v-show="viewResume == true"
            type="primary"
            size="mini"
            @click="sunmitPlanForm"
            icon="el-icon-plus"
            :style="`background: #3a7bfa; opacity: ${addShow ? 1 : 0}`"
            >保存</el-button
@@ -334,242 +335,376 @@
        </el-col>
      </el-row>
      <div class="second_div_main">
        <div class="second_div_top">
          <el-descriptions
            class="secode_div_top_descriptions"
            v-show="viewResume == false"
          >
            <template slot="title">
              <span>计划信息</span>
              <span
                v-show="measurePlanPage.accountOrPlan == false"
                :style="
                  `font-size: 14px; color: ${okOrNo == 'y' ? 'green' : 'red'}`
                "
                >&ensp;{{ okOrNo == "y" ? "已完成" : "未完成" }}</span
              >
            </template>
            <el-descriptions-item label="计划编号">{{
              measureTop.plan_number
            }}</el-descriptions-item>
            <el-descriptions-item label="创建人">{{
              measureTop.founder
            }}</el-descriptions-item>
            <el-descriptions-item label="创建日期">{{
              measureTop.createTime
            }}</el-descriptions-item>
            <el-descriptions-item label="计划日期">{{
              measureTop.planTime
            }}</el-descriptions-item>
            <el-descriptions-item label="计划单位">{{
              measureTop.plan_unit
            }}</el-descriptions-item>
            <el-descriptions-item label="负责人">{{
              measureTop.person_charge
            }}</el-descriptions-item>
          </el-descriptions>
          <el-descriptions
            class="secode_div_top_descriptions"
            v-show="viewResume == true"
          >
            <template slot="title">
              <span>计划信息</span>
            </template>
        <el-form :model="addFormDevice" :rules="rules" ref="ruleFormDevice">
          <!-- form表单 -->
          <div class="second_div_top">
            <el-descriptions
              class="secode_div_top_descriptions"
              v-show="viewResume == false"
            >
            <el-descriptions-item label="计划日期">
              <el-date-picker
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              >
              </el-date-picker>
            </el-descriptions-item>
            <el-descriptions-item label="计划单位">
              <el-input
                style="width: 206px"
                placeholder="请输入计划单位"
                clearable
                v-model="addFormDevice.planningUnit"
              ></el-input
            ></el-descriptions-item>
            <el-descriptions-item label="负责人">
              <el-select
                v-model="addFormDevice.responsiblePerson"
                size="small"
                placeholder="负责人"
                class="table_top"
              >
                <el-option
                  v-for="item in createPerson"
                  :key="item.index"
                  :label="item.name"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-descriptions-item>
          </el-descriptions>
        </div>
        <div class="second_div_middle">
          <div class="el_divider_span">设备信息</div>
          <el-divider></el-divider>
        </div>
        <div class="second_div_table">
          <div style="float: right;padding-bottom: 8px">
            <el-button size="mini" type="primary" @click="addDeviceAdd">
              <span style="font-size: 14px;">新增设备</span></el-button
            >
          </div>
          <div v-show="viewResume == true">
            <el-table
              ref="multipleTable"
              tooltip-effect="dark"
              :data="addFormDevice.addDevice"
              border
              :Key="key"
              style="width: 100%; margin-top: 12px;"
              height="calc(100vh - 380px)"
            >
              <el-table-column type="selection" width="55" min-width="5%">
              </el-table-column>
              <el-table-column label="仪器设备编码" min-width="10%" prop="code">
              </el-table-column>
              <el-table-column label="仪器设备名称" min-width="10%" prop="name">
                <template scope="scope">
                  <el-select
                    v-model="scope.row.deviceId"
                    @change="nameAndCode(scope)"
                    size="small"
                    placeholder="请选择设备"
                    class="table_top"
                  >
                    <el-option
                      v-for="item in deviceIdAndNameAndCode"
                      :key="item.index"
                      :label="item.name"
                      :value="item.id"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column
                label="测量范围"
                min-width="10%"
              ></el-table-column>
              <el-table-column
                label="计量周期"
                min-width="10%"
              ></el-table-column>
              <el-table-column
                label="计量结果"
                min-width="10%"
              ></el-table-column>
              <el-table-column
                label="计量日期"
                min-width="10%"
              ></el-table-column>
              <el-table-column
                label="计量有效期"
                min-width="10%"
              ></el-table-column>
              <el-table-column label="操作" min-width="10%">
                <el-button type="text" size="mini">作废</el-button>
              </el-table-column>
            </el-table>
          </div>
          <div v-show="viewResume == false">
            <el-table
              :data="recordData"
              tooltip-effect="dark"
              :header-cell-style="{ 'text-align': 'center' }"
              border
              :row-style="{ height: '50px' }"
              :cell-style="{ padding: '0px', 'text-align': 'center' }"
              style="width: 100%; margin-top: 12px;"
              height="calc(100vh - 382px)"
            >
              <el-table-column
                label="仪器设备编码"
                prop="code"
              ></el-table-column>
              <el-table-column
                label="仪器设备名称"
                prop="name"
              ></el-table-column>
              <el-table-column
                label="测量范围"
                prop="measuring_range"
              ></el-table-column>
              <el-table-column
                label="计量周期"
                prop="measure_period"
              ></el-table-column>
              <el-table-column label="计量结果" prop="measure_result">
                <template slot-scope="scope">
                  <el-tag
                    v-if="scope.row.measure_result == 1"
                    disable-transitions
                    type="success"
                    >运行</el-tag
                  >
                  <el-tag
                    v-else-if="scope.row.measure_result == 2"
                    disable-transitions
                    type="danger"
                    >失准</el-tag
                  >
                  <el-tag
                    v-else-if="scope.row.measure_result == null"
                    disable-transitions
                    type="info"
                    >未计量</el-tag
                  >
                </template></el-table-column
              >
              <el-table-column
                label="计量日期"
                prop="measureDate"
              ></el-table-column>
              <el-table-column
                label="计量有效期"
                prop="validityEnd"
              ></el-table-column>
              <el-table-column
                label="负责人"
                prop="personCharge"
              ></el-table-column>
              <el-table-column
                label="创建日期"
                prop="createTime"
              ></el-table-column>
              <el-table-column label="创建人" prop="founder"></el-table-column>
              <el-table-column
                label="计量单位"
                prop="plan_unit"
              ></el-table-column>
              <el-table-column
                width="200px"
                label="计量编号"
                prop="measure_number"
              ></el-table-column>
            </el-table>
              <template slot="title">
                <span>计划信息</span>
                <span
                  v-show="measurePlanPage.accountOrPlan == false"
                  :style="
                    `font-size: 14px; color: ${okOrNo == 'y' ? 'green' : 'red'}`
                  "
                  >&ensp;{{ okOrNo == "y" ? "已完成" : "未完成" }}</span
                >
              </template>
              <el-descriptions-item label="计划编号">{{
                measureTop.plan_number
              }}</el-descriptions-item>
              <el-descriptions-item label="创建人">{{
                measureTop.founder
              }}</el-descriptions-item>
              <el-descriptions-item label="创建日期">{{
                measureTop.createTime
              }}</el-descriptions-item>
              <el-descriptions-item label="计划日期">{{
                measureTop.planTime
              }}</el-descriptions-item>
              <el-descriptions-item label="计划单位">{{
                measureTop.plan_unit
              }}</el-descriptions-item>
              <el-descriptions-item label="负责人">{{
                measureTop.person_charge
              }}</el-descriptions-item>
            </el-descriptions>
            <div
              class="middle_under_div"
              v-show="measurePlanPage.accountOrPlan == false"
              class="secode_div_top_descriptions_add"
              v-show="viewResume == true"
            >
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[10, 15, 20, 25]"
                :pager-count="9"
                :page-size="12"
                layout="total, sizes, prev, pager, next, jumper"
                :total="measurePlanPageTotal"
              <el-form-item
                required
                prop="plannedDate"
                label="计划日期："
                style="width: 30%"
              >
              </el-pagination>
                <el-date-picker
                  v-model="addFormDevice.plannedDate"
                  value-format="yyyy-MM-dd"
                  type="daterange"
                  range-separator="~"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item
                label="计划单位："
                prop="planUnit"
                required
                style="width: 20%"
              >
                <el-input
                  style="width: 206px"
                  placeholder="请输入计划单位"
                  clearable
                  v-model="addFormDevice.planUnit"
                ></el-input>
              </el-form-item>
              <el-form-item
                label="负责人："
                prop="personCharge"
                required
                style="width: 20%"
              >
                <el-select
                  v-model="addFormDevice.personCharge"
                  style="width: 206px"
                  placeholder="负责人"
                  class="table_top"
                >
                  <el-option
                    v-for="item in createPerson"
                    :key="item.index"
                    :label="item.name"
                    :value="item.id"
                  ></el-option>
                </el-select>
              </el-form-item>
            </div>
          </div>
        </div>
          <div class="second_div_middle">
            <div class="el_divider_span">设备信息</div>
            <el-divider></el-divider>
          </div>
          <div class="second_div_table">
            <div style="float: right;padding-bottom: 8px">
              <el-button size="mini" type="primary" @click="addDeviceAdd">
                <span style="font-size: 14px;">新增设备</span></el-button
              >
            </div>
            <div v-show="viewResume == true">
              <el-table
                ref="multipleTableDevice"
                tooltip-effect="dark"
                :data="addFormDevice.measureLedgerList"
                header-cell-class-name="addHeaderCellClassName"
                border
                class="end_table"
                height="calc(100vh - 380px)"
              >
                <el-table-column
                  label="仪器设备编码"
                  min-width="10%"
                  prop="code"
                >
                </el-table-column>
                <el-table-column min-width="10%" prop="name">
                  <template slot="header">
                    <span class="requiredclass">仪器设备名称</span>
                  </template>
                  <template scope="scope">
                    <el-form-item
                      :prop="`measureLedgerList[` + scope.$index + `].deviceId`"
                      :rules="{
                        required: true,
                        trigger: 'change'
                      }"
                    >
                      <el-select
                        v-model="scope.row.deviceId"
                        @change="nameAndCode(scope)"
                        size="small"
                        placeholder="请选择设备"
                        class="table_top"
                      >
                        <el-option
                          v-for="item in deviceIdAndNameAndCode"
                          :key="item.index"
                          :label="item.name"
                          :value="item.id"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                  </template>
                </el-table-column>
                <el-table-column label="测量范围" min-width="10%">
                  <template scope="scope">
                    <el-form-item
                      :prop="
                        `measureLedgerList[` + scope.$index + `].measuringRange`
                      "
                      :rules="{
                        required: true,
                        trigger: 'blur'
                      }"
                    >
                      <el-input
                        placeholder="请输入测量范围"
                        clearable
                        size="small"
                        v-model="
                          addFormDevice.measureLedgerList[scope.$index]
                            .measuringRange
                        "
                      ></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>
                <el-table-column label="计量周期" min-width="5%">
                  <template scope="scope">
                    <span
                      v-show="
                        addFormDevice.measureLedgerList[scope.$index]
                          .measurePeriod !== ''
                      "
                      >{{
                        addFormDevice.measureLedgerList[scope.$index]
                          .measurePeriod
                      }}/月</span
                    >
                  </template>
                </el-table-column>
                <el-table-column label="计量结果" min-width="10%">
                  <template scope="scope">
                    <el-select
                      v-model="
                        addFormDevice.measureLedgerList[scope.$index]
                          .measureResult
                      "
                      style="padding-top: 4px;"
                      size="small"
                      placeholder="请选择计量结果"
                      class="table_top"
                    >
                      <el-option label="正常" value="1"></el-option>
                      <el-option label="失准" value="2"></el-option>
                    </el-select> </template
                ></el-table-column>
                <el-table-column width="200px">
                  <template slot="header">
                    <span class="requiredclass">计量日期</span>
                  </template>
                  <template scope="scope">
                    <el-form-item
                      :prop="
                        `measureLedgerList[` + scope.$index + `].measureDate`
                      "
                      :rules="{
                        required: true,
                        trigger: 'change'
                      }"
                    >
                      <el-date-picker
                        size="small"
                        style="width: 150px;"
                        v-model="
                          addFormDevice.measureLedgerList[scope.$index]
                            .measureDate
                        "
                        value-format="yyyy-MM-dd"
                        type="date"
                        placeholder="选择日期"
                      >
                      </el-date-picker>
                    </el-form-item>
                  </template>
                </el-table-column>
                <el-table-column width="300px">
                  <template slot="header">
                    <span class="requiredclass">计量有效期</span>
                  </template>
                  <template scope="scope">
                    <el-form-item
                      :prop="
                        `measureLedgerList[` + scope.$index + `].planDateList`
                      "
                      :rules="{
                        required: true,
                        trigger: 'change'
                      }"
                    >
                      <el-date-picker
                        v-model="
                          addFormDevice.measureLedgerList[scope.$index]
                            .planDateList
                        "
                        value-format="yyyy-MM-dd"
                        size="small"
                        style="width: 270px"
                        @change="pickerplanDateList(scope)"
                        type="daterange"
                        range-separator="~"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                      >
                      </el-date-picker>
                    </el-form-item>
                  </template>
                </el-table-column>
                <el-table-column label="操作" min-width="10%">
                  <template scope="scope">
                    <el-button
                      type="text"
                      size="mini"
                      @click="measureLedgerListDelete(scope)"
                      >删除</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div v-show="viewResume == false">
              <el-table
                :data="recordData"
                tooltip-effect="dark"
                :header-cell-style="{ 'text-align': 'center' }"
                border
                :row-style="{ height: '50px' }"
                :cell-style="{ padding: '0px', 'text-align': 'center' }"
                style="width: 100%; margin-top: 12px;"
                height="calc(100vh - 400px)"
              >
                <el-table-column
                  label="仪器设备编码"
                  prop="code"
                ></el-table-column>
                <el-table-column
                  label="仪器设备名称"
                  prop="name"
                ></el-table-column>
                <el-table-column
                  label="测量范围"
                  prop="measuring_range"
                ></el-table-column>
                <el-table-column
                  label="计量周期"
                  prop="measure_period"
                ></el-table-column>
                <el-table-column label="计量结果" prop="measure_result">
                  <template slot-scope="scope">
                    <el-tag
                      v-if="scope.row.measure_result == 1"
                      disable-transitions
                      type="success"
                      >运行</el-tag
                    >
                    <el-tag
                      v-else-if="scope.row.measure_result == 2"
                      disable-transitions
                      type="danger"
                      >失准</el-tag
                    >
                    <el-tag
                      v-else-if="scope.row.measure_result == null"
                      disable-transitions
                      type="info"
                      >未计量</el-tag
                    >
                  </template></el-table-column
                >
                <el-table-column
                  label="计量日期"
                  prop="measureDate"
                ></el-table-column>
                <el-table-column
                  label="计量有效期"
                  prop="validityEnd"
                ></el-table-column>
                <el-table-column
                  label="负责人"
                  prop="personCharge"
                ></el-table-column>
                <el-table-column
                  label="创建日期"
                  prop="createTime"
                ></el-table-column>
                <el-table-column
                  label="创建人"
                  prop="founder"
                ></el-table-column>
                <el-table-column
                  label="计量单位"
                  prop="plan_unit"
                ></el-table-column>
                <el-table-column
                  width="200px"
                  label="计量编号"
                  prop="measure_number"
                ></el-table-column>
              </el-table>
              <div
                class="middle_under_div"
                v-show="measurePlanPage.accountOrPlan == false"
              >
                <el-pagination
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  :current-page="currentPage"
                  :page-sizes="[10, 15, 20, 25]"
                  :pager-count="9"
                  :page-size="12"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="measurePlanPageTotal"
                >
                </el-pagination>
              </div>
            </div>
          </div>
        </el-form>
      </div>
    </div>
  </div>
@@ -622,14 +757,37 @@
      measureTop: {},
      measurePlanPageTotal: "",
      okOrNo: "",
      value1: "",
      deviceIdAndNameAndCode: [],
      addFormDevice: {
        responsiblePerson: "", //负责人
        planningUnit: "", // 计划单位
        addDevice: []
        plannedDate: [], // 计划日期开始时间结束时间选择器
        planDateBegin: "", // 计划日期开始时间
        planDateEnd: "", // 计划日期结束时间
        personCharge: "", //负责人
        planUnit: "", // 计划单位
        measureLedgerList: []
      },
      createPerson: [] // 创建人列表
      createPerson: [], // 创建人列表
      rules: {
        planUnit: [
          { required: true, message: "请输入计划单位", trigger: "blur" },
          { min: 1, max: 25, message: "长度在 1 到 25 个字符", trigger: "blur" }
        ],
        personCharge: [
          { required: true, message: "请选择负责人", trigger: "change" }
        ],
        plannedDate: [
          {
            type: "array",
            required: true,
            message: "请选择计划日期区间",
            fields: {
              //tpye类型试情况而定,所以如果返回的是date就改成date
              0: { type: "string", required: true, message: "请选择开始日期" },
              1: { type: "string", required: true, message: "请选择结束日期" }
            }
          }
        ]
      }
    };
  },
  mounted() {
@@ -716,7 +874,6 @@
          params: this.measurePlanPage
        })
        .then(res => {
          console.log(`output->res.data`, res.data[0]);
          this.recordData = res.data.table;
          this.measureTop = res.data.top;
          this.measurePlanPageTotal = res.data.total;
@@ -726,30 +883,76 @@
      }
    },
    addDeviceAdd() {
      let obj = {
      let measureLedgerList = {
        code: "",

        deviceId: "",
        measureDate: "2023-08-16",
        measurePeriod: 12,
        measureResult: 0,
        measuringRange: "0.2302",
        validityBegin: "2023-08-16",
        validityEnd: "2023-08-16"
        measureDate: "",
        planDateList: "", // 缓存数据
        measurePeriod: "",
        measureResult: "",
        measuringRange: "",
        validityBegin: "",
        validityEnd: ""
      };
      this.addFormDevice.addDevice.push(obj);
      this.addFormDevice.measureLedgerList.push(measureLedgerList);
    },
    nameAndCode(scope) {
      let index = this.deviceIdAndNameAndCode.find(
      let deviceMessage = this.deviceIdAndNameAndCode.find(
        role => role.id === scope.row.deviceId
      );
      this.addDeviceAdd.code = index.code;
      this.addFormDevice.addDevice[scope.$index].push = this.addDeviceAdd;
      this.$nextTick(() => {
        this.key++;
      this.addFormDevice.measureLedgerList[scope.$index].code =
        deviceMessage.code;
    },
    addHeaderCellClassName({ columnIndex }) {
      if (columnIndex === 0 || columnIndex === 1) {
        return "requiredclass";
      }
    },
    pickerplanDateList(scope) {
      let begin = scope.row.planDateList[0];
      let end = scope.row.planDateList[1];
      this.addFormDevice.measureLedgerList[scope.$index].validityBegin = begin;
      this.addFormDevice.measureLedgerList[scope.$index].validityEnd = end;

      let StartDate = begin.split("-");
      let EndDate = end.split("-");
      let dayDate = EndDate[2] - StartDate[2];

      EndDate = parseInt(EndDate[0]) * 12 + parseInt(EndDate[1]);
      StartDate = parseInt(StartDate[0]) * 12 + parseInt(StartDate[1]);

      let resultDate = EndDate - StartDate + 1;
      this.addFormDevice.measureLedgerList[
        scope.$index
      ].measurePeriod = resultDate;
    },
    measureLedgerListDelete(scope) {
      this.addFormDevice.measureLedgerList.splice(scope.$index, 1);
    },
    sunmitPlanForm() {
      this.$refs.ruleFormDevice.validate(valid => {
        if (valid) {
          this.addFormDevice.planDateBegin = this.addFormDevice.plannedDate[0];
          this.addFormDevice.planDateEnd = this.addFormDevice.plannedDate[1];
          delete this.addFormDevice.plannedDate;
          this.addFormDevice.measureLedgerList.forEach(i => {
            i.validityBegin = i.planDateList[0];
            i.validityEnd = i.planDateList[1];
            delete i.planDateList;
          });
          this.$axios
            .post(this.$api.url.meteringPlanDevicePlan, this.addFormDevice, {
              headers: { "Content-Type": "application/json" }
            })
            .then(res => {
              this.$message({
                message: res.message,
                type: "success"
              });
              this.addShow = false;
            });
        }
      });
      // addDevice
      console.log(`output->this.addDe`, this.addFormDevice);
    }
  },
  watch: {
@@ -779,7 +982,7 @@
};
</script>

<style>
<style less="scss">
.main_div {
  height: calc(100vh - 110px);
  position: relative;
@@ -795,6 +998,23 @@
  height: calc(100vh - 110px);
  transition: 0.5s;
}
.secode_div_top_descriptions_add {
  padding-left: 30px;
  padding-top: 48px;

  .el-form-item {
    float: left;
  }
}
.end_table {
  width: 100%;
  margin-top: 12px;

  .cell {
    height: 40px;
  }
}

.top_div {
  width: 100%;
  height: 100px;
@@ -838,7 +1058,6 @@
  padding: 35px 0;
}
.el-descriptions-item__label {
  padding-top: 8px !important;
  height: 20px !important;
}
.el-input__prefix {
@@ -896,8 +1115,16 @@
  padding-bottom: 15px;
}
.secode_div_top_descriptions {
  padding-left: 20px;
  padding-top: 10px;
  padding-left: 30px;
  padding-top: 17px;
}
.secode_div_top_descriptions .el-form-item {
  float: left;
}
.requiredclass::before {
  content: "*";
  color: #f56c6c;
  margin-right: 6px;
}
.el-descriptions__title {
  font-size: 15px;

 src/main.js

@@ -23,7 +23,7 @@
Vue.use(qs);
Vue.use(api);

const javaApi = 'http://192.168.110.167:8001/'
const javaApi = 'http://localhost:8001/'

axios.defaults.baseURL = javaApi
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'

 src/view/index.vue

@@ -5,6 +5,7 @@
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.title {
@@ -61,6 +62,11 @@
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
  overflow-y: auto;
}

.left::-webkit-scrollbar {
  width: 0;
}

.left .box {
@@ -319,74 +325,74 @@
            }
          ]
        },
                {
                  k: 4,
                  v: "生产管理",
                  i: "font icon-shouye",
                  c: [
                    {
                      k: 12,
                      v: "生产订单",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 13,
                      v: "生产计划",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 14,
                      v: "生产报工",
                      i: "font icon-shouye",
                      u: ""
                    }
                  ]
                },
                {
                  k: 5,
                  v: "WMS管理",
                  i: "font icon-shouye",
                  c: [
                    {
                      k: 15,
                      v: "原材料库存",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 16,
                      v: "回单管理",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 17,
                      v: "半成品库存",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 18,
                      v: "成品库存",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 19,
                      v: "成品发货",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 20,
                      v: "成品入库",
                      i: "font icon-shouye",
                      u: ""
                    }
                  ]
                },
        {
          k: 4,
          v: "生产管理",
          i: "font icon-shouye",
          c: [
            {
              k: 12,
              v: "生产订单",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 13,
              v: "生产计划",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 14,
              v: "生产报工",
              i: "font icon-shouye",
              u: ""
            }
          ]
        },
        {
          k: 5,
          v: "WMS管理",
          i: "font icon-shouye",
          c: [
            {
              k: 15,
              v: "原材料库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 16,
              v: "回单管理",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 17,
              v: "半成品库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 18,
              v: "成品库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 19,
              v: "成品发货",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 20,
              v: "成品入库",
              i: "font icon-shouye",
              u: ""
            }
          ]
        },
        {
          k: 1,
          v: "技术管理",
@@ -442,12 +448,6 @@
              u: "unqualifiedManagement"
            },
            {
              k: 8,
              v: "实验室管理",
              i: "font icon-shouye",
              u: "laboratoryManagement"
            },
            {
              k: 9,
              v: "质量统计",
              i: "font icon-shouye",
@@ -492,49 +492,49 @@
            }
          ]
        },
                {
                  k: 7,
                  v: "基础数据",
                  i: "font icon-shouye",
                  c: [
                    {
                      k: 23,
                      v: "工序维护",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 24,
                      v: "自检维护",
                      i: "font icon-shouye",
                      u: "self-inspection"
                    },
                    {
                      k: 25,
                      v: "技术指标维护",
                      i: "font icon-shouye",
                      u: ""
                    },
                    {
                      k: 26,
                      v: "工艺路线维护",
                      i: "font icon-shouye",
                      u: "technology"
                    },
                    {
                      k: 27,
                      v: "设备维护",
                      i: "font icon-shouye",
                      u: "laboratoryManagement"
                    },
                    {
                      k: 28,
                      v: "物料清单维护",
                      i: "font icon-shouye",
                      u: "mbom"
                    }
                  ]
                }
        {
          k: 7,
          v: "基础数据",
          i: "font icon-shouye",
          c: [
            {
              k: 23,
              v: "工序维护",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 24,
              v: "自检维护",
              i: "font icon-shouye",
              u: "self-inspection"
            },
            {
              k: 25,
              v: "技术指标维护",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 26,
              v: "工艺路线维护",
              i: "font icon-shouye",
              u: "technology"
            },
            {
              k: 27,
              v: "设备维护",
              i: "font icon-shouye",
              u: "laboratoryManagement"
            },
            {
              k: 28,
              v: "物料清单维护",
              i: "font icon-shouye",
              u: "mbom"
            }
          ]
        }
      ],
      activeBox: 0,
      activeP: 0,
@@ -591,15 +591,15 @@
        this.activeBox = 2;
      } else if (num == 11) {
        this.activeBox = 3;
      } else if (num > 11 && num <=14){
                this.activeBox = 4;
            } else if (num>14 && num<=20){
                this.activeBox = 5
            } else if (num>20 && num<=22){
                this.activeBox = 6
            } else if (num>22 && num<=28){
                this.activeBox = 7
            }
      } else if (num > 11 && num <= 14) {
        this.activeBox = 4;
      } else if (num > 14 && num <= 20) {
        this.activeBox = 5;
      } else if (num > 20 && num <= 22) {
        this.activeBox = 6;
      } else if (num > 22 && num <= 28) {
        this.activeBox = 7;
      }
    },
    out() {
      sessionStorage.clear();