| | |
| | | <template> |
| | | <el-dialog title="信息预览" v-model="params.visible" width="800px"> |
| | | <el-dialog title="信息预览" v-model="params.visible" width="50%"> |
| | | <div class="descriptions"> |
| | | <div class="descriptions-item" v-for="item in taskDateil" :key="item.prop" :style="{ width: item.width }"> |
| | | <div class="label">{{ item.title }}</div> |
| | |
| | | width: '100%', |
| | | data: [], |
| | | option: { |
| | | height: '200', |
| | | height: 260, |
| | | calcHeight: 30, |
| | | tip: false, |
| | | searchShow: true, |
| | | border: true, |
| | | index: true, |
| | | viewBtn: false, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | selection: false, |
| | | dialogClickModal: false, |
| | | menu: false, |
| | | menuLeft: false, |
| | | header: false, |
| | | menuFixed: 'right', |
| | | labelWidth: '120', |
| | | span: 1, |
| | | colums: [ |
| | | column: [ |
| | | { |
| | | lable: '评优项目', |
| | | label: '评优项目', |
| | | prop: '', |
| | | type: 'input', |
| | | }, |
| | | { |
| | | lable: '名称', |
| | | label: '名称', |
| | | prop: '', |
| | | type: 'input', |
| | | }, |
| | | { |
| | | lable: '候选人', |
| | | label: '候选人', |
| | | prop: '', |
| | | type: 'input', |
| | | }, |
| | | { |
| | | lable: '部门', |
| | | label: '部门', |
| | | prop: '', |
| | | type: 'input' |
| | | }, |
| | | { |
| | | lable: '票数', |
| | | label: '票数', |
| | | prop: '', |
| | | type: 'input' |
| | | } |
| | |
| | | right: 1px solid #eeeded; |
| | | } |
| | | |
| | | ; |
| | | |
| | | .descriptions-item { |
| | | display: flex; |
| | | box-sizing: border-box; |
| | | |
| | | border: { |
| | | bottom: 1px solid #eeeded; |
| | | left: 1px solid #eeeded; |
| | |
| | | |
| | | .label, |
| | | .value { |
| | | flex-shrink: 0; |
| | | padding: 10px 5px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .label { |
| | | width: 100px; |
| | | flex-shrink: 0; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | |
| | | border-right: 1px solid #eeeded; |
| | | } |
| | | |
| | | .value { |
| | | } |
| | | .table { |
| | | width: 100%; |
| | | padding: 10px; |
| | | width: calc(100% - 20px); |
| | | } |
| | | } |
| | | } |