<template>
|
<div class="material-correction">
|
<!-- 批改对话框 -->
|
<el-dialog
|
title="物料批改"
|
:visible.sync="openCorrect"
|
width="95%"
|
top="2vh"
|
append-to-body
|
class="material-correction-dialog"
|
:before-close="handleClose"
|
>
|
<div class="correction-container">
|
<!-- 搜索条件区域 -->
|
<el-card class="search-card">
|
<div slot="header" class="clearfix">
|
<span>查询条件</span>
|
<el-button
|
style="float: right; padding: 3px 0"
|
type="text"
|
@click="toggleSearchMore"
|
>
|
{{ searchMore ? '收起' : '更多' }}
|
</el-button>
|
</div>
|
|
<el-form :model="queryParams" ref="queryForm" label-width="80px">
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="物料代码">
|
<el-input
|
v-model="queryParams.HNumber"
|
placeholder="请输入物料代码"
|
@keyup.enter.native="handleSearch"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="物料名称">
|
<el-input
|
v-model="queryParams.HName"
|
placeholder="请输入物料名称"
|
@keyup.enter.native="handleSearch"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="组织">
|
<el-select
|
v-model="queryParams.HOrgID"
|
placeholder="请选择组织"
|
style="width: 100%"
|
>
|
<el-option
|
v-for="item in organizationOptions"
|
:key="item.ID"
|
:label="item.Name"
|
:value="item.ID"
|
/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item>
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
<el-button @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<!-- 更多搜索条件 -->
|
<div v-show="searchMore">
|
<el-divider></el-divider>
|
<div class="filter-conditions">
|
<div class="filter-group" v-for="(filter, index) in filterConditions" :key="index">
|
<el-row :gutter="10">
|
<el-col :span="8">
|
<el-select
|
v-model="filter.colName"
|
placeholder="选择列"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="col in visibleColumns"
|
:key="col.field"
|
:label="col.title"
|
:value="col.field"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-select
|
v-model="filter.comparator"
|
placeholder="比较符"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option value="=" label="="></el-option>
|
<el-option value=">=" label=">="></el-option>
|
<el-option value=">" label=">"></el-option>
|
<el-option value="<=" label="<="></el-option>
|
<el-option value="<" label="<"></el-option>
|
<el-option value="<>" label="<>"></el-option>
|
<el-option value="7" label="包含"></el-option>
|
<el-option value="8" label="左包含"></el-option>
|
<el-option value="9" label="右包含"></el-option>
|
<el-option value="10" label="不包含"></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="8">
|
<el-input
|
v-model="filter.colContent"
|
placeholder="请输入内容"
|
@keyup.enter.native="handleSearch"
|
/>
|
</el-col>
|
<el-col :span="2">
|
<el-button
|
type="danger"
|
icon="el-icon-delete"
|
circle
|
@click="removeFilter(index)"
|
v-if="filterConditions.length > 1"
|
></el-button>
|
</el-col>
|
</el-row>
|
</div>
|
|
<el-button
|
type="primary"
|
icon="el-icon-plus"
|
@click="addFilter"
|
style="margin-top: 10px;"
|
>
|
添加过滤条件
|
</el-button>
|
</div>
|
</div>
|
</el-form>
|
</el-card>
|
|
<!-- 主要内容区域 -->
|
<div class="main-content">
|
<!-- 左侧主表格 -->
|
<div class="table-section left-table">
|
<div class="table-header">
|
<span>物料列表</span>
|
<div class="table-actions">
|
<el-button
|
type="danger"
|
icon="el-icon-delete"
|
size="mini"
|
@click="handleDelete"
|
:disabled="selectedRows.length === 0"
|
>
|
删除
|
</el-button>
|
<el-button
|
type="success"
|
icon="el-icon-check"
|
size="mini"
|
@click="handleDataConfirm"
|
:disabled="selectedRows.length === 0"
|
>
|
数据确认
|
</el-button>
|
<el-button
|
type="info"
|
icon="el-icon-setting"
|
size="mini"
|
@click="handleColumnSetting"
|
>
|
列设置
|
</el-button>
|
</div>
|
</div>
|
|
<div class="table-container">
|
<el-table
|
ref="mainTable"
|
:data="tableData"
|
height="500"
|
@selection-change="handleSelectionChange"
|
border
|
v-loading="loading"
|
:row-class-name="getRowClassName"
|
>
|
<el-table-column type="selection" width="55" align="center"></el-table-column>
|
<el-table-column
|
v-for="column in mainTableColumns"
|
:key="column.field"
|
:prop="column.field"
|
:label="column.title"
|
:width="column.width"
|
:align="column.align || 'center'"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="{ row }">
|
<span v-if="isDateColumn(column.field)">
|
{{ formatDate(row[column.field]) }}
|
</span>
|
<span v-else>{{ row[column.field] }}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<!-- 分页 -->
|
<div class="pagination-container">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="pagination.page"
|
:page-sizes="[50, 100, 500, 1000]"
|
:page-size="pagination.size"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="pagination.total"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</div>
|
|
<!-- 右侧临时表格 -->
|
<div class="table-section right-table">
|
<div class="table-header">
|
<span>批改数据</span>
|
<div class="table-actions">
|
<el-button
|
type="primary"
|
icon="el-icon-upload"
|
size="mini"
|
@click="handleSave"
|
:disabled="tempTableData.length === 0"
|
>
|
保存
|
</el-button>
|
<el-button
|
type="info"
|
icon="el-icon-close"
|
size="mini"
|
@click="handleExit"
|
>
|
退出
|
</el-button>
|
</div>
|
</div>
|
|
<div class="table-container">
|
<el-table
|
ref="tempTable"
|
:data="tempTableData"
|
height="500"
|
border
|
v-loading="tempLoading"
|
>
|
<el-table-column
|
v-for="column in tempTableColumns"
|
:key="column.field"
|
:prop="column.field"
|
:label="column.title"
|
:width="column.width"
|
:align="column.align || 'center'"
|
>
|
<template slot-scope="{ row, $index }">
|
<!-- 可编辑的文本字段 -->
|
<el-input
|
v-if="isEditableColumn(column.field) && !isSelectColumn(column.field)"
|
v-model="row[column.field]"
|
size="mini"
|
@change="handleCellEdit(row, column.field, $index)"
|
/>
|
|
<!-- 下拉选择框 - 物料属性 -->
|
<el-select
|
v-else-if="column.field === '物料属性'"
|
v-model="row[column.field]"
|
size="mini"
|
style="width: 100%"
|
@change="handleSelectChange(column.field)"
|
>
|
<el-option value="外购" label="外购"></el-option>
|
<el-option value="自制" label="自制"></el-option>
|
<el-option value="委外" label="委外"></el-option>
|
</el-select>
|
|
<!-- 下拉选择框 - 事业部 -->
|
<el-select
|
v-else-if="column.field === '事业部'"
|
v-model="row[column.field]"
|
size="mini"
|
style="width: 100%"
|
@change="handleSelectChange(column.field)"
|
>
|
<el-option value="注塑事业部" label="注塑事业部"></el-option>
|
<el-option value="软磁事业部" label="软磁事业部"></el-option>
|
<el-option value="其他事业部" label="其他事业部"></el-option>
|
</el-select>
|
|
<!-- 不可编辑字段 -->
|
<span v-else>{{ row[column.field] }}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-dialog>
|
|
<el-dialog
|
title="隐藏列设置"
|
:visible.sync="openColumnSetting"
|
width="816px"
|
append-to-body
|
>
|
<RowSettings
|
:colName="btResList"
|
:HModName="HModName"
|
@rowEditClose="columnSettingClose"
|
v-if="columnSettingShow"
|
/>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import axios from 'axios'
|
import RowSettings from '@/views/component/rowSettings'
|
|
|
export default {
|
name: 'MaterialCorrection',
|
components: {
|
RowSettings
|
},
|
props: {
|
visible: {
|
type: Boolean,
|
default: false
|
}
|
},
|
data() {
|
return {
|
openCorrect: false,
|
searchMore: false,
|
loading: false,
|
tempLoading: false,
|
columnSettingVisible: false,
|
|
// 查询参数
|
queryParams: {
|
HNumber: '',
|
HName: '',
|
HOrgID: ''
|
},
|
|
// 过滤条件
|
filterConditions: [
|
{ colName: '0', comparator: '0', colContent: '' }
|
],
|
|
// 组织选项
|
organizationOptions: [],
|
|
// 表格数据
|
tableData: [],
|
tempTableData: [],
|
selectedRows: [],
|
|
// 分页
|
pagination: {
|
page: 1,
|
size: 50,
|
total: 0
|
},
|
|
// 列配置
|
allColumns: [],
|
mainTableColumns: [],
|
tempTableColumns: [],
|
// 列设置
|
columnSettingShow: false,
|
openColumnSetting: false,
|
// 模块名称
|
HModName: 'Gy_Material_Correction',
|
|
baseURL: process.env.VUE_APP_BASE_URL || 'http://47.96.97.237/API/',
|
user: 'admin'
|
}
|
},
|
computed: {
|
visibleColumns() {
|
return this.allColumns.filter(col => !col.hide)
|
}
|
},
|
watch: {
|
visible: {
|
immediate: true,
|
handler(newVal) {
|
this.openCorrect = newVal
|
if (newVal) {
|
this.initData()
|
}
|
}
|
},
|
openCorrect(newVal) {
|
this.$emit('update:visible', newVal)
|
}
|
},
|
methods: {
|
// 初始化数据
|
async initData() {
|
await this.getOrganizations()
|
await this.getTableData()
|
},
|
|
// 获取组织列表
|
async getOrganizations() {
|
try {
|
const response = await axios.get(`${this.baseURL}/Web/GetOrganizations`)
|
if (response.data.count === 1) {
|
this.organizationOptions = response.data.data
|
if (this.organizationOptions.length > 0) {
|
this.queryParams.HOrgID = this.organizationOptions[0].ID
|
}
|
}
|
} catch (error) {
|
this.$modal.msgError('获取组织列表失败!')
|
}
|
},
|
|
|
|
// 设置默认列
|
setDefaultColumns() {
|
this.allColumns = [
|
{ field: 'HItemID', title: '物料ID', hide: true },
|
{ field: '物料代码', title: '物料代码', width: 120 },
|
{ field: '物料名称', title: '物料名称', width: 150 },
|
{ field: '规格型号', title: '规格型号', width: 120 },
|
{ field: '物料属性', title: '物料属性', width: 100 },
|
{ field: '事业部', title: '事业部', width: 120 },
|
{ field: '组织名称', title: '组织名称', width: 120 },
|
{ field: '默认仓库', title: '默认仓库', width: 120 },
|
{ field: '计量单位', title: '计量单位', width: 100 },
|
{ field: '基本计量单位', title: '基本计量单位', width: 120 },
|
{ field: '物料分类', title: '物料分类', width: 120 },
|
{ field: '数量精度', title: '数量精度', width: 100 },
|
{ field: '单价精度', title: '单价精度', width: 100 },
|
{ field: '金额精度', title: '金额精度', width: 100 },
|
{ field: '默认税率', title: '默认税率', width: 100 },
|
{ field: '默认利润率', title: '默认利润率', width: 100 },
|
{ field: '克重', title: '克重', width: 100 },
|
{ field: '幅宽', title: '幅宽', width: 100 },
|
{ field: '染色要求', title: '染色要求', width: 120 },
|
{ field: '备注', title: '备注', width: 150 },
|
{ field: '审核人', title: '审核人', width: 100 },
|
{ field: '创建人', title: '创建人', width: 100 },
|
{ field: '创建时间', title: '创建时间', width: 150 }
|
]
|
|
this.mainTableColumns = this.allColumns.filter(col => !col.hide)
|
this.tempTableColumns = this.mainTableColumns.map(col => ({
|
...col,
|
editable: this.isEditableColumn(col.field)
|
}))
|
},
|
|
// 获取表格数据
|
async getTableData() {
|
this.loading = true
|
try {
|
const sWhere = this.buildWhereCondition()
|
|
const response = await axios.get(`${this.baseURL}/Gy_Material/page`, {
|
params: {
|
sWhere: sWhere,
|
user: this.user,
|
page: this.pagination.page,
|
size: this.pagination.size,
|
Organization: ''
|
}
|
})
|
|
if (response.data.code === 1) {
|
this.tableData = response.data.data
|
this.pagination.total = response.data.count
|
} else {
|
this.$modal.msgError(response.data.Message)
|
}
|
} catch (error) {
|
this.$modal.msgError('获取数据失败!')
|
} finally {
|
this.loading = false
|
}
|
},
|
|
// 构建查询条件
|
buildWhereCondition() {
|
let sWhere = ''
|
|
// 基本查询条件
|
if (this.queryParams.HNumber) {
|
sWhere += ` and 物料代码 like '%${this.queryParams.HNumber}%'`
|
}
|
if (this.queryParams.HName) {
|
sWhere += ` and 物料名称 like '%${this.queryParams.HName}%'`
|
}
|
if (this.queryParams.HOrgID) {
|
sWhere += ` and HUSEORGID = '${this.queryParams.HOrgID}'`
|
}
|
|
// 过滤条件
|
this.filterConditions.forEach(filter => {
|
if (filter.colName && filter.colName !== '0' && filter.comparator && filter.comparator !== '0') {
|
let condition = ''
|
switch (filter.comparator) {
|
case '7': // 包含
|
condition = `like '%${filter.colContent}%'`
|
break
|
case '8': // 左包含
|
condition = `like '%${filter.colContent}'`
|
break
|
case '9': // 右包含
|
condition = `like '${filter.colContent}%'`
|
break
|
case '10': // 不包含
|
condition = `not like '%${filter.colContent}%'`
|
break
|
default:
|
condition = `${filter.comparator} '${filter.colContent}'`
|
}
|
sWhere += ` and ${filter.colName} ${condition}`
|
}
|
})
|
|
return sWhere
|
},
|
|
// 查询
|
handleSearch() {
|
this.pagination.page = 1
|
this.getTableData()
|
},
|
|
handleColumnSetting() {
|
this.columnSettingShow = true;
|
this.openColumnSetting = true;
|
},
|
// 列设置关闭
|
columnSettingClose(val) {
|
this.columnSettingShow = false;
|
this.openColumnSetting = val;
|
this.getList();
|
},
|
|
// 重置查询
|
resetQuery() {
|
this.queryParams = {
|
HNumber: '',
|
HName: '',
|
HOrgID: this.organizationOptions.length > 0 ? this.organizationOptions[0].ID : ''
|
}
|
this.filterConditions = [
|
{ colName: '0', comparator: '0', colContent: '' }
|
]
|
this.pagination.page = 1
|
this.getTableData()
|
},
|
|
// 添加过滤条件
|
addFilter() {
|
this.filterConditions.push({
|
colName: '0',
|
comparator: '0',
|
colContent: ''
|
})
|
},
|
|
// 删除过滤条件
|
removeFilter(index) {
|
this.filterConditions.splice(index, 1)
|
},
|
|
// 切换更多搜索条件
|
toggleSearchMore() {
|
this.searchMore = !this.searchMore
|
},
|
|
// 选择行变化
|
handleSelectionChange(selection) {
|
this.selectedRows = selection
|
},
|
|
// 数据确认 - 将选中的数据复制到临时表格
|
handleDataConfirm() {
|
if (this.selectedRows.length === 0) {
|
this.$modal.msgWarning('请先选择要批改的数据!')
|
return
|
}
|
|
// 深拷贝选中的数据到临时表格
|
this.tempTableData = JSON.parse(JSON.stringify(this.selectedRows))
|
|
// 锁定主表格中已选中的行(通过CSS类名)
|
this.$nextTick(() => {
|
this.$refs.mainTable.clearSelection()
|
})
|
|
this.$modal.msgSuccess(`已确认 ${this.selectedRows.length} 条数据,请在右侧表格中进行批改`)
|
},
|
|
// 保存批改数据
|
async handleSave() {
|
if (this.tempTableData.length === 0) {
|
this.$modal.msgWarning('没有需要保存的数据!')
|
return
|
}
|
|
try {
|
this.tempLoading = true
|
|
// 转换数据格式
|
const saveData = this.tempTableData.map(item => ({
|
HOnceRightRate: item['一次合格率标准值'],
|
HDivisionID: this.divisionJudgment(item['事业部']),
|
HNumber: item['物料代码'],
|
HName: item['物料名称'],
|
HModel: item['规格型号'],
|
HMaterClsID: this.materClsJudgment(item['物料属性']),
|
HRemark: item['备注'],
|
HQtyDec: item['数量精度'],
|
HPriceDec: item['单价精度'],
|
HMoneyDec: item['金额精度'],
|
HTaxRate: item['默认税率'],
|
HProfitRate: item['默认利润率'],
|
HTaxCost: item['含税成本价'],
|
HFootPrice: item['结算价'],
|
HWeight: item['克重'],
|
HColorRemark: item['染色要求'],
|
HWidth: item['幅宽'],
|
// 其他需要保存的字段...
|
HItemID: item.HItemID
|
}))
|
|
// 数据验证
|
for (const item of saveData) {
|
if (!item.HNumber) {
|
throw new Error('请输入物料代码!')
|
}
|
if (!item.HName) {
|
throw new Error('请输入物料名称!')
|
}
|
// 其他验证规则...
|
}
|
|
const dataStr = JSON.stringify(saveData)
|
const response = await axios.post(`${this.baseURL}/Gy_Material/SaveGy_MaterialList_Batch`, {
|
msg: dataStr + ';' + this.user + ';' + this.queryParams.HOrgID
|
})
|
|
if (response.data.count === 1) {
|
this.$modal.msgSuccess('保存成功!')
|
this.tempTableData = []
|
this.getTableData() // 刷新主表格
|
} else {
|
this.$modal.msgError(response.data.Message)
|
}
|
} catch (error) {
|
this.$modal.msgError(error.message || '保存失败!')
|
} finally {
|
this.tempLoading = false
|
}
|
},
|
|
// 删除数据
|
async handleDelete() {
|
if (this.selectedRows.length === 0) {
|
this.$modal.msgWarning('请选择要删除的数据!')
|
return
|
}
|
|
try {
|
await this.$confirm('确认要删除选中的数据吗?', '提示', {
|
type: 'warning'
|
})
|
for (const row of this.selectedRows) {
|
await axios.get(`${this.baseURL}/Gy_Material/Delete`, {
|
params: {
|
HItemID: row.HItemID,
|
user: this.user
|
}
|
})
|
}
|
|
this.$modal.msgSuccess('删除成功!')
|
this.getTableData()
|
this.selectedRows = []
|
} catch (error) {
|
if (error !== 'cancel') {
|
this.$modal.msgError('删除失败!')
|
}
|
}
|
},
|
|
// 单元格编辑
|
handleCellEdit(row, field, index) {
|
// 可以在这里添加编辑验证逻辑
|
console.log(`编辑第${index + 1}行,字段: ${field}, 值: ${row[field]}`)
|
},
|
|
// 下拉选择变化
|
handleSelectChange(field) {
|
// 批量更新相同字段的值
|
this.tempTableData.forEach(item => {
|
// 这里可以根据业务需求决定是否同步更新所有行的相同字段
|
})
|
},
|
|
// 列设置
|
handleColumnSetting() {
|
this.columnSettingVisible = true
|
},
|
|
// 保存列设置
|
handleColumnSave(columns) {
|
this.allColumns = columns
|
this.mainTableColumns = this.allColumns.filter(col => !col.hide)
|
this.tempTableColumns = this.mainTableColumns.map(col => ({
|
...col,
|
editable: this.isEditableColumn(col.field)
|
}))
|
this.columnSettingVisible = false
|
},
|
|
|
|
// 退出
|
handleExit() {
|
if (this.tempTableData.length > 0) {
|
this.$confirm('有未保存的批改数据,确定要退出吗?', '提示', {
|
type: 'warning'
|
}).then(() => {
|
this.handleClose()
|
})
|
} else {
|
this.handleClose()
|
}
|
},
|
|
// 关闭对话框
|
handleClose() {
|
this.openCorrect = false
|
this.$emit('close')
|
},
|
|
// 分页大小变化
|
handleSizeChange(size) {
|
this.pagination.size = size
|
this.pagination.page = 1
|
this.getTableData()
|
},
|
|
// 当前页变化
|
handleCurrentChange(page) {
|
this.pagination.page = page
|
this.getTableData()
|
},
|
|
// 工具方法
|
isEditableColumn(field) {
|
const nonEditableFields = [
|
'HItemID', '物料代码', '物料名称', '组织名称', '审核人', '创建人', '创建时间'
|
]
|
return !nonEditableFields.includes(field)
|
},
|
|
isSelectColumn(field) {
|
return ['物料属性', '事业部'].includes(field)
|
},
|
|
isDateColumn(field) {
|
return field.includes('时间') || field.includes('日期')
|
},
|
|
formatDate(dateString) {
|
if (!dateString) return ''
|
const date = new Date(dateString)
|
return date.toLocaleString('zh-CN')
|
},
|
|
getRowClassName({ row }) {
|
return this.selectedRows.some(selected => selected.HItemID === row.HItemID) ? 'locked-row' : ''
|
},
|
|
divisionJudgment(divisionStr) {
|
switch (divisionStr) {
|
case '注塑事业部': return 3
|
case '软磁事业部': return 4
|
default: return 0
|
}
|
},
|
|
materClsJudgment(materClsStr) {
|
switch (materClsStr) {
|
case '外购': return '1'
|
case '自制': return '2'
|
case '委外': return '3'
|
default: return '0'
|
}
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.material-correction-dialog ::v-deep .el-dialog__body {
|
padding: 10px 20px;
|
}
|
|
.correction-container {
|
height: 70vh;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.search-card {
|
margin-bottom: 10px;
|
}
|
|
.main-content {
|
flex: 1;
|
display: flex;
|
gap: 10px;
|
min-height: 0;
|
}
|
|
.table-section {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
border: 1px solid #e6e6e6;
|
border-radius: 4px;
|
background: #fff;
|
}
|
|
.table-header {
|
padding: 8px 12px;
|
background: #f5f7fa;
|
border-bottom: 1px solid #e6e6e6;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.table-header span {
|
font-weight: bold;
|
color: #333;
|
}
|
|
.table-actions {
|
display: flex;
|
gap: 8px;
|
}
|
|
.table-container {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
min-height: 0;
|
}
|
|
.pagination-container {
|
padding: 10px;
|
background: #f5f7fa;
|
border-top: 1px solid #e6e6e6;
|
}
|
|
.filter-conditions {
|
margin-top: 10px;
|
}
|
|
.filter-group {
|
margin-bottom: 10px;
|
}
|
|
/* 锁定行的样式 */
|
::v-deep .locked-row {
|
background-color: #f0f0f0 !important;
|
cursor: not-allowed;
|
}
|
|
::v-deep .locked-row .el-checkbox {
|
cursor: not-allowed;
|
}
|
|
::v-deep .locked-row .el-checkbox__input.is-disabled .el-checkbox__inner {
|
background-color: #f5f7fa;
|
border-color: #e4e7ed;
|
cursor: not-allowed;
|
}
|
|
/* 临时表格编辑样式 */
|
::v-deep .temp-table .el-input__inner {
|
border: 1px solid #409eff;
|
border-radius: 4px;
|
}
|
|
::v-deep .temp-table .el-select {
|
width: 100%;
|
}
|
</style>
|