| | |
| | | |
| | | <template> |
| | | <div class="standard"> |
| | | <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id" |
| | | default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| | | <el-table :data="tableData" border style="width: 100%" row-key="id" |
| | | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| | | <el-table-column type="selection" width="50"> |
| | | </el-table-column> |
| | | <el-table-column type="index" label="序号" width="70"> |
| | | <template v-if="tableType==1"> |
| | | <el-table-column type="index" label="序号" width="70"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.index }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="项目"> |
| | | <el-table-column prop="name" label="项目"> |
| | | <template slot-scope="scope"> |
| | | <el-tag size="mini" :type="scope.row.index? '':'success'" :style="{borderRadius: '40%',marginRight: '12px'}">{{ scope.row.index? '01':'02'}}</el-tag> |
| | | {{scope.row.name}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="单位"> |
| | | <el-table-column prop="unit" label="单位"> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="标准值"> |
| | | <el-table-column prop="required" label="标准值"> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="内控值"> |
| | | <el-table-column prop="internal" label="内控值"> |
| | | </el-table-column> |
| | | </template> |
| | | <template v-else> |
| | | <el-table-column prop="name" label="工艺名称"> |
| | | </el-table-column> |
| | | <el-table-column prop="device_group" label="设备组"> |
| | | </el-table-column> |
| | | <el-table-column label="匹配设备"> |
| | | <template> |
| | | <el-button type="text">选择</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="quota" label="工时定额"> |
| | | </el-table-column> |
| | | </template> |
| | | </el-table> |
| | | </div> |
| | | </template> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | tableData: [{ |
| | | id: 1, |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | id: 2, |
| | | date: '2016-05-04', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1517 弄' |
| | | }, { |
| | | id: 3, |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1519 弄', |
| | | children: [{ |
| | | id: 31, |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1519 弄' |
| | | }, { |
| | | id: 32, |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1519 弄' |
| | | }] |
| | | }, { |
| | | id: 4, |
| | | date: '2016-05-03', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1516 弄' |
| | | }], |
| | | selects: [] |
| | | } |
| | | }, |
| | | mounted() {}, |
| | | props:['tableData','tableType'], |
| | | created() { |
| | | console.log(this.tableData,this.tableType) |
| | | }, |
| | | mounted() { |
| | | |
| | | }, |
| | | methods: { |
| | | handleSelectionChange(val) { |
| | | this.selects = val; |