pengwei
2025-03-24 f90fbbc76d23340e4568dd4dadbab5f7f02a030f
ÏîÄ¿´úÂë/client/src/views/tts/CraftCenter/Craftcenter.vue
@@ -34,11 +34,13 @@
              <span>此为任务作用中电气的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤:{{ electric ? electric[0].maxNodal : "0" }}</span
                  >步骤:{{
                    electric.length != 0 ? electric[0].maxNodal : "0"
                  }}</span
                >
                <span
                  >套筒数量:{{
                    electric ? electric[0].sumTorqueSum : "0"
                    electric != 0 ? electric[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
@@ -104,11 +106,13 @@
              <span>此为任务作用中机械的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤:{{ mechanical ? mechanical[0].maxNodal : "0" }}</span
                  >步骤:{{
                    mechanical != 0 ? mechanical[0].maxNodal : "0"
                  }}</span
                >
                <span
                  >套筒数量:{{
                    mechanical ? mechanical[0].sumTorqueSum : "0"
                    mechanical.length != 0 ? mechanical[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
@@ -174,10 +178,14 @@
              <span>此为任务作用中地沟的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤:{{ trench ? trench[0].maxNodal : "0" }}</span
                  >步骤:{{
                    trench.length != 0 ? trench[0].maxNodal : "0"
                  }}</span
                >
                <span
                  >套筒数量:{{ trench ? trench[0].sumTorqueSum : "0" }}</span
                  >套筒数量:{{
                    trench.length != 0 ? trench[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
            </div>
@@ -234,6 +242,7 @@
          </el-icon>
        </div>
      </template>
      <div>
        <div class="head">
          <div class="serch">
@@ -304,6 +313,7 @@
          >
        </div>
        <el-table
          empty-text="暂无数据"
          style="margin-top: 1.13rem"
          :data="gridData"
          height="430"
@@ -383,6 +393,7 @@
          </h4>
        </div>
      </template>
      <el-scrollbar height="44rem">
      <el-form
        :model="form"
        label-width="auto"
@@ -428,6 +439,7 @@
              /> </el-form-item
          ></el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col
            ><el-form-item prop="craftsStep">
@@ -465,7 +477,7 @@
                />
              </el-select> </el-form-item
          ></el-col> -->
          <el-col :span="16"
            <el-col :span="8"
            ><el-form-item prop="tools">
              <template #label>
                <div style="display: flex; align-items: center">
@@ -473,6 +485,7 @@
                </div>
              </template>
              <el-select
                  style="height: 2rem"
                v-model="tools"
                placeholder="请选择"
                multiple
@@ -488,6 +501,78 @@
                  :label="item.toolName"
                  :value="item"
                /> </el-select></el-form-item
            ></el-col>
            <el-col :span="4"
              ><el-form-item prop="tools">
                <template #label>
                  <div style="display: flex; align-items: center">
                    <span style="font-size: 0.88rem; color: black"
                      >第一次扭力的值</span
                    >
                  </div>
                </template>
                <el-input
                  size="small"
                  v-model="form.torqueOne"
                  placeholder="请输入"
                  style="height: 2rem"
                >
                  <template #suffix>
                    <span style="font-size: 0.88rem; color: black">N*m</span>
                  </template>
                </el-input>
              </el-form-item></el-col
            >
            <el-col :span="4"
              ><el-form-item prop="tools">
                <template #label>
                  <div style="display: flex; align-items: center">
                    <span style="font-size: 0.88rem; color: black">数量</span>
                  </div>
                </template>
                <el-input
                  size="small"
                  v-model="form.torqueOneQuantity"
                  placeholder="请输入"
                  style="height: 2rem" /></el-form-item
            ></el-col>
            <el-col :span="4"
              ><el-form-item prop="tools">
                <template #label>
                  <div style="display: flex; align-items: center">
                    <span style="font-size: 0.88rem; color: black"
                      >第二次扭力的值</span
                    >
                  </div>
                </template>
                <el-input
                  size="small"
                  v-model="form.torqueTwo"
                  placeholder="请输入"
                  style="height: 2rem"
                >
                  <template #suffix>
                    <span style="font-size: 0.88rem; color: black">N*m</span>
                  </template>
                </el-input></el-form-item
              ></el-col
            >
            <el-col :span="4"
              ><el-form-item prop="tools">
                <template #label>
                  <div style="display: flex; align-items: center">
                    <span style="font-size: 0.88rem; color: black">数量</span>
                  </div>
                </template>
                <el-input
                  size="small"
                  v-model="form.torqueTwoQuantity"
                  placeholder="请输入"
                  style="height: 2rem" /></el-form-item
          ></el-col>
        </el-row>
        <!-- <el-row>
@@ -587,14 +672,18 @@
                    box-sizing: border-box;
                  "
                >
                  <el-input
                    <!-- <el-input
                    placeholder="搜索"
                    style="height: 2rem; background: #f5f5f5; border: none"
                    :prefix-icon="Search"
                    v-model="value"
                  ></el-input>
                  ></el-input> -->
                  <div
                    style="height: 1.25rem; display: flex; align-items: center"
                      style="
                        height: 1.25rem;
                        display: flex;
                        align-items: center;
                      "
                  >
                    <span
                      style="color: rgba(28, 31, 35, 0.8); font-size: 0.75rem"
@@ -658,11 +747,11 @@
                      margin: 0.5rem 0;
                    "
                    v-for="item in checkList"
                    :key="item.id"
                      :key="item ? item.id : ''"
                    class="scrollbar-demo-item"
                  >
                    <span>
                      {{ item.articleName }}
                        {{ item ? item.articleName : "" }}
                    </span>
                    <span>
                      <el-input-number
@@ -681,6 +770,8 @@
          </el-form-item>
        </el-row>
      </el-form>
      </el-scrollbar>
      <template #footer>
        <div class="dialog-footer" style="text-align: center">
          <el-button @click="craftdialogVisible = false" style="height: 2rem"
@@ -699,7 +790,7 @@
  </div>
</template>
<script setup>
import { ref, reactive, onMounted, toRef } from "vue";
import { ref, reactive, onMounted, toRef, computed } from "vue";
import { Search } from "@element-plus/icons-vue";
import {
  GetSleeveandStep,
@@ -729,11 +820,11 @@
//选择的套筒数据
const checkList = ref([]);
//电气数量
const electric = ref(null);
const electric = ref([]);
//机械数量
const mechanical = ref(null);
const mechanical = ref([]);
//地沟
const trench = ref(null);
const trench = ref([]);
//新增工艺/编辑工艺
const type = ref("新增");
//获取数据
@@ -860,14 +951,15 @@
//编辑工艺
const Editcraft = (row) => {
  console.log(row);
  let data = Object.assign({}, row);
  type.value = "编辑";
  detailsDialogVisible.value = false;
  craftdialogVisible.value = true;
  form.value = data;
  tools.value = row.tools ? row.tools.split(",") : "";
  tools.value = data.tools ? data.tools.split(",") : "";
  console.log("tools", tools.value);
  checkboxId.value = [Number(row.articleOneid), Number(row.articleTowid)];
  ArticleInfom({
    page: 1,
    rows: 100,
@@ -887,7 +979,26 @@
    ],
  }).then((res) => {
    sleeveData.value = res.rows;
    checkList.value = res.rows.map((item) => {
      if (Number(row.articleOneid) == item.id) {
        return {
          ...item,
          num: row.articleOne,
        };
      } else if (item.id == row.articleTowid) {
        return {
          ...item,
          num: row.articleTwo,
        };
      } else {
        return {};
      }
  });
    checkList.value = checkList.value.filter((item) => {
      return Object.keys(item).length > 0;
    });
  });
  GetTool({
    page: 1,
    rows: 100,
@@ -920,42 +1031,16 @@
};
//保存
const addprocess = async (formEl) => {
  console.log(checkboxId.value);
  userName.value = JSON.parse(localStorage.getItem("user")).userName;
  let string = "";
  // if (tools.value.length == 0) {
  //   ElMessage({
  //     message: "请选择工具",
  //     type: "warning",
  //   });
  //   return;
  // }
  if (tools.value.length > 0) {
    if (type.value == "编辑") {
      string = tools.value
        ? tools.value
            .map((item) => {
              return item;
        return typeof item == "string" ? item : item.toolName;
            })
            .join(",")
        : "";
      return;
      .join(",");
    }
    string = tools.value
      ? tools.value
          .map((item) => {
            return item.toolName;
          })
          .join(",")
      : "";
  }
  // if (checkList.value.length == 0) {
  //   ElMessage({
  //     message: "请选择套筒",
  //     type: "warning",
  //   });
  //   return;
  // }
  if (form.value.nodal == 0) {
    ElMessage({
      message: "序号最小为1",
@@ -963,22 +1048,33 @@
    });
    return;
  }
  console.log(checkList.value);
  form.value.aritcleoneid =
    checkList.value.length != 0 ? checkList.value[0].id : "";
  form.value.articleone =
    checkList.value.length != 0 ? checkList.value[0].num : "";
  form.value.aritcletowid =
    checkList.value.length != 0 ? checkList.value[1].id : "";
    checkList.value.length != 0 && checkList.value.length > 1
      ? checkList.value[1].id
      : "";
  form.value.articletwo =
    checkList.value.length != 0 ? checkList.value[1].num : "";
    checkList.value.length != 0 && checkList.value.length > 1
      ? checkList.value[1].num
      : "";
  form.value.creater = userName.value;
  form.value.tools = string;
  form.value.craftstype = title.value;
  form.value.torqueOneQuantity = tools.value.length;
  form.value.id = form.value.craftID ? form.value.craftID : 0;
  console.log(form.value);
  form.value.torqueSum = computed(() => {
    if (form.value.torqueOne > 1 && form.value.torqueTwo > 1) {
      return 2;
    } else if (form.value.torqueOne > 1 || form.value.torqueTwo > 1) {
      return 1;
    } else {
      return 0;
    }
  });
  if (!formEl) return;
  await formEl.validate((valid, fields) => {
    if (valid) {
@@ -1108,6 +1204,8 @@
    }
  );
  tools.value = [];
  checkList.value = [];
  checkboxId.value = [];
};
//导出方法
const printExcel = () => {