From a8959c68af98c26e14888f946f40501b94fbc6e5 Mon Sep 17 00:00:00 2001 From: zhoushihao <zsh19950802@163.com> Date: 星期四, 23 五月 2024 10:12:57 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- UI-Project/src/views/Returns/returns.vue | 841 +++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 599 insertions(+), 242 deletions(-) diff --git a/UI-Project/src/views/Returns/returns.vue b/UI-Project/src/views/Returns/returns.vue index 759d3ca..bbd6c52 100644 --- a/UI-Project/src/views/Returns/returns.vue +++ b/UI-Project/src/views/Returns/returns.vue @@ -4,81 +4,207 @@ import {useRouter} from "vue-router" const router = useRouter() import type { TableColumnCtx } from 'element-plus' - -// import { ref } from 'vue' + import { ElMessage, ElMessageBox } from 'element-plus' const dialogFormVisible = ref(false) +const blind = ref(false) +const blinda = ref(false) +const blindb = ref(false) const add = ref(false) const adda = ref(false) -// const value = ref('') +const flake = ref(false) +const flakea = ref(false) +// const patternHeight = ref(''); +// const patternWidth = ref(''); +// const filmsId = ref(''); +// const patternThickness = ref(''); +// const number = ref(''); +// patternHeight.value = ''; + // patternWidth.value = ''; + // filmsId.value = ''; + // patternThickness.value = ''; + // number.value = ''; import request from "@/utils/request" - +const ida = ref(null); import { ref, onMounted } from "vue"; // import http from "@/http/index"; + +let ruleForm = ref({ + projectNo: '', + workstationId: '', + patternHeight: '', + patternWidth: '', + filmsId: '', + patternThickness: '', + number: '', + +}) const tableDataa = ref([]) - const requestData = { - // projectNo:"P24030805", - state:100 - }; - + const tableData = reactive([]); // let filterData = ref({ // damageDetails: { // state: '', // }, - + // }) // 鍙戦�佽幏鍙栬〃鏍兼暟鎹殑璇锋眰 const fetchTableData = async () => { try { - // 鍙戦�佽幏鍙栬〃鏍兼暟鎹殑璇锋眰锛屽苟绛夊緟鍝嶅簲 - // const response = await request.post("/loadGlass/optimizeProject/listByState", requestData); const response = await request.get("/loadGlass/up-patten-usage/prioritylist"); - + // 妫�鏌ュ搷搴旂姸鎬� if (response.code === 200) { // 鏇存柊琛ㄦ牸鏁版嵁 console.log('鎴愬姛鑾峰彇琛ㄦ牸鏁版嵁:', response.data); tableData.splice(0, tableData.length, ...response.data); + window.localStorage.setItem('engineeringId', response.data[0].engineeringId) } else { // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� ElMessage.error(response.msg); } } catch (error) { // 澶勭悊璇锋眰澶辫触鐨勬儏鍐� - ElMessage.error('鑾峰彇琛ㄦ牸鏁版嵁澶辫触锛岃閲嶈瘯'); + // ElMessage.error('鑾峰彇琛ㄦ牸鏁版嵁澶辫触锛岃閲嶈瘯'); } }; -request.get("/loadGlass/LoadGlass/list").then((res) => { - if (res.code == 200) { - console.log(res.data); - tableDataa.value = res.data - } else { - ElMessage.warning(res.msg) - router.push("/login") - } - }); + request.get("/loadGlass/LoadGlass/list").then((res) => { + if (res.code === 200) { + console.log(res.data); + tableDataa.value = res.data; + + if (tableDataa.value.length === 2) { + if (tableDataa.value[0].patternWidth > 0) { + flake.value = true; + } + + if (tableDataa.value[1].patternWidth > 0) { + flakea.value = true; + } + } + } else { + ElMessage.warning(res.msg); + // router.push("/login"); + } + }); +// request.get("/loadGlass/LoadGlass/list").then((res) => { +// window.localStorage.setItem('patternWidth', res.data.patternWidth) +// window.localStorage.setItem('workstationId', res.data.workstationId) +// if (res.code == 200) { +// console.log(res.data); +// tableDataa.value = res.data +// console.log(res.data.patternWidth); + +// let workstationId = window.localStorage.getItem('workstationId') +// let patternWidth = window.localStorage.getItem('patternWidth') +// if (patternWidth !== '' || workstationId == '1') { +// flake.value = true +// } else if (patternWidth !== '' || workstationId == '2') { +// flakea.value = true +// } +// } else { +// ElMessage.warning(res.msg) +// // router.push("/login") +// } +// }); //瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁 const titleSelectJson = ref({ processType: [], - + }) -const getBasicData = ref({ - id: '', - projectNo: '', +const titleSelectJsona = ref({ + processTypea: [], + }) -request.post("/loadGlass/optimizeProject/listByState", requestData) -.then((res) => { - if (res.code == 200) { - titleSelectJson.value.processType = res.data; - console.log(res.data); - } else { - ElMessage.warning(res.msg) - router.push("/login") - } - }); - +// const getBasicData = ref({ +// id: '', +// projectNo: '', +// }) +// const requestData = { +// // projectNo:"P24030805", +// state:100 +// }; +// request.post("/loadGlass/optimizeProject/listByState", requestData) +// .then((res) => { +// if (res.code == 200) { +// titleSelectJson.value.processType = res.data; +// console.log(res.data); +// } else { +// ElMessage.warning(res.msg) +// // router.push("/login") +// } +// }); + // 鍒濆璇锋眰鍙傛暟 +const requestData = { + state: 100 +}; +// 鍝嶅簲寮忔暟鎹� +const selectedProjectNo = ref(''); // 褰撳墠閫変腑鐨勫伐绋嬪彿 +const selectedProjectNoa = ref(''); // 褰撳墠閫変腑鐨勫伐绋嬪彿 +const options = ref<any[]>([]); // 涓嬫媺閫夐」鍒楄〃 + +// 璋冪敤鎺ュ彛鑾峰彇閫夐」鏁版嵁鐨勫嚱鏁� +const fetchOptions = async (queryString: string) => { + try { + // 鍙戦�佽姹傚埌鍚庣鎺ュ彛 + const response = await request.post('/loadGlass/optimizeProject/listByState', { + ...requestData, + query: queryString // 灏嗘煡璇㈠瓧绗︿覆浣滀负鍙傛暟浼犻�� + }); + + if (response.code == 200) { + titleSelectJson.value.processType = response.data; + console.log(response.data); + + } else { + ElMessage.warning(response.data); + } + } catch (error) { + console.error('Error fetching options:', error); + } +}; + // 寮�濮嬩笂鐗囦笅鎷夐�� +const fetchOptionsa = async (queryString: string) => { + try { + // 鍙戦�佽姹傚埌鍚庣鎺ュ彛 + const response = await request.get('/loadGlass/engineering/engineering/selectTask'); + if (response.code == 200) { + titleSelectJsona.value.processTypea = response.data; + console.log(response.data); + + } else { + ElMessage.warning(response.data); + } + } catch (error) { + console.error('Error fetching options:', error); + } +}; +// 澶勭悊鐢ㄦ埛杈撳叆鍙樺寲鐨勬柟娉� +const handleInputChange = async (value: string) => { + if (value) { + await fetchOptions(value); + } else { + options.value = []; // 娓呯┖閫夐」鍒楄〃 + } +}; + // 澶勭悊鐢ㄦ埛杈撳叆鍙樺寲鐨勬柟娉� +const handleInputChangea = async (value: string) => { + if (value) { + await fetchOptionsa(value); + } else { + options.value = []; // 娓呯┖閫夐」鍒楄〃 + } +}; +// 鍒濆鍖栧姞杞芥暟鎹紙濡傛灉闇�瑕侊級 +onMounted(() => { + // 鍦ㄧ粍浠舵寕杞藉悗璋冪敤 fetchOptions('') 鏉ュ姞杞藉垵濮嬫暟鎹紙濡傛灉闇�瑕侊級 + fetchOptions(''); +}); +onMounted(() => { + // 鍦ㄧ粍浠舵寕杞藉悗璋冪敤 fetchOptions('') 鏉ュ姞杞藉垵濮嬫暟鎹紙濡傛灉闇�瑕侊級 + fetchOptionsa(''); +}); // const billall = () => { // request.post("/loadGlass/optimizeProject/listByState", requestData) // .then((res: any) => { @@ -91,99 +217,324 @@ // } const user = ref(''); // 瀹氫箟琛ㄥご涓婁紶鏁版嵁 -let titleUploadData = ref({ - projectNo:'', -}) -// const billall = { -// data () { -// return { -// form: { -// projectNo: '', -// }, -// billall:[], -// } -// }, -// methods:{ - -// } -// } - - -onMounted(fetchTableData); -interface User { - id: string - name: string - amount1: string - amount2: string - amount3: number -} - -interface SpanMethodProps { - row: User - column: TableColumnCtx<User> - rowIndex: number - columnIndex: number -} - -const objectSpanMethod = ({ - row, - column, - rowIndex, - columnIndex, -}: SpanMethodProps) => { - if (columnIndex === 0) { - if (rowIndex % 2 === 0) { - return { - rowspan: 2, - colspan: 1, - } +// let titleUploadData = ref({ +// projectNo:'', +// }) +const projectNo = ref(''); +const workstationId = ref(''); +const id = ref(''); +const patternHeight = ref(''); +const patternWidth = ref(''); +const filmsId = ref(''); +const patternThickness = ref(''); +const number = ref(''); +// 娣诲姞 +const handleBindRack = (row) => { + workstationId.value = row.workstationId; // 鍋囪rackNumber鏄灦鍙峰瓧娈电殑灞炴�у悕 + ida.value = row.id; + console.log(ida.value); + add.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� +}; +// 娣诲姞 + const handleConfirm = async () => { + console.log(ida.value); + // console.log('id.value:', id.value); + if ((ida.value === 2 || ida.value === 4) && (parseInt(patternHeight.value, 10) >= 2700 )) { + try { + const response = await request.post('/loadGlass/LoadGlass/updateGlassMessage', { + id: workstationId.value, + workstationId: workstationId.value, + patternHeight: patternHeight.value, + patternWidth: patternWidth.value, + filmsId: filmsId.value, + patternThickness: patternThickness.value, + number: number.value + }); + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + add.value = false; + tableDataa.value = response.data; + // patternHeight = ''; + // patternWidth.value = ''; + // filmsId.value = ''; + // patternThickness.value = ''; + // number.value = ''; + window.localStorage.setItem('workstationId', response.data.workstationId) + let workstationId = window.localStorage.getItem('workstationId') + if (workstationId == '1') { + flake.value = true + } else if (workstationId == '2'){ + flakea.value = true + } } else { - return { - rowspan: 0, - colspan: 0, - } + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); } - } -} - -const open = () => { - ElMessageBox.confirm( - '鏄惁鍒犻櫎璇ユ潯淇℃伅?', - '鎻愮ず', - { - confirmButtonText: '鏄�', - cancelButtonText: '鍙栨秷', - type: 'warning', + } catch (error) { + // 澶勭悊璇锋眰閿欒 + console.error(error); + alert('璇锋眰澶辫触锛岃绋嶅悗鍐嶈瘯锛�'); + } + } + else if( ida.value === 1 || ida.value === 3){ + try { + const response = await request.post('/loadGlass/LoadGlass/updateGlassMessage', { + id: workstationId.value, + workstationId: workstationId.value, + patternHeight: patternHeight.value, + patternWidth: patternWidth.value, + filmsId: filmsId.value, + patternThickness: patternThickness.value, + number: number.value + }); + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + add.value = false; + tableDataa.value = response.data; + window.localStorage.setItem('workstationId', response.data.workstationId) + let workstationId = window.localStorage.getItem('workstationId') + if (workstationId == '1') { + flake.value = true + } else if (workstationId == '2'){ + flakea.value = true } - ) - .then(() => { - ElMessage({ - type: 'success', - message: '鍒犻櫎鎴愬姛锛�', - }) - }) - .catch(() => { + } else { + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } + } catch (error) { + // 澶勭悊璇锋眰閿欒 + console.error(error); + alert('璇锋眰澶辫触锛岃绋嶅悗鍐嶈瘯锛�'); + } + } + else { ElMessage({ type: 'info', - message: '鍒犻櫎澶辫触', + message: '绗簩琛屽拰绗洓琛岀殑楂樺繀椤诲ぇ浜�2700鎵嶈兘淇濆瓨锛�', }) + } + +}; +// 鍒犻櫎 +const handleConfirma = async () => { + try { + const response = await request.post('/loadGlass/LoadGlass/updateGlassMessage', { + workstationId: workstationId.value, + patternHeight: 0, + patternWidth: 0, + filmsId: "", + patternThickness: 0, + number: 0 + }); + + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + adda.value = false; + tableDataa.value = response.data; + window.localStorage.setItem('workstationId', response.data.workstationId) + let workstationId = window.localStorage.getItem('workstationId') + if (workstationId == '1') { + flake.value = false + } else if (workstationId == '2'){ + flakea.value = false + } + } else { + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } + } catch (error) { + // 澶勭悊閿欒 + console.error(error); + } +}; +// 閫夋嫨宸ョ▼纭 +const handleup = async () => { + try { + const response = await request.post('/loadGlass/up-patten-usage/saveUpPattenUsage', { + engineerId: selectedProjectNo.value, }) + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + dialogFormVisible.value = false; + selectedProjectNo.value = '' + } else { + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } } -const getTableRow = (type) =>{ - switch (type) { - case 'edit' :{ - //alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑缂栬緫淇℃伅') - // router.push({path: '/main/returns/createReturns', query: { ReturnID: 'TH24010101' }}) - break - state: true - } - case 'delete':{ - alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅') - break - } +catch (error) { + // 澶勭悊閿欒 + console.error(error); } } +// 寮�濮嬩笂鐗� +const handle = async () => { + try { + const response = await request.post('/loadGlass/engineering/engineering/changeTask', { + engineerId: selectedProjectNoa.value, + state: 1, + }) + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + blind.value = false; + tableData.splice(0, tableData.length, ...response.data); + selectedProjectNoa.value = '' + } else { + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } +} +catch (error) { + // 澶勭悊閿欒 + console.error(error); + } +} +// 鏆傚仠 +const handlea = async () => { + try { + let engineeringId = window.localStorage.getItem('engineeringId') +console.log(engineeringId); +if (engineeringId !== '') { + const response = await request.post('/loadGlass/engineering/engineering/changeTask', { + engineeringId: engineeringId, + state: 0, + }) + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + blinda.value = false; + // tableData.value = response.data + // tableData.value = []; + tableData.splice([]); + } else { + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } + } + else { + ElMessage({ + type: 'info', + message: '宸ョ▼鍙蜂笉鑳戒负绌猴紒', + }) + } +} +catch (error) { + // 澶勭悊閿欒 + console.error(error); + } +} +// 鍋滄浠诲姟 +const handleb = async () => { + try { + let engineeringId = window.localStorage.getItem('engineeringId') +console.log(engineeringId); +if (engineeringId !== '') { + const response = await request.post('/loadGlass/engineering/engineering/changeTask', { + engineeringId: engineeringId, + state: 0, + }) + if (response.code == 200) { + // 缁戝畾鎴愬姛锛屽鐞嗛�昏緫 + ElMessage.success(response.message); + // window.location.reload() + blindb.value = false; + tableData.splice([]); + // 璇锋眰澶辫触锛屾樉绀洪敊璇秷鎭� + ElMessage.error(response.msg); + } + } + else { + ElMessage({ + type: 'info', + message: '宸ョ▼鍙蜂笉鑳戒负绌猴紒', + }) + } +} +catch (error) { + // 澶勭悊閿欒 + console.error(error); + } +} +onMounted(fetchTableData); +function getStatusText(state: number) { + switch (state) { + case 0: + return '绛夊緟涓�'; + case 1: + return '涓婄墖涓�'; + case 2: + return '涓婄墖涓�'; + case 100: + return '宸插畬鎴�'; + default: + return '鏈煡鐘舵��'; + } +} + +function getStatusType(state: number) { + // 杩欓噷鍋囪鍙湁100鏃剁被鍨嬩笉鏄痵uccess锛屽叾浠栭兘鏄痵uccess + return state === 100 ? 'info' : 'success'; // 鏍规嵁闇�瑕佽皟鏁寸被鍨� +} +// const open = () => { +// ElMessageBox.confirm( +// '鏄惁鍒犻櫎璇ユ潯淇℃伅?', +// '鎻愮ず', +// { +// confirmButtonText: '鏄�', +// cancelButtonText: '鍙栨秷', +// type: 'warning', +// } +// ) +// .then(() => { +// ElMessage({ +// type: 'success', +// message: '鍒犻櫎鎴愬姛锛�', +// }) +// }) +// .catch(() => { +// ElMessage({ +// type: 'info', +// message: '鍒犻櫎澶辫触', +// }) +// }) +// } +// 寮�濮嬩笂鐗� +const handleBind = (row) => { + // engineeringId.value = row.engineeringId; + + blind.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� +}; +// 鏆傚仠 +const handleBinda = (row) => { + // engineeringId.value = row.engineeringId; + + blinda.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� +}; +// 鍋滄浠诲姟 +const handleBindb = (row) => { + // engineeringId.value = row.engineeringId; + + blindb.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� +}; + +// 鍒犻櫎 +const handleBindRacka = (row) => { + workstationId.value = row.workstationId; // 鍋囪rackNumber鏄灦鍙峰瓧娈电殑灞炴�у悕 + + adda.value = true; // 鎵撳紑缁戝畾鏋跺瓙瀵硅瘽妗� +}; const gridOptions = reactive({ border: "full",//琛ㄦ牸鍔犺竟妗� keepSource: true,//淇濇寔婧愭暟鎹� @@ -222,7 +573,7 @@ ], }) </script> - + <template> <div> <div id="dotClass"> @@ -235,18 +586,12 @@ <el-button style="margin-left: 30px;margin-top: -3px;" >鎵嬪姩纭</el-button> </div> <el-button style="margin-top: 5px;margin-left: 15px;" id="searchButton" type="primary" @click="dialogFormVisible = true">閫夋嫨宸ョ▼</el-button> - <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="primary">寮�濮嬩笂鐗�</el-button> - <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="warning" >鏆傚仠</el-button> - <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="danger" >鍋滄浠诲姟</el-button> + <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="primary" @click="handleBind">寮�濮嬩笂鐗�</el-button> + <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="warning" @click="handleBinda">鏆傚仠</el-button> + <el-button style="margin-top: 5px;margin-left: 20px;" id="searchButton" type="danger" @click="handleBindb">鍋滄浠诲姟</el-button> + <el-card style="flex: 1;margin-left: 10px;margin-top: 15px;" v-loading="loading"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> - <!-- <el-table - height="150" - ref="table" - :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}" - :data="tableData" - :span-method="objectSpanMethod" - > --> <el-table height="150" ref="table" @@ -265,72 +610,100 @@ min-width="80" prop="state" > - <!-- <el-tag type="success" v-if="damageDetails.state === 1">灏辩华</el-tag> --> - <!-- <el-tag type="danger" v-if="row.enableState==2">鏈氨缁�</el-tag> --> + <template #default="scope"> + <el-tag :type="getStatusType(scope.row.state)"> + {{ getStatusText(scope.row.state) }} + </el-tag> + </template> + <!-- <template #default="scope"> + <el-tag type="success" >{{ scope.row.state==0?"绛夊緟涓�":"涓婄墖涓�" }}</el-tag> + </template> --> </el-table-column> </el-table> </div> + </el-card> + <el-dialog v-model="blind" top="24vh" width="30%" title="鏄惁寮�濮嬩笂鐗囷紵" > + <div style="margin-left: 50px;margin-bottom: 10px;"> + <el-form-item label="宸ョ▼鍙凤細" :required="true"> + <el-select + v-model="selectedProjectNoa" + filterable + clearable + placeholder="璇烽�夋嫨宸ョ▼" + style="width: 220px" + @input="handleInputChangea" + > + <el-option + v-for="item in titleSelectJsona['processTypea']" + :key="item.id" + :label="item.engineerId" + :value="item.engineerId" + /> + </el-select> + </el-form-item> + </div> + <template #footer> + <div id="dialog-footer"> + <el-button type="primary" @click="handle"> + 纭 + </el-button> + <el-button @click="blind = false">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + <!-- <el-dialog v-model="blind" top="30vh" width="25%" title="鏄惁寮�濮嬩笂鐗�?" > + <template #footer> + <div id="dialog-footer"> + <el-button type="primary" @click="handle"> + 纭 + </el-button> + <el-button @click="blind = false">鍙栨秷</el-button> + </div> + </template> + </el-dialog> --> + <el-dialog v-model="blinda" top="30vh" width="25%" title="鏄惁鏆傚仠?" > + <template #footer> + <div id="dialog-footer"> + <el-button type="primary" @click="handlea"> + 纭 + </el-button> + <el-button @click="blinda = false">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + <el-dialog v-model="blindb" top="30vh" width="25%" title="鏄惁鍋滄浠诲姟?" > + <template #footer> + <div id="dialog-footer"> + <el-button type="primary" @click="handleb"> + 纭 + </el-button> + <el-button @click="blindb = false">鍙栨秷</el-button> + </div> + </template> + </el-dialog> <div id="parent"> <img src="../../assets/shangpianji.png" alt="" style="max-width: 20%;max-height: 20%;margin-top: 20px;margin-left: 500px;"> - <!-- <el-button style="margin-top: -830px;margin-left: -40px;" size="mini" id="searchButton" @click="add = true">娣诲姞鍘熺墖</el-button> --> - <!-- <el-button style="margin-top: -10px;margin-left: -80px;" size="mini" id="searchButton" @click="adda = true">娣诲姞鍘熺墖</el-button> --> + <div id="overlay" v-show="flake"></div> + <div id="overlaya" v-show="flakea"></div> </div> <div style="margin-top: -350px;margin-left: 650px;"> <el-table :data="tableDataa" border style="width: 60%" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}" > <el-table-column prop="patternWidth" align="center" label="瀹�" min-width="80" /> - <el-table-column prop="patternHeigth" align="center" label="闀�" min-width="80" /> + <el-table-column prop="patternHeight" align="center" label="楂�" min-width="80" /> <el-table-column prop="filmsId" align="center" label="鑶滅郴" min-width="80" /> <el-table-column prop="number" align="center" label="鏁伴噺" min-width="80" /> <el-table-column fixed="right" label="鎿嶄綔" align="center" width="150"> - <template #default> - <el-button size="mini" type="text" plain @click="add = true">娣诲姞</el-button> - <el-button size="mini" type="text" plain @click="open">鍒犻櫎</el-button> + <template #default="scope"> + <el-button size="mini" type="text" plain @click="handleBindRack(scope.row)">娣诲姞</el-button> + <el-button size="mini" type="text" plain @click="handleBindRacka(scope.row)">鍒犻櫎</el-button> </template> </el-table-column> </el-table> </div> - </div> - - - <el-dialog v-model="dialogFormVisible" top="24vh" width="30%" title="宸ョ▼" > - <div style="margin-left: 50px;margin-bottom: 10px;"> - <el-form-item label="宸ョ▼鍙凤細" :required="true"> - <el-select v-model="getBasicData.projectNo" clearable placeholder="璇烽�夋嫨宸ョ▼" style="width: 220px" - > - <el-option - v-for="item in titleSelectJson['processType']" - :key="item.id" - :label="item.projectNo" - :value="item.projectNo" - /> - </el-select> - <!-- <el-select - clearable - placeholder="璇烽�夋嫨宸ョ▼" - style="width: 300px" - v-model="form.id" - > - <el-option - v-for="item in billall" - :key="item.id" - :label="item.projectNo" - :value="item.projectNo" - /> - </el-select> --> - </el-form-item> - </div> - <template #footer> - <div id="dialog-footer"> - <el-button type="primary" @click="dialogFormVisible = false"> - 纭 - </el-button> - <el-button @click="dialogFormVisible = false">鍙栨秷</el-button> - </div> - </template> - </el-dialog> + <el-dialog v-model="add" top="23vh" width="45%" title="娣诲姞鍘熺墖" > <div style="margin-left: -50px;margin-top: 10px;margin-bottom: 10px;"> <el-form size="mini" label-width="150px"> @@ -339,15 +712,15 @@ <el-col :span="6"> <div id="dt" style="font-size: 15px;"> <div> - <el-form-item label="闀匡細" :required="true" style="width: 14vw"> - <el-input autocomplete="off" /> + <el-form-item label="楂橈細" :required="true" style="width: 14vw"> + <el-input v-model="patternHeight" autocomplete="off" /> </el-form-item></div></div> </el-col> <el-col :span="9"> <div id="dta" style="font-size: 15px;"> <div> <el-form-item label="瀹斤細" :required="true" style="width: 14vw"> - <el-input autocomplete="off" /> + <el-input v-model="patternWidth" autocomplete="off" /> </el-form-item></div> </div> </el-col> @@ -357,14 +730,14 @@ <div id="dt" style="font-size: 15px;"> <div> <el-form-item label="鑶滅郴锛�" :required="true" style="width: 14vw;"> - <el-input autocomplete="off" /> + <el-input v-model="filmsId" autocomplete="off" /> </el-form-item></div></div> </el-col> <el-col :span="9"> <div id="dta" style="font-size: 15px;"> <div> <el-form-item label="鍘氬害锛�" :required="true" style="width: 14vw"> - <el-input autocomplete="off" /> + <el-input v-model="patternThickness" autocomplete="off" /> </el-form-item></div></div> </el-col> </el-row> @@ -373,7 +746,7 @@ <div id="dt" style="font-size: 15px;"> <div> <el-form-item label="鏁伴噺锛�" :required="true" style="width: 14vw;"> - <el-input autocomplete="off" /> + <el-input v-model="number" autocomplete="off" /> </el-form-item></div></div> </el-col> </el-row> @@ -382,75 +755,59 @@ </div> <template #footer> <div id="dialog-footer"> - <el-button type="primary" @click="getTableRow('edit')"> + <el-button type="primary" @click="handleConfirm"> 纭 </el-button> <el-button @click="add = false">鍙栨秷</el-button> </div> </template> </el-dialog> - <el-dialog v-model="adda" top="23vh" width="45%" title="娣诲姞鍘熺墖" > - <div style="margin-left: -50px;margin-top: 10px;margin-bottom: 10px;"> - <el-form size="mini" > - <el-form label-width="70px" label-position="right"> - <el-row style="margin-top: -15px;margin-bottom: -2px;"> - <el-col :span="6"> - <div id="dt" style="font-size: 15px;"> - <div> - <el-form-item label="闀匡細" :required="true" style="width: 14vw"> - <el-input autocomplete="off" style="width: 180px" /> - </el-form-item></div></div> - </el-col> - <el-col :span="9"> - <div id="dta" style="font-size: 15px;"> - <div> - <el-form-item label="瀹斤細" :required="true" style="width: 14vw"> - <el-input autocomplete="off" style="width: 180px" /> - </el-form-item></div> - </div> - </el-col> - </el-row> - <el-row style="margin-top: 10px;"> - <el-col :span="6"> - <div id="dt" style="font-size: 15px;"> - <div> - <el-form-item label="鑶滅郴锛�" :required="true" style="width: 14vw;"> - <el-input autocomplete="off" style="width: 180px" /> - </el-form-item></div></div> - </el-col> - <el-col :span="9"> - <div id="dta" style="font-size: 15px;"> - <div> - <el-form-item label="鍘氬害锛�" :required="true" style="width: 14vw"> - <el-input autocomplete="off" style="width: 180px" /> - </el-form-item></div></div> - </el-col> - </el-row> - <el-row style="margin-top: 10px;"> - <el-col :span="6"> - <div id="dt" style="font-size: 15px;"> - <div> - <el-form-item label="鏁伴噺锛�" :required="true" style="width: 14vw;"> - <el-input autocomplete="off" style="width: 180px" /> - </el-form-item></div></div> - </el-col> - </el-row> - </el-form> - </el-form> - </div> + <el-dialog v-model="adda" top="30vh" width="25%" title="鏄惁鍒犻櫎璇ユ潯淇℃伅?" > <template #footer> <div id="dialog-footer"> - <el-button type="primary" @click="adda = false"> + <el-button type="primary" @click="handleConfirma"> 纭 </el-button> <el-button @click="adda = false">鍙栨秷</el-button> </div> </template> </el-dialog> + </div> + + + <el-dialog v-model="dialogFormVisible" top="24vh" width="30%" title="宸ョ▼" > + <div style="margin-left: 50px;margin-bottom: 10px;"> + <el-form-item label="宸ョ▼鍙凤細" :required="true"> + <el-select + v-model="selectedProjectNo" + filterable + clearable + placeholder="璇烽�夋嫨宸ョ▼" + style="width: 220px" + @input="handleInputChange" + > + <el-option + v-for="item in titleSelectJson['processType']" + :key="item.id" + :label="item.projectNo" + :value="item.projectNo" + /> + </el-select> + </el-form-item> + </div> + <template #footer> + <div id="dialog-footer"> + <el-button type="primary" @click="handleup"> + 纭 + </el-button> + <el-button @click="dialogFormVisible = false">鍙栨秷</el-button> + </div> + </template> + </el-dialog> </template> - + <style scoped> - + #dt { display:block; float:left;line-height: 20px;margin-left: 100px;} #dta { display:block; float:left;line-height: 20px;margin-left: 80%;} #dialog-footer{ @@ -475,8 +832,8 @@ width: 212px; height: 15px; background-color: #529b2e; - margin-top: -407px; - margin-left: 171px; + margin-top: -404px; + margin-left: 542px; } #overlaya{ position: absolute; @@ -484,8 +841,8 @@ width: 212px; height: 15px; background-color: #529b2e; - margin-top: -40px; - margin-left: 167px; + margin-top: -38px; + margin-left: 537px; } - + </style> \ No newline at end of file -- Gitblit v1.8.0