| | |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="组合" name="third"> |
| | | <!-- <div class="tab3"> --> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="6"> |
| | | <div style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | "> |
| | | <el-col :span="6" style="min-width: 200px"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;"> |
| | | 项目列表 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterage"> |
| | |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <div style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | "> |
| | | <el-col :span="6" style="min-width: 200px"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;"> |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | |
| | | margin-top: 10px; |
| | | "> |
| | | 已选项目列表 |
| | | |
| | | </div> |
| | | <el-table :data="DataLists" border style="width: 100%" height="400" :span-method="objectspanmethod"> |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- </div> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="单项" name="second"> |
| | | <div class="tab8"> |
| | | <div style="width: 500px; float: left; margin-right: 10px;"> |
| | | <div style="text-align: center;">项目列表</div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="margin-bottom: 10px;"></el-input> |
| | | <div class="tab3" style="overflow: hidden;"> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="6" style="min-width: 200px"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;"> |
| | | 项目列表 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="margin-bottom: 10px;"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox |
| | | node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" ref="tree" :render-content="renderContent"> |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6" style="min-width: 200px"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;"> |
| | | 明细项目列表 |
| | | </div> |
| | | <div style="width: 400px; float: left; margin: 0 10px;"> |
| | | <div style="text-align: center; margin-bottom: 45px;">明细项目列表</div> |
| | | <div class="tab3" style="overflow: hidden;"> |
| | | <div class="tab3"> |
| | | <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId" |
| | | :props="defaultProps" :filter-node-method="filterNode" show-checkbox |
| | | @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent"> |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <div class="grid-content bg-purple"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;"> |
| | | 已选项目列表 |
| | | </div> |
| | | <div style="width: 500px; float: left;"> |
| | | <div style="text-align: center; margin-bottom: 45px;">已选项目列表</div> |
| | | <div style="height: 350px; overflow-y: auto; overflow-x: hidden;"> |
| | | <el-table :data="DataList" border style="width: 100%;" height="350" :span-method="objectSpanMethod"> |
| | | <el-table-column prop="propinName" label="检查项目"></el-table-column> |
| | | <el-table-column prop="sl" label="数量" width="56px"></el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"></el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="220px"></el-table-column> |
| | | <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="50px"> |
| | | <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod"> |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | <el-table-column prop="sl" label="数量" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" |
| | | width="50px"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" title="删除"></el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
| | | title="删除"></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <h3 style="font-weight: 600">合计:{{ marryall }}元</h3> |
| | | </div> |
| | | </div> |
| | | <div style="clear: both;"></div> |
| | | </div> |
| | | <h3 style="font-weight: 600; text-align: center; margin-top: 40px;">合计:{{ marryall }}元</h3> |
| | | </el-col> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <span slot="footer" class="dialog-footer"> |