bash
<el-table
class="mt-15"
v-loading="listLoading"
@cell-click="tableDbEdit" @cell-dblclick="tableDbEdit"
stripe
:data="dataList"
style="width: 100%">
<el-table-column align="center" prop="orderNumber" label="订单编号" width="180"></el-table-column>
<el-table-column align="center" prop="customerName" label="客户名称" width="120"></el-table-column>
<el-table-column align="center" prop="productDate" label="生产时间" width="200">
<template slot-scope="scope">
<div v-if="showdatetime == `productDate${scope.row.id}`">
<el-date-picker
value-format="yyyy-MM-dd"
style="width: 135px;"
size="mini"
v-model="scope.row.productDate"
@blur='blurdate(scope.row, "productDate", scope.row.productDate)'
:clearable="false"
type="date"
placeholder="请选择生产时间">
</el-date-picker>
<el-button @click="subtimeBtn(scope.row)" type="text" size="small" class="ml-10">提交</el-button>
</div>
<div v-else>{{ scope.row.productDate }}</div>
</template>
</el-table-column>
<el-table-column align="center" prop="shipDate" label="船期时间" width="100"></el-table-column>
<el-table-column align="center" label="产品型号/客户要求" width="150">
<template slot-scope="scope">
<el-button @click="opendetail(scope.row)" type="text" size="small" class="mr-10">详情</el-button>
</template>
</el-table-column>
<el-table-column align="center" prop="totalRequireQuantity" width="70" label="总需求量T/吨"></el-table-column>
<el-table-column align="center" prop="remark" label="备注"></el-table-column>
<el-table-column fixed="right" align="center" label="操作" width="200">
<template slot-scope="scope">
<el-button @click="toorderEdit(scope.row)" type="text" size="small" class="mr-10">修改</el-button>
<el-button @click="deleteBtn(scope.row)" type="text" size="small">取消</el-button>
</template>
</el-table-column>
</el-table>
bash
return {
showdatetime: "",
oldData: {},
currentData: {} ,
}
bash
blurdate(row, name, value) {
// 判断数据是否有所改变,如果数据有改变则调用修改接口
if (this.oldData[name] != value) {
row[name] = value
if (value === true) {
row[name] = 1
} else if (value === false) {
row[name] = 0
}
}
this.currentData = row
},
tableDbEdit(row, column, event) {
this.showdatetime = column.property + row.id;
this.oldData[column.property] = row[column.property];
},
subtimeBtn(row){
this.showdatetime = ""
console.log("ssss",row)
},