From c054516a38a2613a4e7399ba62694fbd99a606fe Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 06 一月 2023 09:10:09 +0800
Subject: [PATCH] 1.组织架构表格拖动实现demo
---
src/views/scgl/cngh.vue | 49 ++++++++++++++++++++++++++++++++++++-------------
1 files changed, 36 insertions(+), 13 deletions(-)
diff --git a/src/views/scgl/cngh.vue b/src/views/scgl/cngh.vue
index 5fdc9cf..bae47e3 100644
--- a/src/views/scgl/cngh.vue
+++ b/src/views/scgl/cngh.vue
@@ -11,14 +11,15 @@
:model="form"
label-width="100px"
inline
- style="display: flex;justify-content: space-between"
+ style="display: flex;"
>
- <div class="elForm" style="justify-content: flex-start">
- <el-form-item label-width="70px" label="鐢熶骇杞﹂棿" style=" display: flex;">
+ <div class="elForm">
+ <el-form-item label="鐢熶骇杞﹂棿" style=" display: flex;">
<el-select
v-model="form.workshop"
style="width: 200px"
placeholder="璇烽�夋嫨"
+ @change="getWhkspIsEqpSearch"
>
<el-option
v-for="item in workshopArr"
@@ -33,12 +34,13 @@
v-model="form.devicetype"
style="width: 200px"
placeholder="璇烽�夋嫨"
+ :disabled="form.workshop===''"
>
<el-option
v-for="item in devicetypeArr"
- :key="item.code"
- :label="item.name"
- :value="item.code"
+ :key="item.eqp_code"
+ :label="item.eqp_name"
+ :value="item.eqp_code"
/>
</el-select>
</el-form-item>
@@ -54,7 +56,7 @@
</el-form-item>
</div>
- <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
+ <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}">
<el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
<el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
</div>
@@ -89,16 +91,19 @@
label="鐢熶骇杞﹂棿"
sortable="custom"
width="160"
+ show-tooltip-when-overflow
/>
<el-table-column
prop="CaptPlanDeviceType"
label="鐢熶骇鍗曞厓"
width="160"
+ show-tooltip-when-overflow
sortable="custom"
/>
<el-table-column
prop="CaptPlanWorkShift"
label="榛樿鏂规"
+ show-tooltip-when-overflow
sortable="custom"
width="240"
>
@@ -119,11 +124,14 @@
<el-table-column
prop="CaptPlanShopCalendarList"
label="宸ヤ綔鏃ュ巻"
+ show-tooltip-when-overflow
sortable="custom"
min-width="300"
>
<template slot-scope="{row}">
+ <el-input v-if="row.CaptPlanWorkShift===null" :disabled="row.CaptPlanWorkShift===null" />
<date-picker
+ v-else
v-model="row.CaptPlanShopCalendarList"
:row-data="row"
style="width: 100%;"
@@ -136,12 +144,14 @@
prop="CaptPlanUser"
label="鍒涘缓浜哄憳"
sortable="custom"
+ show-tooltip-when-overflow
width="120"
/>
<el-table-column
prop="CaptPlanDate"
width="160"
label="鍒涘缓鏃堕棿"
+ show-tooltip-when-overflow
sortable="custom"
/>
@@ -150,14 +160,15 @@
width="120"
label="鏈夋晥鐘舵��"
sortable="custom"
+ show-tooltip-when-overflow
>
<template slot-scope="{row}">
<div v-if="row.CaptPlanStus==='Y'">
- <svg-icon icon-class="circleYes" style="margin-right: 2px" />
+ <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
鏈夋晥
</div>
<div v-else-if="row.CaptPlanStus==='N'">
- <svg-icon icon-class="circleNo" style="margin-right: 2px" />
+ <i class="el-icon-info" style="margin-right: 2px" />
鏃犳晥
</div>
<div v-else>/</div>
@@ -201,6 +212,7 @@
highlight-current-row
:header-cell-style="this.$headerCellStyle"
:cell-style="this.$cellStyle"
+ @row-click="rowClick"
>
<el-table-column
@@ -212,8 +224,9 @@
v-model="radioSelectedCode"
:label="row.code"
style="padding-left: 10px;"
- @change.native="getCurrentRowSource(row.code)"
/>
+ <!-- @change.native="getCurrentRowSource(row.code)"-->
+
</template>
</el-table-column>
<el-table-column
@@ -602,6 +615,7 @@
} from '@/api/scgl'
import { DeviceTypeSelect, WorkShopSelect } from '@/api/sbgl'
import { handleDatetime3 } from '@/utils/global'
+import { WhkspIsEqpSearch } from '@/api/jcsz'
export default {
name: 'Zzjg',
@@ -656,6 +670,10 @@
this.getHeight()
},
methods: {
+ // 琛岀偣鍑讳簨浠�
+ rowClick(row, event, column) {
+ this.radioSelectedCode = row.code
+ },
// 瀛愮粍浠跺け鐒︽椂鎵ц
over(val) {
if (val) {
@@ -824,7 +842,7 @@
this.getCapacityPlanningSearch().then(res => {
if (res.code === '200') {
this.getWorkShopSelect()
- this.getDeviceTypeSelect()
+ // this.getDeviceTypeSelect()
}
})
},
@@ -842,8 +860,13 @@
const { data: res } = await WorkShopSelect()
this.workshopArr = res
},
- async getDeviceTypeSelect() {
- const { data: res } = await DeviceTypeSelect()
+ // async getDeviceTypeSelect() {
+ // const { data: res } = await DeviceTypeSelect()
+ // this.devicetypeArr = res
+ // },
+ async getWhkspIsEqpSearch(val) {
+ this.form.devicetype = ''
+ const { data: res } = await WhkspIsEqpSearch({ wkshpcode: val })
this.devicetypeArr = res
},
mrfaSearch(row, operation) {
--
Gitblit v1.9.3