From b6480bb8991e83a2efd5e4835ccc8ed0e87c067a Mon Sep 17 00:00:00 2001 From: wu <731351411@qq.com> Date: 星期一, 22 七月 2024 14:14:23 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- UI-Project/src/views/UnLoadGlass/loadmachinerack.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 47 insertions(+), 5 deletions(-) diff --git a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue index 640d82f..e99f53e 100644 --- a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue +++ b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue @@ -156,6 +156,45 @@ console.log("鍏抽棴浜�") closeWebSocket(); }); + + +const getTagType =(status) => { + return status === 1 ? 'success' : 'danger'; + // 鏍规嵁鐘舵�佸�煎喅瀹氭爣绛剧被鍨嬶紝杩欓噷鍋囪鐘舵�佷负1鏃朵负鎴愬姛锛堢豢鑹诧級锛屽惁鍒欎负澶辫触锛堢孩鑹诧級 + } + + const toggleStatus = (row) => { + // 鍒囨崲鏂欐灦鐘舵�佺殑閫昏緫 + row.enableState = 1 - row.enableState; // Toggle between 0 and 1 + // 姝ゅ鍙互娣诲姞淇濆瓨鐘舵�佺殑閫昏緫锛屾瘮濡傝皟鐢� API 鏇存柊鏁版嵁 + updateRowStatus(row); + }; + + const updateRowStatus = async (row) => { + try { + // 鍋囪浣犵殑鍚庣 API 鎺ユ敹 PUT 璇锋眰锛屽苟涓旈渶瑕佷紶閫� row.id 鍜� row.enableState 鍙傛暟 + + + const response = await request.post('unLoadGlass/downWorkStation/updateDownWorkstation', { + enableState: row.enableState, + id: row.id + + + }); + console.log('Updated row status:', response.data); + // 鍙互鏍规嵁鍚庣杩斿洖鐨勬暟鎹繘琛岃繘涓�姝ュ鐞嗭紝姣斿鏇存柊鏈湴鐘舵�佺瓑 + } catch (error) { + console.error('Error updating row status:', error); + // 澶勭悊閿欒鎯呭喌锛屾瘮濡傛彁绀虹敤鎴锋洿鏂板け璐� + } +}; + + + + + + + // beforeUnmount(() => { // closeWebSocket(); // }); @@ -172,11 +211,11 @@ <el-table-column prop="workstationId" align="center" :label="$t('reportWork.lowerbit')" min-width="80" /> <el-table-column prop="workstationId" align="center" :label="$t('reportWork.shelfnumber')" min-width="120" /> <el-table-column prop="flowCardId" align="center" :label="$t('reportWork.cardnumber')" min-width="150" /> - <el-table-column prop="totalquantity" align="center" :label="$t('reportWork.totalquantity')" min-width="120" /> - <el-table-column prop="racksnumber" align="center" :label="$t('reportWork.beendropped')" min-width="120" /> + <el-table-column prop="totalQuantity" align="center" :label="$t('reportWork.totalquantity')" min-width="120" /> + <el-table-column prop="racksNumber" align="center" :label="$t('reportWork.beendropped')" min-width="120" /> <el-table-column prop="layer" align="center" label="灞傛暟" min-width="120" /> - <el-table-column prop="artificialnumber" align="center" label="浜哄伐涓嬬墖鏁�" min-width="120" /> - <el-table-column prop="work_state" align="center" :label="$t('reportWork.state')" min-width="120" /> + <el-table-column prop="otherNumber" align="center" label="浜哄伐涓嬬墖鏁�" min-width="120" /> + <!-- <el-table-column prop="work_state" align="center" :label="$t('reportWork.state')" min-width="120" /> --> <el-table-column prop="deviceId" align="center" :label="$t('reportWork.devicenumber')" min-width="120" /> <el-table-column align="center" @@ -185,7 +224,10 @@ prop="enableState" > <template #default="scope"> - <el-tag type="success" >{{ scope.row.enableState==1? $t('reportWork.enable') : $t('reportWork.unenable')}}</el-tag> + + <el-tag :type="getTagType(scope.row.enableState)" @click="toggleStatus(scope.row)"> + {{ scope.row.enableState === 1 ? $t('reportWork.enable') : $t('reportWork.unenable') }} + </el-tag> </template> </el-table-column> <el-table-column fixed="right" :label="$t('reportWork.operate')" align="center" width="200"> -- Gitblit v1.8.0