基础数据模块/设备处理/设备使用(界面长度适配调整, 编码 单据号,名称 超长字符 单独处理)
| | |
| | | @click='onClearSelected' |
| | | >清空</a> |
| | | </div> |
| | | |
| | | <!--X轴滑动 :scroll="{ x: 'calc(1400px + 50%)', y: 900 }"--> |
| | | <a-table |
| | | ref='table' |
| | | size='middle' |
| | | bordered |
| | | rowKey='id' |
| | | :scroll="{ x: 'calc(1400px + 50%)', y: 900 }" |
| | | :scroll="{ x: true }" |
| | | :columns='columns' |
| | | :dataSource='dataSource' |
| | | :pagination='ipagination' |
| | |
| | | :customRow='clickThenSelect' |
| | | @change='handleTableChange' |
| | | > |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <!-- <span |
| | | slot='action' |
| | | slot-scope='text, record' |
| | |
| | | { |
| | | title: '单据号', |
| | | align: 'center', |
| | | dataIndex: 'num' |
| | | dataIndex: 'num', |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '创建人', |
| | |
| | | @click='onClearSelected' |
| | | >清空</a> |
| | | </div> |
| | | |
| | | <!-- X轴滑动 :scroll="{ x: 'calc(1400px + 50%)', y: 900 }"--> |
| | | <a-table |
| | | ref='table' |
| | | size='middle' |
| | | bordered |
| | | rowKey='id' |
| | | :scroll="{ x: 'calc(1400px + 50%)', y: 900 }" |
| | | :scroll="{ x: true}" |
| | | :columns='columns' |
| | | :dataSource='dataSource' |
| | | :pagination='ipagination' |
| | |
| | | :customRow='clickThenSelect' |
| | | @change='handleTableChange' |
| | | > |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <span |
| | | slot='action' |
| | | slot-scope='text, record' |
| | |
| | | { |
| | | title: '单据号', |
| | | align: 'center', |
| | | dataIndex: 'num' |
| | | dataIndex: 'num', |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '调出公司', |
| | |
| | | size='middle' |
| | | bordered |
| | | rowKey='id' |
| | | :scroll="{ x: 'calc(1400px + 50%)', y: 900 }" |
| | | :scroll="{ x: true }" |
| | | :columns='columns' |
| | | :dataSource='dataSource' |
| | | :pagination='ipagination' |
| | |
| | | @change='handleTableChange' |
| | | > |
| | | |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | |
| | | |
| | | <span |
| | |
| | | { |
| | | title: '单据号', |
| | | align: 'center', |
| | | dataIndex: 'num' |
| | | dataIndex: 'num', |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '调出公司', |
| | |
| | | :gutter="16" |
| | | > |
| | | <a-col |
| | | :md="6" |
| | | :md="4" |
| | | :sm="24" |
| | | > |
| | | <fault-cause-left /> |
| | | </a-col> |
| | | <a-col |
| | | :md="24-6" |
| | | :md="24-4" |
| | | :sm="24" |
| | | > |
| | | <fault-cause-right /> |
| | |
| | | :gutter="16" |
| | | > |
| | | <a-col |
| | | :md="6" |
| | | :md="4" |
| | | :sm="24" |
| | | > |
| | | <process-parameters-category-left @clickTreeNode="getSelectNode" /> |
| | | </a-col> |
| | | <a-col |
| | | :md="24-6" |
| | | :md="24-4" |
| | | :sm="24" |
| | | > |
| | | <process-parameters-right :recordSelect="currentNodeSelect" /> |
| | |
| | | :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}' |
| | | class='j-table-force-nowrap' |
| | | @change='handleTableChange'> |
| | | <template slot="description" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <template slot="measure" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | |
| | | <template slot='htmlSlot' slot-scope='text'> |
| | | <div v-html='text'></div> |
| | |
| | | { |
| | | title: ' 危险源编码', |
| | | align: 'center', |
| | | dataIndex: 'num' |
| | | dataIndex: 'num', |
| | | scopedSlots: { customRender: 'num' }, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '危险源名称', |
| | |
| | | { |
| | | title: '危险描述', |
| | | align: 'center', |
| | | dataIndex: 'description' |
| | | dataIndex: 'description', |
| | | scopedSlots: { customRender: 'description' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '防控措施', |
| | | align: 'center', |
| | | dataIndex: 'measure' |
| | | dataIndex: 'measure', |
| | | scopedSlots: { customRender: 'measure' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '创建人', |
| | |
| | | :gutter="16" |
| | | > |
| | | <a-col |
| | | :md="6" |
| | | :md="4" |
| | | :sm="24" |
| | | > |
| | | <transfer-method-category-left @clickTreeNode="getSelectNode" /> |
| | | </a-col> |
| | | <a-col |
| | | :md="24-6" |
| | | :md="24-4" |
| | | :sm="24" |
| | | > |
| | | <transfer-method-right :recordSelect="currentNodeSelect" /> |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, getCheckboxProps:getCheckboxProps}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: true, y: 900 }" |
| | | :scroll="{ x: true}" |
| | | > |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <!--状态栏个性展示--> |
| | | <!-- <span |
| | | slot="status" |
| | |
| | | title: '分类编码', |
| | | align: "center", |
| | | dataIndex: 'num', |
| | | width: 200 , |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | // scopedSlots: { |
| | | // customRender: 'num', |
| | | // }, |
| | |
| | | |
| | | align: "center", |
| | | dataIndex: 'name', |
| | | width: 200 , |
| | | |
| | | // scopedSlots: { |
| | | // customRender: 'name', |
| | | // }, |
| | |
| | | // customRender: 'name', |
| | | // }, |
| | | // sorter: true, |
| | | width: 200 , |
| | | |
| | | }, |
| | | { |
| | | title: '技术状态鉴定周期', |
| | |
| | | // customRender: 'name', |
| | | // }, |
| | | // sorter: true, |
| | | width: 200 , |
| | | |
| | | }, |
| | | { |
| | | title: '创建人', |
| | | align: "center", |
| | | dataIndex: 'createBy', |
| | | width: 200 , |
| | | }, |
| | | { |
| | | title: '创建时间', |
| | | align: "center", |
| | | dataIndex: 'createTime', |
| | | width: 200 , |
| | | |
| | | }, |
| | | { |
| | | title: '修改人', |
| | | align: "center", |
| | | dataIndex: 'updateBy', |
| | | width: 200 , |
| | | |
| | | }, |
| | | { |
| | | title: '创建时间', |
| | | align: "center", |
| | | dataIndex: 'createTime', |
| | | |
| | | }, |
| | | |
| | | { |
| | | title: '修改时间', |
| | | align: "center", |
| | | dataIndex: 'updateTime', |
| | | width: 200 , |
| | | |
| | | }, |
| | | |
| | | // { |
| | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | |
| | | </a-form> |
| | | <a-divider v-if="title!='新增'" orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 选择子设备分类使其跟随父设备分类属性 </a-divider> |
| | | <a-tabs |
| | |
| | | <a-tab-pane |
| | | tab='子设备分类' |
| | | key='1' |
| | | |
| | | |
| | | > |
| | | <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: true, y: 900 }" |
| | | ></a-table> |
| | | :scroll="{ x: true}" |
| | | > |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | |
| | | </a-table> |
| | | |
| | | |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | |
| | | |
| | | </a-spin> |
| | | |
| | | <template slot="footer"> |
| | |
| | | title: '分类编码', |
| | | align: "center", |
| | | dataIndex: 'num', |
| | | width: 220, |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | // scopedSlots: { |
| | | // customRender: 'num', |
| | | // }, |
| | |
| | | |
| | | align: "center", |
| | | dataIndex: 'name', |
| | | width: 220, |
| | | |
| | | // scopedSlots: { |
| | | // customRender: 'name', |
| | | // }, |
| | |
| | | // customRender: 'name', |
| | | // }, |
| | | // sorter: true, |
| | | width: 220, |
| | | |
| | | }, |
| | | { |
| | | title: '创建人', |
| | | align: "center", |
| | | dataIndex: 'createBy', |
| | | width: 220, |
| | | }, |
| | | { |
| | | title: '创建时间', |
| | | align: "center", |
| | | dataIndex: 'createTime', |
| | | width: 220, |
| | | |
| | | }, |
| | | { |
| | | title: '修改人', |
| | | align: "center", |
| | | dataIndex: 'updateBy', |
| | | width: 220, |
| | | |
| | | }, |
| | | { |
| | | title: '创建时间', |
| | | align: "center", |
| | | dataIndex: 'createTime', |
| | | |
| | | }, |
| | | |
| | | { |
| | | title: '修改时间', |
| | | align: "center", |
| | | dataIndex: 'updateTime', |
| | | width: 220, |
| | | |
| | | }, |
| | | ], |
| | | //新增、编辑、删除、批量删除操作改变数据后刷新关联的组件的监听属性 |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, getCheckboxProps:getCheckboxProps}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x: true}" |
| | | > |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <template slot="name" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <!--状态栏个性展示--> |
| | | <!-- <span |
| | | slot="status" |
| | |
| | | title: '故障原因编码', |
| | | align: "center", |
| | | dataIndex: 'num', |
| | | width: 100, |
| | | scopedSlots: { |
| | | customRender: 'num' |
| | | }, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '故障原因名称', |
| | | width: 100, |
| | | align: "center", |
| | | dataIndex: 'name', |
| | | scopedSlots: { |
| | | customRender: 'name' |
| | | }, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | | title: '故障原因分类', |
| | |
| | | :loading='loading' |
| | | :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, getCheckboxProps:getCheckboxProps}' |
| | | @change='handleTableChange' |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x: true}" |
| | | > |
| | | |
| | | <template slot="num" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <template slot="name" slot-scope="text" > |
| | | <a-tooltip placement="top" :title="text" trigger="hover"> |
| | | <div> |
| | | <template slot="title"> </template> |
| | | <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | | <!--状态栏个性展示--> |
| | | <!-- <span |
| | | slot="status" |
| | |
| | | title: '故障类型编码', |
| | | align: 'center', |
| | | dataIndex: 'num', |
| | | scopedSlots: { customRender: 'num' }, |
| | | width: 100, |
| | | ellipsis: true, |
| | | // scopedSlots: { |
| | | // customRender: 'num' |
| | | // }, |
| | |
| | | }, |
| | | { |
| | | title: '故障类型名称', |
| | | |
| | | width: 100, |
| | | align: 'center', |
| | | dataIndex: 'name', |
| | | scopedSlots: { |
| | | customRender: 'name' |
| | | }, |
| | | ellipsis: true, |
| | | sorter: true |
| | | }, |
| | | { |
| | |
| | | align: 'center', |
| | | dataIndex: 'updateTime' |
| | | }, |
| | | { |
| | | title: '备注', |
| | | align: 'center', |
| | | dataIndex: 'remark' |
| | | }, |
| | | |
| | | // { |
| | | // title: '状态', |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x: true}" |
| | | > |
| | | <!--字符串超长截取省略号显示--> |
| | | <span |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x: true}" |
| | | > |
| | | <!--字符串超长截取省略号显示--> |
| | | <span |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x:true}" |
| | | > |
| | | <!--字符串超长截取省略号显示--> |
| | | <span |