| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </el-icon> |
| | | </div> |
| | | </template> |
| | | |
| | | <div> |
| | | <div class="head"> |
| | | <div class="serch"> |
| | |
| | | > |
| | | </div> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | style="margin-top: 1.13rem" |
| | | :data="gridData" |
| | | height="430" |
| | |
| | | </h4> |
| | | </div> |
| | | </template> |
| | | <el-scrollbar height="44rem"> |
| | | <el-form |
| | | :model="form" |
| | | label-width="auto" |
| | |
| | | /> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | |
| | | <el-row :gutter="10"> |
| | | <el-col |
| | | ><el-form-item prop="craftsStep"> |
| | |
| | | /> |
| | | </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"> |
| | |
| | | </div> |
| | | </template> |
| | | <el-select |
| | | style="height: 2rem" |
| | | v-model="tools" |
| | | placeholder="è¯·éæ©" |
| | | multiple |
| | |
| | | :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> |
| | |
| | | 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" |
| | |
| | | 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 |
| | |
| | | </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" |
| | |
| | | </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, |
| | |
| | | //éæ©çå¥çæ°æ® |
| | | 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("æ°å¢"); |
| | | //è·åæ°æ® |
| | |
| | | |
| | | //ç¼è¾å·¥èº |
| | | 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, |
| | |
| | | ], |
| | | }).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, |
| | |
| | | }; |
| | | //ä¿å |
| | | 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", |
| | |
| | | }); |
| | | 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) { |
| | |
| | | } |
| | | ); |
| | | tools.value = []; |
| | | checkList.value = []; |
| | | checkboxId.value = []; |
| | | }; |
| | | //å¯¼åºæ¹æ³ |
| | | const printExcel = () => { |