|
|
@@ -20,12 +20,12 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="技术协议:" prop="attachList1">
|
|
|
- <span class="attch-file" @click="attachDetail(dataForm.attachList1)">{{dataForm.attachList1 == null ? '' : dataForm.attachList1[0].fileName}}</span>
|
|
|
+ <span class="attch-file" @click="attachDetail(dataForm.attachList1)">{{dataForm.attachList1 == null || dataForm.attachList1.length == 0 ? '' : dataForm.attachList1[0].fileName}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="资料:" prop="attachList2">
|
|
|
- <span class="attch-file" @click="attachDetail(dataForm.attachList2)">{{dataForm.attachList2 == null ? '' : dataForm.attachList2[0].fileName}}</span>
|
|
|
+ <span class="attch-file" @click="attachDetail(dataForm.attachList2)">{{dataForm.attachList2 == null || dataForm.attachList2.length == 0 ? '' : dataForm.attachList2[0].fileName}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -34,6 +34,11 @@
|
|
|
:data="dataForm.proProductList"
|
|
|
border
|
|
|
v-loading="dataListLoading"
|
|
|
+ @expand-change="handleExpandChange"
|
|
|
+ :expand-row-keys="expandedRowKeys"
|
|
|
+ :load="loadingData"
|
|
|
+ row-key="productId"
|
|
|
+ lazy
|
|
|
style="width: 100%;">
|
|
|
<el-table-column
|
|
|
label="序号"
|
|
|
@@ -158,9 +163,9 @@
|
|
|
:show-tooltip-when-overflow="true"
|
|
|
label="计划数量">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'proProductList.' + scope.$index + '.planCnt'" :rules="dataRule.planCnt" label-width="0">
|
|
|
+ <!-- <el-form-item :prop="'proProductList.' + scope.$index + '.planCnt'" :rules="dataRule.planCnt" label-width="0">
|
|
|
<el-input v-model="scope.row.planCnt" style="width:80px" :disabled="disabled" @input="scope.row.planCnt = scope.row.planCnt.replace(/[^\d]/g, '')"/>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -236,7 +241,9 @@ export default {
|
|
|
isTechnology: [{required: true, message: '请选择', trigger: 'change'}]
|
|
|
},
|
|
|
dataList: [],
|
|
|
- dataListLoading: false
|
|
|
+ dataListLoading: false,
|
|
|
+ expandedRowKeys: [],
|
|
|
+ treeMap: new Map()
|
|
|
}
|
|
|
},
|
|
|
created () {},
|
|
|
@@ -256,7 +263,11 @@ export default {
|
|
|
method: 'get'
|
|
|
}).then(({data}) => {
|
|
|
if (data && data.code === '200') {
|
|
|
+ data.data.proProductList.map(item => {
|
|
|
+ item.hasChildren = item.proProductList != null && item.proProductList.length > 0
|
|
|
+ })
|
|
|
this.dataForm = data.data
|
|
|
+ console.log(this.dataForm)
|
|
|
} else {
|
|
|
this.$message.error(data.msg)
|
|
|
}
|
|
|
@@ -302,7 +313,27 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ handleExpandChange(row, expanded) {
|
|
|
+ console.log(row, expanded)
|
|
|
+ if (expanded) {
|
|
|
+ this.expandedRowKeys.push(row.productId)
|
|
|
+ } else {
|
|
|
+ const index = this.expandedRowKeys.indexOf(row.productId)
|
|
|
+ if (index !== -1) {
|
|
|
+ this.expandedRowKeys.splice(index, 1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ loadingData(row, treeNode, resolve) {
|
|
|
+ console.log('loadingData')
|
|
|
+ // if (!this.treeMap.has(row.productId)) {
|
|
|
+ // this.treeMap.set(row.productId, { row, treeNode, resolve })
|
|
|
+ // }
|
|
|
+
|
|
|
+ // row.children = row.proProductList
|
|
|
+ resolve(row.proProductList)
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
