优化数据大屏页面

pengwei

2025-03-20 e0a31f7013898540948f4d4d86ade1a5414b44d4

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

@@ -33,8 +33,12 @@
            >
              <span>此为任务作用中电气的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem">步骤：12</span>
                <span>套筒数量：34</span>
                <span style="margin-right: 1.25rem"
                  >步骤：{{ electric ? electric.maxNodal : "0" }}</span
                >
                <span
                  >套筒数量：{{ electric ? electric.sumTorqueSum : "0" }}</span
                >
              </div>
            </div>
          </div>
@@ -59,7 +63,7 @@
              font-size: 0.88rem;
              cursor: pointer;
            "
            @click="addcraft()"
            @click="addcraft('电气')"
          >
            æ–°å¢žå·¥è‰º
          </div>
@@ -97,8 +101,14 @@
            >
              <span>此为任务作用中机械的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem">步骤：12</span>
                <span>套筒数量：34</span>
                <span style="margin-right: 1.25rem"
                  >步骤：{{ mechanical ? mechanical.maxNodal : "0" }}</span
                >
                <span
                  >套筒数量：{{
                    mechanical ? mechanical.sumTorqueSum : "0"
                  }}</span
                >
              </div>
            </div>
          </div>
@@ -123,7 +133,7 @@
              font-size: 0.88rem;
              cursor: pointer;
            "
            @click="addcraft()"
            @click="addcraft('机械')"
          >
            æ–°å¢žå·¥è‰º
          </div>
@@ -161,8 +171,10 @@
            >
              <span>此为任务作用中地沟的的详情步骤工艺。</span>
              <div style="display: flex; margin-top: 0.81rem">
                <span style="margin-right: 1.25rem">步骤：12</span>
                <span>套筒数量：34</span>
                <span style="margin-right: 1.25rem"
                  >步骤：{{ trench ? trench.maxNodal : "0" }}</span
                >
                <span>套筒数量：{{ trench ? trench.sumTorqueSum : "0" }}</span>
              </div>
            </div>
          </div>
@@ -187,7 +199,7 @@
              font-size: 0.88rem;
              cursor: pointer;
            "
            @click="addcraft()"
            @click="addcraft('地沟')"
          >
            æ–°å¢žå·¥è‰º
          </div>
@@ -213,7 +225,9 @@
          >
            {{ title }}
          </h4>
          <el-icon size="25" @click="close"><CloseBold /></el-icon>
          <el-icon size="25" @click="close">
            <CloseBold />
          </el-icon>
        </div>
      </template>
      <div>
@@ -244,9 +258,23 @@
              />
            </div>
            <div class="serch_box">
              <div class="serchb">全局搜索</div>
              <div class="serchb">
                <el-select
                  v-model="queryForm.selectType"
                  placeholder="请选择"
                  size="small"
                  style="width: 100%; height: 100%; font-size: 0.15rem"
                >
                  <el-option
                    v-for="item in selectoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </div>
              <input
                v-model="queryForm.selectName"
                v-model="queryForm.selectInput"
                placeholder="请输入关键词搜索"
                style="border-left: 0.06rem solid #e2e2e2"
              />
@@ -255,17 +283,19 @@
              type="primary"
              size="small"
              style="height: 2rem; margin-left: 0.98rem"
              @click="clicksearch"
              @click="handleQuery"
              >查询</el-button
            >
            <el-button
              size="small"
              @click="clickreset"
              @click="resetQuery"
              style="height: 2rem; font-size: 0.88rem"
              >重置</el-button
            >
          </div>
          <el-button style="width: 5rem; height: 2rem; margin-top: 1.13rem"
          <el-button
            style="width: 5rem; height: 2rem; margin-top: 1.13rem"
            @click="printExcel"
            >批量导出</el-button
          >
        </div>
@@ -290,16 +320,28 @@
            border: '0.01rem solid #eee',
          }"
        >
          <el-table-column prop="date" label="序号" min-width="2%" />
          <el-table-column prop="date" label="工艺顶点/步骤" min-width="3%" />
          <el-table-column prop="date" label="工艺内容" min-width="5%" />
          <el-table-column prop="date" label="工具" min-width="2%" />
          <el-table-column prop="nodal" label="序号" min-width="2%" />
          <el-table-column
            prop="craftsStep"
            label="工艺顶点/步骤"
            min-width="3%"
          />
          <el-table-column
            prop="craftContent"
            label="工艺内容"
            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="date" label="图片视频" min-width="2%" />
          <el-table-column prop="date" label="是否涉及" min-width="2%" />
          <el-table-column prop="date" label="排序" min-width="1%" />
          <el-table-column prop="date" label="创建人" min-width="1%" />
          <el-table-column prop="date" label="创建日期" min-width="2%" />
          <!-- <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%" />
          <el-table-column prop="date" label="创建人" min-width="2%">
            <template #default="">
              {{ user }}
            </template>
          </el-table-column>
          <el-table-column prop="createTime" label="创建日期" min-width="2%" />
          <el-table-column label="操作" min-width="3%">
            <template #default="scope">
              <el-button
@@ -308,7 +350,9 @@
                @click="Editcraft(scope.row, '编辑')"
                >编辑</el-button
              >
              <el-button type="text" size="small">删除</el-button>
              <el-button type="text" size="small" @click="delProcess(scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
@@ -321,8 +365,8 @@
      v-model="craftdialogVisible"
      title="工艺信息"
      width="50%"
      :before-close="handleClose"
      :show-close="false"
      @close="resetForm(ruleFormRef)"
    >
      <template #header="{ titleId, titleClass }">
        <div class="my-craftheader">
@@ -340,10 +384,11 @@
        label-width="auto"
        label-position="top"
        :rules="rules"
        ref="ruleFormRef"
      >
        <el-row :gutter="10">
          <el-col :span="16"
            ><el-form-item prop="DeviceName">
            ><el-form-item prop="craftsStep">
              <template #label>
                <span style="font-size: 0.88rem; color: black"
                  >工艺顶点/步骤</span
@@ -351,7 +396,7 @@
              </template>
              <el-input
                size="small"
                v-model="form.DeviceName"
                v-model="form.craftsStep"
                placeholder="请输入"
                style="height: 2rem"
              /> </el-form-item
@@ -362,13 +407,17 @@
                <span style="font-size: 0.88rem; color: black">物料</span>
              </template>
              <el-select
                v-model="value"
                v-model="WLvalue"
                placeholder="请选择"
                multiple
                filterable
                :remote-method="remoteMethod"
                :loading="loading"
                size="small"
                style="width: 240px"
              >
                <el-option
                  v-for="item in options"
                  v-for="item in WLoptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
@@ -378,18 +427,18 @@
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8"
            ><el-form-item prop="Unit">
            ><el-form-item prop="isinvolved">
              <template #label>
                <span style="font-size: 0.88rem; color: black">是否涉及</span>
              </template>
              <el-select
                v-model="value"
                v-model="form.isinvolved"
                placeholder="请选择"
                size="small"
                style="width: 240px"
              >
                <el-option
                  v-for="item in options"
                  v-for="item in isoptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
@@ -397,35 +446,55 @@
              </el-select> </el-form-item
          ></el-col>
          <el-col :span="8"
            ><el-form-item prop="Description">
            ><el-form-item prop="setnum">
              <template #label>
                <span style="font-size: 0.88rem; color: black">排序</span>
              </template>
              <el-select
                v-model="value"
                placeholder="请选择"
              <el-input
                size="small"
                style="width: 240px"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select> </el-form-item
                v-model.number="form.setnum"
                placeholder="请输入"
                style="height: 2rem"
              /> </el-form-item
          ></el-col>
          <el-col :span="8"
            ><el-form-item prop="Description">
            ><el-form-item prop="tools">
              <template #label>
                <span style="font-size: 0.88rem; color: black">工具</span>
                <div style="display: flex; align-items: center">
                  <span style="font-size: 0.88rem; color: black">工具</span>
                </div>
              </template>
              <el-cascader
              <el-select
                v-model="tools"
                placeholder="请选择"
                multiple
                filterable
                :remote-method="GJremoteMethod"
                :loading="GJloading"
                size="small"
                style="width: 240px"
                :options="options"
                :props="props"
                clearable /></el-form-item
                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>
@@ -490,18 +559,20 @@
        </el-row>
        <el-row>
          <el-col>
            <el-form-item prop="Unit">
            <el-form-item prop="craftContent">
              <template #label>
                <span style="font-size: 0.88rem; color: black">内容描述</span>
              </template>
              <el-input v-model="input" placeholder="请输入" />
              <el-input v-model="form.craftContent" placeholder="请输入" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item prop="Unit">
          <el-form-item prop="checkList">
            <template #label>
              <span style="font-size: 0.88rem; color: black">内容描述</span>
              <div style="display: flex; align-items: center">
                <span style="font-size: 0.88rem; color: black">选择套筒</span>
              </div>
            </template>
            <div
              style="
@@ -519,29 +590,48 @@
                  "
                >
                  <el-input
                    placeholder="请输入内容"
                    style="height: 2rem"
                    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"
                      >共0项</span
                    ><span
                      >共{{ checkList.length }}项</span
                    >
                    <!-- <span
                      @click="handleCheckAllChange"
                      style="
                        color: rgba(28, 31, 35, 0.8);
                        font-size: 0.75rem;
                        margin-left: 0.38rem;
                        cursor: pointer;
                      "
                      >全选</span
                    >
                    > -->
                  </div>
                </div>
                <el-scrollbar height="20rem" style="padding-left: 0.88rem">
                  <p v-for="item in 0" :key="item" class="scrollbar-demo-item">
                    {{ item }}
                  </p>
                  <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%">
@@ -549,13 +639,15 @@
                  style="padding: 0.88rem 0 0 0.88rem; box-sizing: border-box"
                >
                  <span style="color: rgb(167, 171, 176); font-size: 0.88rem"
                    >已选0项</span
                    >已选{{ checkList.length }}项</span
                  >
                  <span
                    @click="clear"
                    style="
                      color: rgb(65, 70, 76);
                      font-size: 0.88rem;
                      margin-left: 1rem;
                      cursor: pointer;
                    "
                    >清空</span
                  >
@@ -564,8 +656,29 @@
                  height="calc(25rem - 44.15px)"
                  style="padding-left: 0.88rem"
                >
                  <p v-for="item in 0" :key="item" class="scrollbar-demo-item">
                    {{ item }}
                  <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"
                      />
                    </span>
                  </p>
                </el-scrollbar>
              </div>
@@ -580,7 +693,7 @@
          >
          <el-button
            type="primary"
            @click="craftdialogVisible = false"
            @click="addprocess(ruleFormRef)"
            style="height: 2rem"
          >
            ä¿å­˜
@@ -591,76 +704,461 @@
  </div>
</template>
<script setup>
import { ref, reactive, onMounted } from "vue";
import { GetSleeveandStep } from "@/api/newapi/Process";
//工艺明细弹出框
const detailsDialogVisible = ref(false);
//
const gridData = ref([]);
//电气数量
// const 
//搜索
const queryForm = reactive({
import { ref, reactive, onMounted, toRef } from "vue";
import { Search } from "@element-plus/icons-vue";
import {
  GetSleeveandStep,
  GetProcess,
  AddProcess,
  GetPageData,
  ArticleInfom,
  GetTool,
  ExportApi,
  DelProcess,
  AddOrUpdateProcess,
} from "@/api/newapi/Process";
import { ElMessage } from "element-plus";
import { formatTime } from "@/utils/index.js";

// åˆå§‹åŒ–数据
const obj = {
  selectName: "",
  selectTime: [], // æ—¶é—´èŒƒå›´
});
const title = ref("电气");
const showdetails = (val) => {
  detailsDialogVisible.value = true;
  title.value = val;
  selectType: "", //选择的类型
  selectInput: "", //输入的数据
};
//工艺明细数据
const gridData = ref([]);
//套筒数据
const sleeveData = ref([]);
//选择的套筒数据
const checkList = ref([]);
//电气数量
const electric = ref(null);
//机械数量
const mechanical = ref(null);
//地沟
const trench = ref(null);
//新增工艺/编辑工艺
const craftdialogVisible = ref(false);
const type = ref("新增");
const form = reactive({
  DeviceName: "",
  DeviceCode: "",
  Spec: "",
  Unit: "",
  Description: "",
//获取数据
const title = ref("电气");
//表单ref值
const ruleFormRef = ref();
//用户数据
const user = ref(null);

const tools = ref([]);
//搜索
const queryForm = toRef({ ...obj });
const isIndeterminate = ref(true);
//工艺明细弹出框
const detailsDialogVisible = ref(false);
//新增工艺弹出框
const craftdialogVisible = ref(false);
//搜索字段选择
const selectoptions = ref([
  {
    value: "setpNum",
    label: "序号",
  },
  {
    value: "tools",
    label: "工具",
  },
]);
//是否涉及
const isoptions = reactive([
  { label: "是", value: "是" },
  { label: "否", value: "否" },
]);

//表单规则
const rules = reactive({
  craftstype: [
    { required: true, message: "请选择工艺类型", trigger: "change" },
  ],
  craftsStep: [{ required: true, message: "请输入工艺步骤", trigger: "blur" }],
  craftContent: [
    { required: true, message: "请输入工艺内容", trigger: "blur" },
  ],
  nodal: [{ required: true, message: "请输入序号", trigger: "blur" }],
  setnum: [{ required: true, message: "请输入排序号", trigger: "blur" }],
});

// isinvolved: "", //是否涉及
//新增工艺/编辑工艺表单数据
const form = ref({
  craftstype: "", //工艺类型（组）
  nodal: null, //节点
  craftsStep: "", //工艺步骤
  craftContent: "", //工艺内容
  sleeveNum: "", //套筒数量
  tools: "", //工具
  setnum: null,
  torqueOne: 0,
  torqueOneQuantity: 0,
  articleOne: "",
  articleOneid: "",
  articleTowid: "",
  articleTwo: "",
  torqueSum: 0,
  torqueTwo: 0,
  torqueTwoQuantity: 0,
  creater: localStorage.getItem("user")
    ? JSON.parse(localStorage.getItem("user")).userName
    : "",
  createDate: formatTime(new Date()),
});

const props = { multiple: true };
const userName = ref("");

//新增工艺
const addcraft = (row) => {
  type.value = "新增";
  title.value = row;
  craftdialogVisible.value = true;
  console.log(row, type);
  ArticleInfom({
    page: 1,
    rows: 100,
    total: 0,
    tableName: "",
    sort: "",
    order: "",
    wheres: "",
    export: true,
    value: "",
    filter: [
      {
        name: "",
        value: "",
        displayType: "",
      },
    ],
  }).then((res) => {
    sleeveData.value = res.rows;
  });
  GetTool({
    page: 1,
    rows: 100,
    total: 0,
    tableName: "",
    sort: "",
    order: "",
    wheres: "",
    export: true,
    value: "",
    filter: [
      {
        name: "",
        value: "",
        displayType: "",
      },
    ],
  }).then((res) => {
    GJoptions.value = res.rows;
  });
};

//编辑工艺
const Editcraft = (row) => {
  let data = Object.assign({}, row);
  type.value = "编辑";
  detailsDialogVisible.value = false;
  craftdialogVisible.value = true;
  console.log(row, type);
};
//图片上传
const dialogImageUrl = ref("");
const dialogVisible = ref(false);
const disabled = ref(false);

const handleRemove = (file) => {
  console.log(file);
  form.value = data;
  tools.value = row.tools ? row.tools.split(",") : "";
  ArticleInfom({
    page: 1,
    rows: 100,
    total: 0,
    tableName: "",
    sort: "",
    order: "",
    wheres: "",
    export: true,
    value: "",
    filter: [
      {
        name: "",
        value: "",
        displayType: "",
      },
    ],
  }).then((res) => {
    sleeveData.value = res.rows;
  });
  GetTool({
    page: 1,
    rows: 100,
    total: 0,
    tableName: "",
    sort: "",
    order: "",
    wheres: "",
    export: true,
    value: "",
    filter: [
      {
        name: "",
        value: "",
        displayType: "",
      },
    ],
  }).then((res) => {
    GJoptions.value = res.rows;
  });
};

const handlePictureCardPreview = (file) => {
  dialogImageUrl.value = file.url;
  dialogVisible.value = true;
const showdetails = (val) => {
  detailsDialogVisible.value = true;
  title.value = val;
  initData(title.value);
  // GetProcess(val).then((res) => {
  //   gridData.value = res.data;
  // });
};
//保存
const addprocess = async (formEl) => {
  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 (form.value.nodal == 0) {
    ElMessage({
      message: "序号最小为1",
      type: "warning",
    });
    return;
  }

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

  if (!formEl) return;
  await formEl.validate((valid, fields) => {
    if (valid) {
      AddOrUpdateProcess(form.value).then((res) => {
        ElMessage({
          message: form.value.craftID ? "修改成功" : "创建成功",
          type: "success",
        });
        craftdialogVisible.value = false;
      });
    } else {
      console.log("error submit!", fields);
    }
  });
};
//物料模糊查询
const WLvalue = ref(null);
const loading = ref(false);
const WLoptions = ref([]);
const remoteMethod = (query) => {
  if (query) {
    loading.value = true;
    setTimeout(() => {
      loading.value = false;
      WLoptions.value = list.value.filter((item) => {
        return item.label.toLowerCase().includes(query.toLowerCase());
      });
    }, 200);
  } else {
    WLoptions.value = [];
  }
};
//工具模糊查询
const GJvalue = ref(null);
const GJloading = ref(false);
const GJoptions = ref([]);
const GJremoteMethod = (query) => {
  if (query) {
    GJloading.value = true;
    setTimeout(() => {
      GJloading.value = false;
      GJoptions.value = list.value.filter((item) => {
        return item.label.toLowerCase().includes(query.toLowerCase());
      });
    }, 200);
  } else {
    GJoptions.value = [];
  }
};

const handleDownload = (file) => {
  console.log(file);
//分页请求参数
const pageQuery = ref({
  page: 1, //当前页面
  rows: 100, //每页显示条数
  order: "desc", //排序方式
  sort: "", //排序字段
  wheres: "", //条件查询
});
//页面初始化数据
const initData = (val) => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.value.selectTime[0]);
  const endTime = formatTime(queryForm.value.selectTime[1]);
  const filter = [
    {
      name: "CraftType",
      value: val,
      displayType: "String",
    },
    {
      name: queryForm.value.selectType,
      value: queryForm.value.selectInput,
      displayType: "like",
    },
    {
      name: "pustatus",
      value: queryForm.value.selectName,
      displayType: "Contains",
    },
    { name: "createTime", value: startTime, displayType: "ThanOrEqual" },
    { name: "createTime", value: endTime, displayType: "LessOrEqual" },
  ];
  GetPageData({
    ...pageQuery.value,
    filter,
  }).then((res) => {
    gridData.value = res.rows;
  });
};
//数据检索事件
const handleQuery = () => {
  pageQuery.value.page = 1;
  initData(title.value);
};
// é‡ç½®æ–¹æ³•
const resetQuery = () => {
  queryForm.value = Object.assign({}, obj);
  pageQuery.value.page = 1;
  initData(title.value);
};
//重置表单
const resetForm = (formEl) => {
  if (!formEl) return;
  formEl.resetFields();
  form.value = Object.assign(
    {},
    {
      craftstype: "", //工艺类型（组）
      nodal: 0, //节点
      craftsStep: "", //工艺步骤
      craftContent: "", //工艺内容
      sleeveNum: "", //套筒数量
      tools: "", //工具
      isinvolved: "", //是否涉及
      setpNum: "",
      torqueOne: 0,
      torqueOneQuantity: 0,
      articleOne: "",
      articleOneid: "",
      articleTowid: "",
      articleTwo: "",
      torqueSum: 0,
      torqueTwo: 0,
      torqueTwoQuantity: 0,
      creater: "",
      createDate: formatTime(new Date()),
    }
  );
};
//导出方法
const printExcel = () => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.value.selectTime[0]);
  const endTime = formatTime(queryForm.value.selectTime[1]);
  const filter = [
    {
      name: "gruop",
      value: title.value,
      displayType: "String",
    },
    {
      name: queryForm.value.selectType,
      value: queryForm.value.selectInput,
      displayType: "String",
    },
    {
      name: "pustatus",
      value: queryForm.value.selectName,
      displayType: "String",
    },
    { name: "createTime", value: startTime, displayType: "ThanOrEqual" },
    { name: "createTime", value: endTime, displayType: "LessOrEqual" },
  ];
  ExportApi({
    ...pageQuery.value,
    filter,
  });
};
//清空
const clear = () => {
  checkList.value = [];
};
const checkChange = (e) => {
  console.log(e, checkList.value);
};
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) => {
  console.log(val);

  DelProcess([val.craftID]).then((res) => {
    ElMessage({
      message: "删除成功",
      type: "success",
    });
    initData(title.value);
  });
};

onMounted(() => {
  GetSleeveandStep("电气").then((res) => {
    console.log("123", res);
    electric.value = res.data[0];
  });
  GetSleeveandStep("机械").then((res) => {
    console.log("123", res);
    mechanical.value = res.data[0];
  });
  GetSleeveandStep("地沟").then((res) => {
    console.log("123", res);
    trench.value = res.data[0];
  });
  user.value = JSON.parse(localStorage.getItem("user")).userName;
});
</script>
<style lang="scss" scoped>
@@ -668,12 +1166,14 @@
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);

  .content {
    display: flex;
    justify-content: space-between;

    margin-top: 5.88rem;
    width: 75rem;

    .content-list {
      display: flex;
      flex-direction: column;
@@ -681,14 +1181,17 @@
      width: 22.69rem;
      height: 11.44rem;
      background-color: #fff;

      .list_top {
        display: flex;
        padding: 1.38rem 1.38rem;
        box-sizing: border-box;

        .list_top_left {
          margin-right: 0.94rem;
        }
      }

      .list_bottom {
        height: 3.06rem;
        display: flex;
@@ -700,6 +1203,7 @@
      }
    }
  }

  .my-header {
    height: 3.94rem;
    display: flex;
@@ -709,9 +1213,11 @@
    padding-left: 2.06rem;
    border-bottom: 0.06rem solid rgba(233, 233, 233, 1);
  }

  .serch {
    display: flex;
    align-items: center;

    .time_box {
      display: flex;
      align-items: center;
@@ -730,24 +1236,26 @@
        justify-content: center;
      }
    }

    .serch_box {
      display: flex;
      align-items: center;
      text-align: center;
      margin-left: 0.98rem;
      border-radius: 0.38rem;

      .serchb {
        box-sizing: border-box;
        width: 6.88rem;
        height: 2rem;
        text-align: center;
        border: 0.06rem solid rgba(222, 222, 222, 1);
        border-radius: 0.25rem 0 0 0.25rem;

        font-size: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      input {
        box-sizing: border-box;
        outline: none;
@@ -760,6 +1268,7 @@
      }
    }
  }

  .my-craftheader {
    height: 3.94rem;
    display: flex;
@@ -769,11 +1278,13 @@
    border-bottom: 0.06rem solid rgba(233, 233, 233, 1);
  }
}

.avatar-uploader .avatar {
  width: 7rem;
  height: 7rem;
  display: block;
}

:deep(.avatar-uploader .el-upload) {
  width: 7rem;
  height: 7rem;
@@ -784,10 +1295,12 @@
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

:deep(.el-upload-list__item) {
  width: 7rem;
  height: 7rem;
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}