<el-tableclass="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-pickervalue-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>
return {showdatetime: "",oldData: {},currentData: {} ,}
blurdate(row, name, value) {// 判断数据是否有所改变,如果数据有改变则调用修改接口if (this.oldData[name] != value) {row[name] = valueif (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)
},