|
@@ -106,7 +106,6 @@
|
|
|
<el-table
|
|
|
:data="AssemblyData"
|
|
|
style="width: 100%; margin-left: 20px"
|
|
|
- :row-class-name="tableRowClassName"
|
|
|
>
|
|
|
<el-table-column prop="number" label="编号"> </el-table-column>
|
|
|
<el-table-column prop="name" label="名称"> </el-table-column>
|
|
@@ -114,99 +113,174 @@
|
|
|
</el-table>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="螺栓紧固方案" name="third">
|
|
|
- <el-divider content-position="left"><span style="color:#1850ef">单同步</span></el-divider>
|
|
|
- <el-table
|
|
|
- :data="oneData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
- >
|
|
|
- <el-table-column prop="step" label="步骤">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="preload" label="标准预紧力(N*m)"> </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-divider content-position="left"><span style="color:#1850ef">两同步</span></el-divider>
|
|
|
- <el-table
|
|
|
- :data="twoData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
- >
|
|
|
- <el-table-column prop="step" label="步骤">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="preload" label="标准预紧力(N*m)"> </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-divider content-position="left"><span style="color:#1850ef">四同步</span></el-divider>
|
|
|
- <el-table
|
|
|
- :data="fourData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
- >
|
|
|
- <el-table-column prop="step" label="步骤">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="preload" label="标准预紧力(N*m)"> </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-divider content-position="left"><span style="color:#1850ef">六同步</span></el-divider>
|
|
|
- <el-table
|
|
|
- :data="sixData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
- >
|
|
|
- <el-table-column prop="step" label="步骤">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="preload" label="标准预紧力(N*m)"> </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <el-tabs tab-position="left" style="width: 100%; margin-left: 20px">
|
|
|
+ <el-tab-pane label="单同步">
|
|
|
+ <el-table :data="oneData" style="width: 100%">
|
|
|
+ <el-table-column prop="step" label="步骤"> </el-table-column>
|
|
|
+ <el-table-column prop="number" label="螺栓编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="preload" label="标准预紧力(N*m)">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange1"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="20"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="两同步">
|
|
|
+ <el-table :data="twoData" style="width: 100%">
|
|
|
+ <el-table-column prop="step" label="步骤"> </el-table-column>
|
|
|
+ <el-table-column prop="number" label="螺栓编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="preload" label="标准预紧力(N*m)">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange2"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="12"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="四同步">
|
|
|
+ <el-table :data="fourData" style="width: 100%">
|
|
|
+ <el-table-column prop="step" label="步骤"> </el-table-column>
|
|
|
+ <el-table-column prop="number" label="螺栓编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="preload" label="标准预紧力(N*m)">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange4"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="15"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="六同步">
|
|
|
+ <el-table :data="sixData" style="width: 100%">
|
|
|
+ <el-table-column prop="step" label="步骤"> </el-table-column>
|
|
|
+ <el-table-column prop="number" label="螺栓编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="preload" label="标准预紧力(N*m)">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange6"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="18"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="实时维保信息" name="fourth">
|
|
|
- <el-table
|
|
|
- :data="nowData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
- >
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
+ <el-table :data="nowData" style="width: 100%; margin-left: 20px">
|
|
|
+ <el-table-column prop="number" label="螺栓编号"> </el-table-column>
|
|
|
<el-table-column prop="real_preload" label="实际预紧力(N*m)">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="stand_preload" label="标准预紧力(N*m)">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="end_time" label="预紧结束时间">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="beng_no" label="液压泵编号">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="beng_no" label="液压泵编号"> </el-table-column>
|
|
|
<el-table-column prop="banshou_no" label="液压扳手编号">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="ways" label="紧固方式">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="ways" label="紧固方式"> </el-table-column>
|
|
|
<el-table-column prop="operator" label="操作员"> </el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange7"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="4"
|
|
|
+ />
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="历史维保记录" name="five">
|
|
|
- <el-table
|
|
|
- :data="historyData"
|
|
|
- style="width: 100%;margin-left: 20px"
|
|
|
+ <div class="search-box-area" id="searchBox" style="margin-left:20px">
|
|
|
+ <div class="search-item">
|
|
|
+ <el-input
|
|
|
+ placeholder="螺栓编号"
|
|
|
+ clearable
|
|
|
+ class="filter-item form-search-input fl"
|
|
|
+ @keyup.enter.native="handleSearch"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="search-item" style="margin-left:20px">
|
|
|
+ <el-input
|
|
|
+ placeholder="液压泵编号"
|
|
|
+ clearable
|
|
|
+ class="filter-item form-search-input fl"
|
|
|
+ @keyup.enter.native="handleSearch"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <el-button
|
|
|
+ style="margin-left:20px"
|
|
|
+ class="filter-item search fl"
|
|
|
+ icon="el-icon-search"
|
|
|
+ @click="handleSearch"
|
|
|
+ >搜索</el-button
|
|
|
>
|
|
|
- <el-table-column prop="number" label="螺栓编号">
|
|
|
- </el-table-column>
|
|
|
+ <el-button
|
|
|
+ style="margin-left:20px"
|
|
|
+ class="filter-item fl"
|
|
|
+ icon="el-icon-refresh"
|
|
|
+ @click="handleRefresh"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <el-table :data="historyData" style="width: 100%; margin-left: 20px">
|
|
|
+ <el-table-column prop="number" label="螺栓编号"> </el-table-column>
|
|
|
<el-table-column prop="real_preload" label="实际预紧力(N*m)">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="stand_preload" label="标准预紧力(N*m)">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="end_time" label="预紧结束时间">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="beng_no" label="液压泵编号">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="beng_no" label="液压泵编号"> </el-table-column>
|
|
|
<el-table-column prop="banshou_no" label="液压扳手编号">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="ways" label="紧固方式">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="ways" label="紧固方式"> </el-table-column>
|
|
|
<el-table-column prop="operator" label="操作员"> </el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange8"
|
|
|
+ :current-page="currentPage1"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ style="float:right"
|
|
|
+ :total="45"
|
|
|
+ />
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-drawer>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import toolData from './toolData'
|
|
|
+import oneData from './oneData'
|
|
|
+import twoData from './twoData'
|
|
|
+import fourData from './fourData'
|
|
|
+import sixData from './sixData'
|
|
|
+import nowData from './nowData'
|
|
|
+import historyData from './historyData'
|
|
|
export default {
|
|
|
props: ["detailVisible", "data"],
|
|
|
data() {
|
|
@@ -214,213 +288,43 @@ export default {
|
|
|
drawer: false,
|
|
|
direction: "rtl",
|
|
|
activeName: "first",
|
|
|
- AssemblyData: [
|
|
|
- {
|
|
|
- model: "v23300",
|
|
|
- name: "测试工具1",
|
|
|
- number: "2022030301",
|
|
|
- },
|
|
|
- {
|
|
|
- model: "v23301",
|
|
|
- name: "测试工具2",
|
|
|
- number: "2022030302",
|
|
|
- },
|
|
|
- {
|
|
|
- model: "v23302",
|
|
|
- name: "测试工具3",
|
|
|
- number: "2022030303",
|
|
|
- },
|
|
|
- {
|
|
|
- model: "v23303",
|
|
|
- name: "测试工具4",
|
|
|
- number: "2022030304",
|
|
|
- },
|
|
|
- ],
|
|
|
- oneData: [
|
|
|
- {
|
|
|
- step: 1,
|
|
|
- preload: "2120",
|
|
|
- number: "01",
|
|
|
- },
|
|
|
- {
|
|
|
- step: 2,
|
|
|
- preload: "2126",
|
|
|
- number: "02",
|
|
|
- }
|
|
|
- ],
|
|
|
- twoData: [
|
|
|
- {
|
|
|
- step: 1,
|
|
|
- preload: "2128",
|
|
|
- number: "03",
|
|
|
- },
|
|
|
- {
|
|
|
- step: 2,
|
|
|
- preload: "2100",
|
|
|
- number: "04",
|
|
|
- }
|
|
|
- ],
|
|
|
- fourData: [
|
|
|
- {
|
|
|
- step: 1,
|
|
|
- preload: "2128",
|
|
|
- number: "05",
|
|
|
- },
|
|
|
- {
|
|
|
- step: 2,
|
|
|
- preload: "2100",
|
|
|
- number: "06",
|
|
|
- }
|
|
|
- ],
|
|
|
- sixData: [
|
|
|
- {
|
|
|
- step: 1,
|
|
|
- preload: "2128",
|
|
|
- number: "07",
|
|
|
- },
|
|
|
- {
|
|
|
- step: 2,
|
|
|
- preload: "2100",
|
|
|
- number: "08",
|
|
|
- }
|
|
|
- ],
|
|
|
- nowData: [
|
|
|
- {
|
|
|
- number: '09',
|
|
|
- real_preload: "2128",
|
|
|
- stand_preload: "3000",
|
|
|
- end_time:'2022-03-02 15:31:54',
|
|
|
- beng_no:'200001',
|
|
|
- banshou_no:'300001',
|
|
|
- ways:'单同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 10,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3001",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'两同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 11,
|
|
|
- real_preload: "2139",
|
|
|
- stand_preload: "3002",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'四同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 12,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3003",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'六同步',
|
|
|
- operator:'张速'
|
|
|
- }
|
|
|
- ],
|
|
|
- historyData: [
|
|
|
- {
|
|
|
- number: 13,
|
|
|
- real_preload: "2128",
|
|
|
- stand_preload: "3005",
|
|
|
- end_time:'2022-03-02 15:31:54',
|
|
|
- beng_no:'200001',
|
|
|
- banshou_no:'300001',
|
|
|
- ways:'单同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 14,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3006",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'两同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 15,
|
|
|
- real_preload: "2139",
|
|
|
- stand_preload: "3007",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'四同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 16,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3008",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'六同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 17,
|
|
|
- real_preload: "2128",
|
|
|
- stand_preload: "3009",
|
|
|
- end_time:'2022-03-02 15:31:54',
|
|
|
- beng_no:'200001',
|
|
|
- banshou_no:'300001',
|
|
|
- ways:'单同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 18,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3010",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'两同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 19,
|
|
|
- real_preload: "2139",
|
|
|
- stand_preload: "3012",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'四同步',
|
|
|
- operator:'张速'
|
|
|
- },
|
|
|
- {
|
|
|
- number: 20,
|
|
|
- real_preload: "2129",
|
|
|
- stand_preload: "3013",
|
|
|
- end_time:'2022-03-02 16:31:44',
|
|
|
- beng_no:'200002',
|
|
|
- banshou_no:'300002',
|
|
|
- ways:'六同步',
|
|
|
- operator:'张速'
|
|
|
- }
|
|
|
- ],
|
|
|
+ AssemblyData: toolData,
|
|
|
+ oneData: oneData[0],
|
|
|
+ twoData: twoData[0],
|
|
|
+ fourData: fourData[0],
|
|
|
+ sixData: sixData[0],
|
|
|
+ nowData: nowData[0],
|
|
|
+ historyData: historyData[0],
|
|
|
+ pageSize: 10,
|
|
|
+ currentPage1: 1,
|
|
|
+ currentPage2: 5,
|
|
|
+ currentPage3: 5,
|
|
|
+ currentPage4: 1,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
handleClick(tab, event) {
|
|
|
- console.log(tab, event);
|
|
|
},
|
|
|
- tableRowClassName({ row, rowIndex }) {
|
|
|
- if (rowIndex === 1) {
|
|
|
- return "warning-row";
|
|
|
- } else if (rowIndex === 3) {
|
|
|
- return "success-row";
|
|
|
- }
|
|
|
- return "";
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.pageSize = val
|
|
|
+ },
|
|
|
+ handleCurrentChange1(val) {
|
|
|
+ this.oneData = oneData[val-1];
|
|
|
+ },
|
|
|
+ handleCurrentChange2(val) {
|
|
|
+ this.twoData = twoData[val-1];
|
|
|
+ },
|
|
|
+ handleCurrentChange4(val) {
|
|
|
+ this.fourData = fourData[val-1];
|
|
|
+ },
|
|
|
+ handleCurrentChange6(val) {
|
|
|
+ this.sixData = sixData[val-1];
|
|
|
+ },
|
|
|
+ handleCurrentChange7(val) {
|
|
|
+ this.nowData = nowData[val-1];
|
|
|
+ },
|
|
|
+ handleCurrentChange8(val) {
|
|
|
+ this.historyData = historyData[val-1];
|
|
|
},
|
|
|
},
|
|
|
computed: {
|
|
@@ -435,7 +339,8 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
-<style scoped>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ @import "@/views/device/hydraulic/index.scss";
|
|
|
.detail-item {
|
|
|
width: 100%;
|
|
|
padding: 15px 0px;
|
|
@@ -446,11 +351,4 @@ export default {
|
|
|
color: black;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
-.el-table .warning-row {
|
|
|
- background: oldlace !important;
|
|
|
-}
|
|
|
-
|
|
|
-.el-table .success-row {
|
|
|
- background: #f0f9eb !important;
|
|
|
-}
|
|
|
</style>
|