| | |
| | | style="width: 80%" |
| | | @change=" |
| | | (val) => { |
| | | selProductClick(val) |
| | | selProductNameClick(val) |
| | | } |
| | | " |
| | | > |
| | |
| | | :rules="[{ required: item.isRequird ? true : false, message: '输入不能为空' }]" |
| | | > |
| | | <span v-if="scope.row.isEdit">{{ scope.row[item.prop] }}</span> |
| | | <el-date-picker v-else v-model="scope.row[item.prop]" type="date" size="mini" style="width: 110px"> |
| | | <el-date-picker v-else v-model="scope.row[item.prop]" type="date" size="mini" style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <!-- 位置 --> |
| | | <el-form-item v-else-if="item.location" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> |
| | | <div class="custom-name"> |
| | | <span v-if="scope.row.isEdit">{{ scope.row[item.prop] }}</span> |
| | | <span v-if="scope.row.isEdit || scope.row.editable">{{ scope.row[item.prop] }}</span> |
| | | <el-select |
| | | v-else |
| | | v-model="scope.row[item.prop]" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 80%" |
| | | @change="selLocationClick" |
| | | @change=" |
| | | (val) => { |
| | | selLocationClick(val, item.prop) |
| | | } |
| | | " |
| | | > |
| | | <el-option v-for="item in selLocationOptions" :key="item.id" :label="item.name" :value="item.name"> |
| | | <el-option |
| | | v-for="item in selLocationOptions" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="{ value: item.id, label: item.name }" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | <!-- 产品 --> |
| | | <el-form-item v-else-if="item.product" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> |
| | | <div class="custom-name"> |
| | | <span v-if="scope.row.isEdit">{{ scope.row[item.prop] }}</span> |
| | | <span v-if="scope.row.isEdit || scope.row.editable">{{ scope.row[item.prop] }}</span> |
| | | <el-select |
| | | v-else |
| | | v-model="scope.row[item.prop]" |
| | |
| | | v-for="item in productNameOptions" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="{ value: item.id, label: item.name, amount: item.amount, unit: item.unit }" |
| | | :value="{ |
| | | value: item.id, |
| | | label: item.name, |
| | | amount: item.amount, |
| | | unit: item.unit, |
| | | categoryId: item.categoryId, |
| | | categoryName: item.categoryName |
| | | }" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | |
| | | } |
| | | if (this.islistingrules) { |
| | | this.getLocationList() |
| | | this.getCompanyList() |
| | | // this.getCompanyList() |
| | | } |
| | | this.tableList = this.productTableList |
| | | }, |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // 选择产品 |
| | | selProductClick(item) { |
| | | selProductNameClick(item) { |
| | | this.tableList.tableData.map((ite) => { |
| | | if (ite.productName.label === item.label) { |
| | | ite.productId = item.value |
| | |
| | | }) |
| | | console.log(this.tableList.tableData) |
| | | }, |
| | | // 选择产品 |
| | | selProductClick(item) { |
| | | console.log(item) |
| | | this.tableList.tableData.map((ite) => { |
| | | if (ite.productName.label === item.label) { |
| | | ite.productId = item.value |
| | | ite.productName = item.label |
| | | ite.categoryId = item.categoryId |
| | | ite.productCategory = item.categoryName |
| | | ite.amount = item.amount |
| | | ite.unit = item.unit |
| | | } |
| | | }) |
| | | console.log(this.tableList.tableData) |
| | | this.$emit("selProductClick", item) |
| | | }, |
| | | // 选择位置 |
| | | selLocationClick(item) { |
| | | selLocationClick(item, prop) { |
| | | console.log(item) |
| | | console.log(this.tableList.tableData) |
| | | // this.tableList.tableData.map((ite) => { |
| | | // if (ite.location.label === item.label) { |
| | | // ite.location = item.label |
| | | // } |
| | | // if (ite.subLocation.label === item.label) { |
| | | // ite.subLocation = item.label |
| | | // } |
| | | // }) |
| | | this.$emit("selLocationClick", item, prop) |
| | | }, |
| | | // 选择单位/用户 |
| | | selCommonClick(item) { |