功能新增

pengwei

2025-04-27 366612bd8e8b88d02a98edf508f96d7add23ff9f

 ÏîÄ¿´úÂë/client/src/views/tts/CraftCenter/Craftcenter.vue

@@ -34,10 +34,14 @@
              <span>此为任务作用中电气的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤：{{ electric ? electric.maxNodal : "0" }}</span
                  >步骤：{{
                    electric.length != 0 ? electric[0].maxNodal : "0"
                  }}</span
                >
                <span
                  >套筒数量：{{ electric ? electric.sumTorqueSum : "0" }}</span
                  >套筒数量：{{
                    electric != 0 ? electric[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
            </div>
@@ -102,11 +106,13 @@
              <span>此为任务作用中机械的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤：{{ mechanical ? mechanical.maxNodal : "0" }}</span
                  >步骤：{{
                    mechanical != 0 ? mechanical[0].maxNodal : "0"
                  }}</span
                >
                <span
                  >套筒数量：{{
                    mechanical ? mechanical.sumTorqueSum : "0"
                    mechanical.length != 0 ? mechanical[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
@@ -172,9 +178,15 @@
              <span>此为任务作用中地沟的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem"
                  >步骤：{{ trench ? trench.maxNodal : "0" }}</span
                  >步骤：{{
                    trench.length != 0 ? trench[0].maxNodal : "0"
                  }}</span
                >
                <span>套筒数量：{{ trench ? trench.sumTorqueSum : "0" }}</span>
                <span
                  >套筒数量：{{
                    trench.length != 0 ? trench[0].sumTorqueSum : "0"
                  }}</span
                >
              </div>
            </div>
          </div>
@@ -230,6 +242,7 @@
          </el-icon>
        </div>
      </template>

      <div>
        <div class="head">
          <div class="serch">
@@ -300,6 +313,7 @@
          >
        </div>
        <el-table
          empty-text="暂无数据"
          style="margin-top: 1.13rem"
          :data="gridData"
          height="430"
@@ -332,7 +346,7 @@
            min-width="5%"
          />
          <el-table-column prop="tools" label="工具" min-width="2%" />
          <el-table-column prop="date" label="物料" min-width="1%" />
          <el-table-column prop="material" label="物料" min-width="1%" />
          <!-- <el-table-column prop="date" label="图片视频" min-width="2%" /> -->
          <el-table-column prop="" label="是否涉及" min-width="2%" />
          <el-table-column prop="setpNum" label="排序" min-width="1%" />
@@ -379,54 +393,72 @@
          </h4>
        </div>
      </template>
      <el-form
        :model="form"
        label-width="auto"
        label-position="top"
        :rules="rules"
        ref="ruleFormRef"
      >
        <el-row :gutter="10">
          <el-col :span="16"
            ><el-form-item prop="craftsStep">
              <template #label>
                <span style="font-size: 0.88rem; color: black"
                  >工艺顶点/步骤</span
                >
              </template>
              <el-input
                size="small"
                v-model="form.craftsStep"
                placeholder="请输入"
                style="height: 2rem"
              /> </el-form-item
          ></el-col>
          <el-col :span="8"
            ><el-form-item prop="DeviceCode">
              <template #label>
                <span style="font-size: 0.88rem; color: black">物料</span>
              </template>
              <el-select
                v-model="WLvalue"
                placeholder="请选择"
                multiple
                filterable
                :remote-method="remoteMethod"
                :loading="loading"
                size="small"
                style="width: 240px"
              >
                <el-option
                  v-for="item in WLoptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select> </el-form-item
          ></el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8"
      <el-scrollbar height="44rem">
        <el-form
          :model="form"
          label-width="auto"
          label-position="top"
          :rules="rules"
          ref="ruleFormRef"
        >
          <el-row :gutter="10">
            <el-col :span="8"
              ><el-form-item prop="nodal">
                <template #label>
                  <span style="font-size: 0.88rem; color: black">序号</span>
                </template>
                <el-input
                  size="small"
                  v-model.number="form.nodal"
                  placeholder="请输入"
                  style="height: 2rem"
                /> </el-form-item
            ></el-col>

            <el-col :span="8"
              ><el-form-item prop="setpNum">
                <template #label>
                  <span style="font-size: 0.88rem; color: black">排序</span>
                </template>
                <el-input
                  size="small"
                  v-model.number="form.setpNum"
                  placeholder="请输入"
                  style="height: 2rem"
                /> </el-form-item
            ></el-col>
            <el-col :span="8"
              ><el-form-item prop="DeviceCode">
                <template #label>
                  <span style="font-size: 0.88rem; color: black">物料</span>
                </template>
                <el-input
                  v-model="form.material"
                  style="height: 2rem"
                  placeholder="请输入"
                /> </el-form-item
            ></el-col>
          </el-row>

          <el-row :gutter="10">
            <el-col
              ><el-form-item prop="craftsStep">
                <template #label>
                  <span style="font-size: 0.88rem; color: black"
                    >工艺顶点/步骤</span
                  >
                </template>
                <el-input
                  size="small"
                  v-model="form.craftsStep"
                  placeholder="请输入"
                  style="height: 2rem"
                /> </el-form-item
            ></el-col>
          </el-row>

          <el-row :gutter="10">
            <!-- <el-col :span="8"
            ><el-form-item prop="isinvolved">
              <template #label>
                <span style="font-size: 0.88rem; color: black">是否涉及</span>
@@ -444,60 +476,106 @@
                  :value="item.value"
                />
              </el-select> </el-form-item
          ></el-col>
          <el-col :span="8"
            ><el-form-item prop="setnum">
              <template #label>
                <span style="font-size: 0.88rem; color: black">排序</span>
              </template>
              <el-input
                size="small"
                v-model.number="form.setnum"
                placeholder="请输入"
                style="height: 2rem"
              /> </el-form-item
          ></el-col>
          <el-col :span="8"
            ><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-select
                v-model="tools"
                placeholder="请选择"
                multiple
                filterable
                :remote-method="GJremoteMethod"
                :loading="GJloading"
                size="small"
                style="width: 240px"
                value-key="id"
              >
                <el-option
                  v-for="item in GJoptions"
                  :key="item.id"
                  :label="item.toolName"
                  :value="item"
                /> </el-select></el-form-item
          ></el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8"
            ><el-form-item prop="nodal">
              <template #label>
                <span style="font-size: 0.88rem; color: black">序号</span>
              </template>
              <el-input
                size="small"
                v-model.number="form.nodal"
                placeholder="请输入"
                style="height: 2rem"
              /> </el-form-item
          ></el-col>
        </el-row>
        <!-- <el-row>
          ></el-col> -->
            <el-col :span="8"
              ><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-select
                  style="height: 2rem"
                  v-model="tools"
                  placeholder="请选择"
                  multiple
                  filterable
                  :remote-method="GJremoteMethod"
                  :loading="GJloading"
                  size="small"
                  value-key="id"
                >
                  <el-option
                    v-for="item in GJoptions"
                    :key="item.id"
                    :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>
          <el-form-item prop="Unit">
            <template #label
              ><span style="font-size: 0.88rem; color: black"
@@ -546,63 +624,72 @@
            </el-upload>
          </el-form-item>
        </el-row> -->
        <el-row>
          <h4
            style="
              color: rgba(16, 16, 16, 1);
              font-size: 1.13rem;
              font-weight: bold;
            "
          >
            å·¥è‰ºå†…容
          </h4>
        </el-row>
        <el-row>
          <el-col>
            <el-form-item prop="craftContent">
              <template #label>
                <span style="font-size: 0.88rem; color: black">内容描述</span>
              </template>
              <el-input v-model="form.craftContent" placeholder="请输入" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item prop="checkList">
            <template #label>
              <div style="display: flex; align-items: center">
                <span style="font-size: 0.88rem; color: black">选择套筒</span>
              </div>
            </template>
            <div
          <el-row>
            <h4
              style="
                display: flex;
                justify-content: space-between;
                width: 32.5rem;
                height: 25rem;
                color: rgba(16, 16, 16, 1);
                font-size: 1.13rem;
                font-weight: bold;
              "
            >
              <div style="width: 50%; height: 100%; background: #f5f5f5">
                <div
                  style="
                    padding: 0.88rem 0.88rem 0 0.88rem;
                    box-sizing: border-box;
                  "
                >
                  <el-input
              å·¥è‰ºå†…容
            </h4>
          </el-row>
          <el-row>
            <el-col>
              <el-form-item prop="craftContent">
                <template #label>
                  <span style="font-size: 0.88rem; color: black">内容描述</span>
                </template>
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="form.craftContent"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item prop="checkList">
              <template #label>
                <div style="display: flex; align-items: center">
                  <span style="font-size: 0.88rem; color: black">选择套筒</span>
                </div>
              </template>
              <div
                style="
                  display: flex;
                  justify-content: space-between;
                  width: 32.5rem;
                  height: 25rem;
                "
              >
                <div style="width: 50%; height: 100%; background: #f5f5f5">
                  <div
                    style="
                      padding: 0.88rem 0.88rem 0 0.88rem;
                      box-sizing: border-box;
                    "
                  >
                    <!-- <el-input
                    placeholder="搜索"
                    style="height: 2rem; background: #f5f5f5; border: none"
                    :prefix-icon="Search"
                    v-model="value"
                  ></el-input>
                  <div
                    style="height: 1.25rem; display: flex; align-items: center"
                  >
                    <span
                      style="color: rgba(28, 31, 35, 0.8); font-size: 0.75rem"
                      >共{{ checkList.length }}项</span
                  ></el-input> -->
                    <div
                      style="
                        height: 1.25rem;
                        display: flex;
                        align-items: center;
                      "
                    >
                    <!-- <span
                      <span
                        style="color: rgba(28, 31, 35, 0.8); font-size: 0.75rem"
                        >共{{ checkList.length }}项</span
                      >
                      <!-- <span
                      @click="handleCheckAllChange"
                      style="
                        color: rgba(28, 31, 35, 0.8);
@@ -612,80 +699,79 @@
                      "
                      >全选</span
                    > -->
                    </div>
                  </div>
                </div>
                <el-scrollbar height="20rem" style="padding-left: 0.88rem">
                  <el-checkbox-group
                    :indeterminate="isIndeterminate"
                    @change="checkChange"
                    v-model="checkList"
                    style="display: flex; flex-direction: column"
                  >
                    <el-checkbox
                      :max="2"
                      v-for="item in sleeveData"
                      :key="item.id"
                      :label="item.articleName"
                      :value="{
                        ...item,
                        num: 1,
                      }"
                    />
                  </el-checkbox-group>
                </el-scrollbar>
              </div>
              <div style="width: 50%; height: 100%">
                <div
                  style="padding: 0.88rem 0 0 0.88rem; box-sizing: border-box"
                >
                  <span style="color: rgb(167, 171, 176); font-size: 0.88rem"
                    >已选{{ checkList.length }}项</span
                  >
                  <span
                    @click="clear"
                    style="
                      color: rgb(65, 70, 76);
                      font-size: 0.88rem;
                      margin-left: 1rem;
                      cursor: pointer;
                    "
                    >清空</span
                  >
                </div>
                <el-scrollbar
                  height="calc(25rem - 44.15px)"
                  style="padding-left: 0.88rem"
                >
                  <p
                    style="
                      display: flex;
                      justify-content: space-between;
                      margin: 0.5rem 0;
                    "
                    v-for="item in checkList"
                    :key="item.id"
                    class="scrollbar-demo-item"
                  >
                    <span>
                      {{ item.articleName }}
                    </span>
                    <span>
                      <el-input-number
                        size="small"
                        style="width: 7rem"
                        v-model="item.num"
                        :min="1"
                        :max="100"
                        @change="handleChange"
                  <el-scrollbar height="20rem" style="padding-left: 0.88rem">
                    <el-checkbox-group
                      :indeterminate="isIndeterminate"
                      @change="checkChange"
                      v-model="checkboxId"
                      style="display: flex; flex-direction: column"
                    >
                      <el-checkbox
                        :max="2"
                        v-for="item in sleeveData"
                        :key="item.id"
                        :label="item.articleName"
                        :value="item.id"
                      />
                    </span>
                  </p>
                </el-scrollbar>
                    </el-checkbox-group>
                  </el-scrollbar>
                </div>
                <div style="width: 50%; height: 100%">
                  <div
                    style="padding: 0.88rem 0 0 0.88rem; box-sizing: border-box"
                  >
                    <span style="color: rgb(167, 171, 176); font-size: 0.88rem"
                      >已选{{ checkList.length }}项</span
                    >
                    <span
                      @click="clear"
                      style="
                        color: rgb(65, 70, 76);
                        font-size: 0.88rem;
                        margin-left: 1rem;
                        cursor: pointer;
                      "
                      >清空</span
                    >
                  </div>
                  <el-scrollbar
                    height="calc(25rem - 44.15px)"
                    style="padding-left: 0.88rem"
                  >
                    <p
                      style="
                        display: flex;
                        justify-content: space-between;
                        margin: 0.5rem 0;
                      "
                      v-for="item in checkList"
                      :key="item ? item.id : ''"
                      class="scrollbar-demo-item"
                    >
                      <span>
                        {{ item ? item.articleName : "" }}
                      </span>
                      <span>
                        <el-input-number
                          size="small"
                          style="width: 7rem"
                          v-model="item.num"
                          :min="1"
                          :max="100"
                          @change="handleChange"
                        />
                      </span>
                    </p>
                  </el-scrollbar>
                </div>
              </div>
            </div>
          </el-form-item>
        </el-row>
      </el-form>
            </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"
@@ -704,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,
@@ -734,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("新增");
//获取数据
@@ -760,7 +846,7 @@
const selectoptions = ref([
  {
    value: "setpNum",
    label: "序号",
    label: "排序",
  },
  {
    value: "tools",
@@ -783,28 +869,30 @@
    { required: true, message: "请输入工艺内容", trigger: "blur" },
  ],
  nodal: [{ required: true, message: "请输入序号", trigger: "blur" }],
  setnum: [{ required: true, message: "请输入排序号", trigger: "blur" }],
  setpNum: [{ required: true, message: "请输入排序号", trigger: "blur" }],
});

// isinvolved: "", //是否涉及
//新增工艺/编辑工艺表单数据
const form = ref({
  id: 0,
  craftstype: "", //工艺类型（组）
  nodal: null, //节点
  craftsStep: "", //工艺步骤
  craftContent: "", //工艺内容
  sleeveNum: "", //套筒数量
  tools: "", //工具
  setnum: null,
  setpNum: null,
  torqueOne: 0,
  torqueOneQuantity: 0,
  articleOne: "",
  articleOneid: "",
  articleTowid: "",
  articleTwo: "",
  articleone: "",
  aritcleoneid: "",
  aritcletowid: "",
  articletwo: "",
  torqueSum: 0,
  torqueTwo: 0,
  torqueTwoQuantity: 0,
  material: "",
  creater: localStorage.getItem("user")
    ? JSON.parse(localStorage.getItem("user")).userName
    : "",
@@ -868,7 +956,10 @@
  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,
@@ -888,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,
@@ -921,27 +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;
  // }
  string = tools.value
    .map((item) => {
      return item.toolName;
    })
    .join(",");
  // if (checkList.value.length == 0) {
  //   ElMessage({
  //     message: "请选择套筒",
  //     type: "warning",
  //   });
  //   return;
  // }
  if (tools.value.length > 0) {
    string = tools.value
      .map((item) => {
        return typeof item == "string" ? item : item.toolName;
      })
      .join(",");
  }
  if (form.value.nodal == 0) {
    ElMessage({
      message: "序号最小为1",
@@ -949,18 +1048,33 @@
    });
    return;
  }
  console.log(checkList.value);

  form.value.articleOneid = checkList.value[0].id;
  form.value.articleOne = checkList.value[0].num;
  form.value.articleTowid = checkList.value[1].id;
  form.value.articleTwo = checkList.value[1].num;
  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.length > 1
      ? checkList.value[1].id
      : "";
  form.value.articletwo =
    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) {
@@ -1069,7 +1183,7 @@
    {},
    {
      craftstype: "", //工艺类型（组）
      nodal: 0, //节点
      nodal: "", //节点
      craftsStep: "", //工艺步骤
      craftContent: "", //工艺内容
      sleeveNum: "", //套筒数量
@@ -1078,10 +1192,10 @@
      setpNum: "",
      torqueOne: 0,
      torqueOneQuantity: 0,
      articleOne: "",
      articleOneid: "",
      articleTowid: "",
      articleTwo: "",
      articleone: "",
      articleoneid: "",
      articletowid: "",
      articletwo: "",
      torqueSum: 0,
      torqueTwo: 0,
      torqueTwoQuantity: 0,
@@ -1089,6 +1203,9 @@
      createDate: formatTime(new Date()),
    }
  );
  tools.value = [];
  checkList.value = [];
  checkboxId.value = [];
};
//导出方法
const printExcel = () => {
@@ -1123,17 +1240,24 @@
const clear = () => {
  checkList.value = [];
};
const checkboxId = ref([]); //复选框选中事件
const checkChange = (e) => {
  console.log(e, checkList.value);
  checkList.value = [];
  sleeveData.value.forEach((item, index) => {
    if (checkboxId.value.includes(item.id)) {
      checkList.value.push({
        ...item,
        num: 1,
      });
    }
  });
};
const handleChange = () => {
  console.log(checkList.value);
};
const handleCheckAllChange = (val) => {
  console.log(val);
  checkList.value = val ? sleeveData.value : [];
  isIndeterminate.value = false;
  console.log(checkList.value);
};
// åˆ é™¤å·¥è‰º
const delProcess = (val) => {
@@ -1149,14 +1273,17 @@
};

onMounted(() => {
  GetSleeveandStep("电气").then((res) => {
    electric.value = res.data[0];
  });
  GetSleeveandStep("机械").then((res) => {
    mechanical.value = res.data[0];
  });
  GetSleeveandStep("地沟").then((res) => {
    trench.value = res.data[0];
  GetSleeveandStep().then((res) => {
    electric.value = res.data.filter((item) => {
      return item.craftType == "电气";
    });
    mechanical.value = res.data.filter((item) => {
      return item.craftType == "机械";
    });
    trench.value = res.data.filter((item) => {
      return item.craftType == "地沟";
    });
    console.log(electric.value);
  });
  user.value = JSON.parse(localStorage.getItem("user")).userName;
});