houzhongjian
2024-07-23 8501060c4f921d1e744c477e4dc08eb47b52693c
提交 | 用户 | 时间
850106 1 <template>
H 2   <el-card shadow="never" class="aui-card--fill">
3     <el-form
4       :inline="true"
5       :model="dataForm"
6       @keyup.enter.native="getDataList()"
7     >
8       <el-form-item>
9         <el-input v-model="deviceName" placeholder="设备名称"></el-input>
10       </el-form-item>
11       <el-form-item>
12         <el-input v-model="故障码" placeholder="故障码"></el-input>
13       </el-form-item>
14       <el-form-item>
15         <el-button @click="getDataList()">{{ $t("query") }}</el-button>
16         <el-button @click="getDataList()">新增</el-button>
17         <el-button @click="getDataList()">导入</el-button>
18       </el-form-item>
19     </el-form>
20     <el-table
21       ref="table"
22       v-loading="dataListLoading"
23       :data="dataList"
24       border
25       style="width: 100%"
26       >``
27       <el-table-column
28         type="index"
29         header-align="center"
30         align="center"
31         width="50"
32         label="序号"
33       ></el-table-column>
34       <el-table-column
35         prop="deviceCode"
36         header-align="center"
37         align="center"
38         label="设备编号"
39       ></el-table-column>
40       <el-table-column
41         prop="deviceName"
42         header-align="center"
43         align="center"
44         label="设备名称"
45       ></el-table-column>
46       <el-table-column
47         prop="deviceDesc"
48         header-align="center"
49         align="center"
50         label="设备信息"
51       ></el-table-column>
52             <el-table-column
53         prop="workshop"
54         header-align="center"
55         align="center"
56         label="所属车间"
57       ></el-table-column>
58       <el-table-column
59         prop="specification"
60         header-align="center"
61         align="center"
62         label="规格型号"
63       ></el-table-column>
64       <el-table-column
65         prop="faultCode"
66         header-align="center"
67         align="center"
68         label="故障码"
69       ></el-table-column>
70       <el-table-column
71         prop="faultName"
72         header-align="center"
73         align="center"
74         label="故障名称"
75       ></el-table-column>
76       <el-table-column
77         prop="device"
78         header-align="center"
79         align="center"
80         label="解决方案"
81       ></el-table-column>
82       <el-table-column
83         prop="device"
84         header-align="center"
85         align="center"
86         label="备注"
87       ></el-table-column>
88       <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
89         <template slot-scope="scope">
90           <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
91           <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
92         </template>
93       </el-table-column>
94     </el-table>
95     <el-pagination
96       :current-page="page"
97       :page-sizes="[10, 20, 50, 100]"
98       :page-size="limit"
99       :total="total"
100       layout="total, sizes, prev, pager, next, jumper"
101       @size-change="pageSizeChangeHandle"
102       @current-change="pageCurrentChangeHandle"
103     >
104     </el-pagination>
105     <div style="width: 600px;height:400px;margin-left:auto;margin-right:auto ">
106     </div>
107   </el-card>
108 </template>
109
110 <script>
111 import mixinViewModule from "@/mixins/view-module";
112 import DictSelectTag from "@/components/dict/dict-select-tag";
113 import { exportByDom } from "@/utils/exportUtil";
114 import BarLine from "@/components/chart/bar-line";
115 export default {
116   mixins: [mixinViewModule],
117   components: {
118     BarLine,
119     DictSelectTag,
120   },
121   data() {
122     return {
123       loading: false,
124       mixinViewModuleOptions: {
125         // getDataListURL: "/iailab-ntt-taskassig/task/order-log/list",
126         getDataListIsPage: true,
127       },
128       chartOption: {},
129       dataList: [
130         {
131           deviceCode: 'CXJ01',
132           deviceName: '磁选机',
133           deviceDesc: '管理',
134           workshop: '',
135           specification: '',
136           faultCode: 'E001',
137           faultName: '电机故障',
138
139         }
140       ],
141       dataForm: {
142         orderType: "",
143         operation: "",
144         startTime: "",
145         endTime: "",
146       },
147     };
148   },
149   methods: {
150   },
151 };
152 </script>