作业指导书轮播展示页面,对之前的作业指导书进行轮播适配处理

zkqy-ui/src/main.js

@@ -32,6 +32,10 @@ import "@packages/theme/index.scss";
 
 // bpmnPro end
 
+// 大屏适配
+import VScaleScreen from 'v-scale-screen'
+Vue.use(VScaleScreen)
+
 
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/zkqy.scss' // zkqy css

zkqy-ui/src/router/index.js

@@ -72,14 +72,14 @@ export const constantRoutes = [
         component: () => import('@/views/redirect')
       }
     ]
-   },
-   {
-      path: '/planTable/show/northWorkshop',
-      component: () => {
-        return import('@/views/orderMange/planTable/show/northWorkshop')
-      },
-      hidden: true
+  },
+  {
+    path: '/planTable/show/northWorkshop',
+    component: () => {
+      return import('@/views/orderMange/planTable/show/northWorkshop')
     },
+    hidden: true
+  },
   {
     path: '/planTable/show/southWorkshop',
     component: () => {
@@ -87,29 +87,36 @@ export const constantRoutes = [
     },
     hidden: true
   },
-    {
-      path: '/planTable/show/fankuang',
-      component: () => {
-        return import('@/views/orderMange/planTable/show/fankuang')
-      },
-      hidden: true
+  {
+    path: '/planTable/show/fankuang',
+    component: () => {
+      return import('@/views/orderMange/planTable/show/fankuang')
     },
-    {
-      path: '/planTable/show/fangsi',
-      component: () => {
-        return import('@/views/orderMange/planTable/show/fangsi')
-      },
-      hidden: true
+    hidden: true
+  },
+  {
+    path: '/planTable/show/fangsi',
+    component: () => {
+      return import('@/views/orderMange/planTable/show/fangsi')
     },
-    {
-      path: '/planTable/show/luotong',
-      component: () => {
-        return import('@/views/orderMange/planTable/show/luotong')
-      },
-      hidden: true
+    hidden: true
+  },
+  {
+    path: '/planTable/show/luotong',
+    component: () => {
+      return import('@/views/orderMange/planTable/show/luotong')
     },
+    hidden: true
+  },
+  {
+    path: '/gygl/swiperIndex',
+    component: () => {
+      return import('@/views/amichi/operationInstruction/swiperIndex')
+    },
+    hidden: true
+  },
 
-   {
+  {
     path: '/tableMange',
     component: Layout,
     hidden: true,

zkqy-ui/src/views/amichi/operationInstruction/components/attentionComp.vue

@@ -1,12 +1,31 @@
 <template>
-  <div class="attentionComp" :style="{borderBottom: isBorderBottom ? '1px solid #333': 0}">
+  <div
+    class="attentionComp"
+    :style="{ borderBottom: isBorderBottom ? '1px solid #333' : 0 }"
+  >
     <table>
       <tr>
-        <td  :style="{color: color}" style="font-size: 18px;text-align: center;border-bottom: 1px solid #333;padding: 0;">注意事项</td>
+        <td
+          :style="{ color: color }"
+          style="
+            font-size: 18px;
+            text-align: center;
+            border-bottom: 1px solid #333;
+            padding: 0;
+          "
+        >
+          注意事项
+        </td>
       </tr>
-      <tr>
+      <tr
+        :style="`height: ${Height ? Height : ''}; line-height: ${
+          lineHeight ? lineHeight : '30px'
+        }`"
+      >
         <td>
-          <div v-for="item in attentData" style="white-space: pre-wrap;">{{ item }}</div>
+          <div v-for="item in attentData" style="white-space: pre-wrap">
+            {{ item }}
+          </div>
         </td>
       </tr>
     </table>
@@ -15,39 +34,44 @@
 
 <script>
 export default {
-  name: 'attentionComp',
+  name: "attentionComp",
   props: {
     attentData: {
       type: Array,
       default: function () {
-        return [] // 或者[]
-      }
+        return []; // 或者[]
+      },
     },
     isBorderBottom: {
       type: Boolean,
-      default: false
+      default: false,
     },
     color: {
       type: String,
-      default: '#F93B39'
-    }
+      default: "#F93B39",
+    },
+    Height: {
+      type: String,
+      default: "",
+    },
+    lineHeight: {
+      type: String,
+      default: "",
+    },
   },
   data() {
-    return {
-    }
+    return {};
   },
-  methods: {
-
-  }
-}
+  methods: {},
+};
 </script>
 
 <style scoped>
- .attentionComp{
+.attentionComp {
   border: 1px solid #333;
   border-bottom: 0;
   /* height: calc(100vh - 320px); */
- }
+}
 /* 表格样式 */
 table {
   width: 100%;

zkqy-ui/src/views/amichi/operationInstruction/components/auxiliaryTools.vue

@@ -1,18 +1,19 @@
 <template>
   <div class="parameterComp">
-
-    <table :style="{borderTop: isBorderTop ? '0' : ''}">
-      <tr>
-        <td style=" font-size: 18px;" :style="{color: color}">所需辅助工装 量具 工具</td>
+    <table :style="{ borderTop: isBorderTop ? '0' : '' }">
+      <tr :style="`line-height: ${trHeight ? '40px' : 'auto'}`">
+        <td style="font-size: 24px" :style="{ color: color }">
+          所需辅助工装 量具 工具
+        </td>
       </tr>
 
-      <tr>
+      <tr :style="`line-height: ${trHeight ? '32px' : 'auto'}`">
         <td class="td">{{ tableData.type }}</td>
       </tr>
-      <tr>
+      <tr :style="`line-height: ${trHeight ? '32px' : 'auto'}`">
         <td>{{ tableData.wire }}</td>
       </tr>
-      <tr>
+      <tr :style="`line-height: ${trHeight ? '32px' : 'auto'}`">
         <td>{{ tableData.specs }}</td>
       </tr>
     </table>
@@ -21,31 +22,32 @@
 
 <script>
 export default {
-  name: 'auxiliaryTools',
+  name: "auxiliaryTools",
   props: {
     tableData: {
       type: Object,
       default: function () {
-        return {} // 或者[]
-      }
+        return {}; // 或者[]
+      },
     },
     isBorderTop: {
       type: Boolean,
-      default: false
+      default: false,
     },
     color: {
       type: String,
-      default: '#005BAE'
-    }
+      default: "#005BAE",
+    },
+    trHeight: {
+      type: Number,
+      default: 0,
+    },
   },
   data() {
-    return {
-    }
+    return {};
   },
-  methods: {
-
-  }
-}
+  methods: {},
+};
 </script>
 
 <style scoped>
@@ -60,7 +62,6 @@ table {
   height: 23px;
 }
 
-
 th,
 td {
   border: 1px solid #333;

zkqy-ui/src/views/amichi/operationInstruction/components/parameterComp.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="parameterComp">
-    <table v-if="type == 1">
+    <table v-if="type == 1" :style="`lineHeight:${trHeight || 16}px`">
       <tr>
-        <td colspan="4" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+        <td colspan="4" style="color: #005bae; font-size: 18px; border-top: 0">
+          {{ title }}
+        </td>
       </tr>
       <tr>
         <td v-for="(item, index) in headData" :key="index">{{ item }}</td>
@@ -16,38 +18,50 @@
     </table>
     <table v-if="type == 2">
       <tr>
-        <td colspan="4" style="color: #005BAE; font-size: 18px;border-top: 0;">224/48槽 绝缘材料规格表<br>150mm铁芯为例</td>
+        <td colspan="4" style="color: #005bae; font-size: 18px; border-top: 0">
+          224/48槽 绝缘材料规格表<br />150mm铁芯为例
+        </td>
       </tr>
       <tr v-for="(item, index) in tableData" :key="index">
         <td>{{ item.name }}</td>
         <td colspan="3">{{ item.value }}</td>
       </tr>
       <tr>
-        <td colspan="4" style="text-align: left;padding: 15px;">
-          槽纸/薄膜=铁芯长+15<br>
+        <td colspan="4" style="text-align: left; padding: 15px">
+          槽纸/薄膜=铁芯长+15<br />
           层间绝缘纸=铁芯长+120
         </td>
       </tr>
     </table>
     <table v-if="type == 3">
       <tr>
-        <td :colspan="headData.length" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+        <td
+          :colspan="headData.length"
+          style="color: #005bae; font-size: 18px; border-top: 0"
+        >
+          {{ title }}
+        </td>
       </tr>
       <tr>
         <td v-for="(item, index) in headData" :key="index">{{ item }}</td>
       </tr>
       <tr v-for="(item, index) in tableData" :key="index">
         <td>{{ item.type }}</td>
-        <td style="white-space: pre-wrap;">{{ item.wire }}</td>
+        <td style="white-space: pre-wrap">{{ item.wire }}</td>
         <td>{{ item.num }}</td>
         <td>{{ item.specs }}</td>
         <td>{{ item.size }}</td>
-        <td style="white-space: pre-wrap;">{{ item.line }}</td>
+        <td style="white-space: pre-wrap">{{ item.line }}</td>
       </tr>
     </table>
     <table v-if="type == 4">
       <tr>
-        <td :colspan="headData.length" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+        <td
+          :colspan="headData.length"
+          style="color: #005bae; font-size: 18px; border-top: 0"
+        >
+          {{ title }}
+        </td>
       </tr>
       <tr>
         <td v-for="(item, index) in headData" :key="index">{{ item }}</td>
@@ -57,15 +71,21 @@
         <td>{{ item.wire }}</td>
         <td>{{ item.num }}</td>
         <td>{{ item.specs }}</td>
-        <td v-if="item.size" :rowspan="index == 0 || index == 3 ? 2 : 1">{{ item.size }}</td>
+        <td v-if="item.size" :rowspan="index == 0 || index == 3 ? 2 : 1">
+          {{ item.size }}
+        </td>
       </tr>
       <tr>
-        <td :colspan="headData.length" style="color: #F93B39;padding: 10px;">注意：螺栓连接深度尺寸是指《驱动片及垫片的厚度》除外的数值</td>
+        <td :colspan="headData.length" style="color: #f93b39; padding: 10px">
+          注意：螺栓连接深度尺寸是指《驱动片及垫片的厚度》除外的数值
+        </td>
       </tr>
     </table>
     <table v-if="type == 5">
       <tr>
-        <td colspan="4" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+        <td colspan="4" style="color: #005bae; font-size: 18px; border-top: 0">
+          {{ title }}
+        </td>
       </tr>
       <tr>
         <td>环境温度</td>
@@ -88,7 +108,9 @@
     </table>
     <table v-if="type == 6">
       <tr>
-        <td colspan="4" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+        <td colspan="4" style="color: #005bae; font-size: 18px; border-top: 0">
+          {{ title }}
+        </td>
       </tr>
       <tr>
         <td>设备</td>
@@ -132,43 +154,46 @@
 
 <script>
 export default {
-  name: 'parameterComp',
+  name: "parameterComp",
   props: {
     tableData: {
       type: Array,
       default: function () {
-        return [] // 或者[]
-      }
+        return []; // 或者[]
+      },
     },
     type: {
       type: String,
-      default: '1'
+      default: "1",
     },
     headData: {
       type: Array,
       default: function () {
-        return []// 或者[]
-      }
+        return []; // 或者[]
+      },
     },
     title: {
       type: String,
-      default: ''
+      default: "",
     },
     objData: {
       type: Object,
       default: function () {
-        return {} // 或者[]
-      }
-    }
+        return {}; // 或者[]
+      },
+    },
+    trHeight: {
+      type: Number,
+      default: 0,
+    },
   },
   data() {
-    return {
-    }
+    return {};
   },
   computed: {
     formattedWire(wire) {
-      return wire.replace(' ', '<br>');
-    }
+      return wire.replace(" ", "<br>");
+    },
   },
   methods: {
     cellStayle(row, colum, rowIndex, columnIndex) {
@@ -176,8 +201,8 @@ export default {
 
       // row.row.viewFlag 为tableData中的属性
     },
-  }
-}
+  },
+};
 </script>
 
 <style scoped>

zkqy-ui/src/views/amichi/operationInstruction/components/stepImgComp.vue

@@ -3,19 +3,29 @@
     <template v-if="col == 3">
       <div class="box" v-for="(item, index) in data" :key="index">
         <div v-if="item.bigImg" class="bigImg">
-          <div style="display: flex;">
-            <img :src="item.bigImg" style="width: 70%;" class="Img">
-            <img :src="item.bigImg1" style="width: 30%;">
+          <div style="display: flex">
+            <img :src="item.bigImg" style="width: 70%" class="Img" />
+            <img :src="item.bigImg1" style="width: 30%" />
           </div>
           <div class="textPOSI">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
-            <div v-for="(i, j) in item.text" style="white-space: pre-wrap;">{{ j + 1 }}、{{ i }}</div>
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
+            <div v-for="(i, j) in item.text" style="white-space: pre-wrap">
+              {{ j + 1 }}、{{ i }}
+            </div>
           </div>
         </div>
-        <div class="boxItem" v-else>
-          <img :src="item.img" :style="{ height: height }" class="img">
-          <div style="color: #FF003B;" class="step">{{ item.step }}</div>
-          <div v-for="(i, j) in item.text" v-if="item.step">{{ j + 1 }}、{{ i }}</div>
+        <div class="boxItem" style="width: 30%" v-else>
+          <img :src="item.img" :style="{ height: height }" class="img" />
+          <div style="color: #ff003b; width: 300px" class="step">
+            {{ item.step }}
+          </div>
+          <div
+            style="width: 300px"
+            v-for="(i, j) in item.text"
+            v-if="item.step"
+          >
+            {{ j + 1 }}、{{ i }}
+          </div>
         </div>
       </div>
     </template>
@@ -23,26 +33,29 @@
       <div class="box4" v-for="(item, index) in data" :key="index">
         <div class="boxItem">
           <div v-if="index == 5">
-            <img :src="item.img" :style="{ height: '250px',width: '250%', paddingLeft: '40px' }" class="img">
+            <img
+              :src="item.img"
+              :style="{ height: '280px', width: '250%', paddingLeft: '40px' }"
+              class="img"
+            />
           </div>
           <div v-else-if="index == 4">
-            <img :src="item.img" :style="{ height: '250px',}" class="img">
+            <img :src="item.img" :style="{ height: '280px' }" class="img" />
           </div>
-          <img :src="item.img" v-else :style="{ height: height }" class="img">
+          <img :src="item.img" v-else :style="{ height: height }" class="img" />
 
-          <div v-if="index == 0" style="width: 120%; padding-left: 30px;">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+          <div v-if="index == 0" style="width: 120%; padding-left: 30px">
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
           <div v-if="index == 1" class="step2">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
-          <div v-if="index == 3" style="margin-left: -40px;">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+          <div v-if="index == 3" style="margin-left: -40px">
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
-
         </div>
       </div>
     </template>
@@ -55,57 +68,56 @@
           <div v-else-if="index == 4">
             <img :src="item.img" :style="{ height: '250px',}" class="img0">
           </div> -->
-          <img :src="item.img"  :style="{ width: item.width }" class="img0">
+          <img :src="item.img" :style="{ width: item.width }" class="img0" />
 
-          <div v-if="index == 0" style="width: 120%;">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+          <div v-if="index == 0" style="width: 120%">
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
           <div v-if="index == 1" class="step2">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
-          <div v-if="index == 4 ||index == 5" style="margin-left: 1%;position: absolute;width: 15%;">
-            <div style="color: #FF003B;" class="step">{{ item.step }}</div>
+          <div
+            v-if="index == 4 || index == 5"
+            style="margin-left: 1%; position: absolute; width: 15%"
+          >
+            <div style="color: #ff003b" class="step">{{ item.step }}</div>
             <div v-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
           </div>
-
         </div>
       </div>
     </template>
-
   </div>
 </template>
 <script>
-import { string } from '@/components/updateModule/k-form-design/lib/k-form-design.common';
+import { string } from "@/components/updateModule/k-form-design/lib/k-form-design.common";
 
 export default {
   props: {
     data: {
       type: Array,
       default: function () {
-        return [] // 或者[]
-      }
+        return []; // 或者[]
+      },
     },
     height: {
       type: String,
-      default: ''
+      default: "",
     },
     type: {
       type: String,
-      default: ''
+      default: "",
     },
     col: {
       type: String,
-      default: '3'
-    }
+      default: "3",
+    },
   },
   data() {
-    return {
-
-    }
-  }
-}
+    return {};
+  },
+};
 </script>
 
 <style scoped>
@@ -149,7 +161,6 @@ export default {
 }
 .Img {
   height: 280px;
-
 }
 
 .textPOSI {
@@ -159,8 +170,8 @@ export default {
 }
 
 .img {
-  width: 260px;
-  height: 145px;
+  width: 300px;
+  height: 170px;
 }
 
 .container1 {

zkqy-ui/src/views/amichi/operationInstruction/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="120px"
+    >
       <el-form-item label="作业指导书名称" prop="instructionName">
         <el-input
           v-model="queryParams.instructionName"
@@ -18,8 +25,16 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -32,7 +47,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['system:instruction:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -43,7 +59,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['system:instruction:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -54,7 +71,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['system:instruction:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -64,26 +82,57 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['system:instruction:export']"
-        >导出</el-button>
+          >导出</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" style="margin-top: 20px" :data="instructionList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      style="margin-top: 20px"
+      :data="instructionList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="指导书名称" align="center" prop="instructionName" />
+      <el-table-column
+        label="指导书名称"
+        align="center"
+        prop="instructionName"
+      />
       <el-table-column label="作业名" align="center" prop="jobName" />
-      <el-table-column label="描述" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="描述"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
-          <el-dropdown @command="(command)=>{handleCommand(command, scope.row)}">
+          <el-dropdown
+            @command="
+              (command) => {
+                handleCommand(command, scope.row);
+              }
+            "
+          >
             <el-button type="warning">
               操作<i class="el-icon-arrow-down el-icon--right"></i>
             </el-button>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item  icon="el-icon-edit"  command="catOperationInstruction">查看作业指导书</el-dropdown-item>
-              <el-dropdown-item  icon="el-icon-edit"  command="handleUpdate">修改</el-dropdown-item>
-              <el-dropdown-item  icon="el-icon-delete" command="handleDelete">删除</el-dropdown-item>
+              <el-dropdown-item
+                icon="el-icon-edit"
+                command="catOperationInstruction"
+                >查看作业指导书</el-dropdown-item
+              >
+              <el-dropdown-item icon="el-icon-edit" command="handleUpdate"
+                >修改</el-dropdown-item
+              >
+              <el-dropdown-item icon="el-icon-delete" command="handleDelete"
+                >删除</el-dropdown-item
+              >
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -91,7 +140,7 @@
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -102,7 +151,10 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="110px">
         <el-form-item label="作业指导书名称" prop="instructionName">
-          <el-input v-model="form.instructionName" placeholder="请输入作业指导书名称" />
+          <el-input
+            v-model="form.instructionName"
+            placeholder="请输入作业指导书名称"
+          />
         </el-form-item>
         <el-form-item label="作业名称" prop="jobName">
           <el-input v-model="form.jobName" placeholder="请输入作业名称" />
@@ -110,12 +162,12 @@
         <el-form-item label="组件名称" prop="componentPath">
           <el-input v-model="form.componentPath" placeholder="请输入组件名称" />
         </el-form-item>
-<!--        <el-form-item label="路由地址" prop="routingAddress">-->
-<!--          <el-input v-model="form.routingAddress" placeholder="请输入路由地址" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="备注" prop="remark">-->
-<!--          <el-input v-model="form.remark" placeholder="请输入备注" />-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="路由地址" prop="routingAddress">-->
+        <!--          <el-input v-model="form.routingAddress" placeholder="请输入路由地址" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="备注" prop="remark">-->
+        <!--          <el-input v-model="form.remark" placeholder="请输入备注" />-->
+        <!--        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -123,55 +175,84 @@
       </div>
     </el-dialog>
     <!-- 查看作业指导书 -->
-    <el-dialog :title="catOperationInstructionTitle" :visible.sync="catOperationInstructionBoolean" width="1500px" append-to-body>
+    <el-dialog
+      :title="catOperationInstructionTitle"
+      :visible.sync="catOperationInstructionBoolean"
+      width="1500px"
+      append-to-body
+    >
       <!-- 动态加载组件 -->
       <component :is="catOperationInstructionCurrentComponent"></component>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="catOperationInstructionBoolean=false">确 定</el-button>
-        <el-button @click="catOperationInstructionBoolean=false">取 消</el-button>
+        <el-button
+          type="primary"
+          @click="catOperationInstructionBoolean = false"
+          >确 定</el-button
+        >
+        <el-button @click="catOperationInstructionBoolean = false"
+          >取 消</el-button
+        >
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listMaterialInfo, getMaterialInfo, delMaterialInfo, addMaterialInfo, updateMaterialInfo } from "@/api/amichi/materiel/materialInfo";
-import driverInstallation from '@/views/amichi/operationInstruction/page/driverInstallation.vue';
-import excitationStator from '@/views/amichi/operationInstruction/page/excitationStator.vue';
-import statorCore from '@/views/amichi/operationInstruction/page/statorCore.vue';
-import statorPressFit from '@/views/amichi/operationInstruction/page/statorPressFit.vue';
-import StatorWireEmbedding from '@/views/amichi/operationInstruction/page/StatorWireEmbedding.vue';
-import { listInstruction, getInstruction, delInstruction, addInstruction, updateInstruction } from "@/api/amichi/operationInstruction/instruction";
+import {
+  listMaterialInfo,
+  getMaterialInfo,
+  delMaterialInfo,
+  addMaterialInfo,
+  updateMaterialInfo,
+} from "@/api/amichi/materiel/materialInfo";
+import driverInstallation from "@/views/amichi/operationInstruction/page/driverInstallation.vue";
+import excitationStator from "@/views/amichi/operationInstruction/page/excitationStator.vue";
+import statorCore from "@/views/amichi/operationInstruction/page/statorCore.vue";
+import statorPressFit from "@/views/amichi/operationInstruction/page/statorPressFit.vue";
+import StatorWireEmbedding from "@/views/amichi/operationInstruction/page/StatorWireEmbedding.vue";
+import {
+  listInstruction,
+  getInstruction,
+  delInstruction,
+  addInstruction,
+  updateInstruction,
+} from "@/api/amichi/operationInstruction/instruction";
 
 export default {
   name: "MaterialInfo",
   dicts: ["wlsx"],
   data() {
     return {
-      catOperationInstructionTitle: '',
+      catOperationInstructionTitle: "",
       catOperationInstructionCurrentComponent: "", // 默认显示ComponentA
-      catOperationInstructionBoolean:false,
-      tableData: [{
-        id:"1",
-        title: '励磁定子自动绕线工序作业指导书',
-        path: '/excitationStator',
-      }, {
-        id:"3",
-        title: '定子嵌线工序作业指导书',
-        path: '/StatorWireEmbedding',
-      }, {
-        id:"4",
-        title: '驱动片安装工序作业指导书',
-        path: '/driverInstallation',
-      }, {
-        id:"5",
-        title: '定子铁芯焊接作业指导书',
-        path: '/statorCore',
-      }, {
-        id:"6",
-        title: '定子压装工序作业指导书',
-        path: '/statorPressFit',
-      }],
+      catOperationInstructionBoolean: false,
+      tableData: [
+        {
+          id: "1",
+          title: "励磁定子自动绕线工序作业指导书",
+          path: "/excitationStator",
+        },
+        {
+          id: "3",
+          title: "定子嵌线工序作业指导书",
+          path: "/StatorWireEmbedding",
+        },
+        {
+          id: "4",
+          title: "驱动片安装工序作业指导书",
+          path: "/driverInstallation",
+        },
+        {
+          id: "5",
+          title: "定子铁芯焊接作业指导书",
+          path: "/statorCore",
+        },
+        {
+          id: "6",
+          title: "定子压装工序作业指导书",
+          path: "/statorPressFit",
+        },
+      ],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -207,25 +288,27 @@ export default {
         dataApprovalStatus: null,
         processKey: null,
         taskProcessKey: null,
-        taskNodeKey: null
+        taskNodeKey: null,
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         materialCode: [
-          { required: true, message: "物料编码不能为空", trigger: "blur" }
+          { required: true, message: "物料编码不能为空", trigger: "blur" },
         ],
         materialName: [
-          { required: true, message: "物料名称不能为空", trigger: "blur" }
-        ],
-        unit: [
-          { required: true, message: "单位不能为空", trigger: "blur" }
+          { required: true, message: "物料名称不能为空", trigger: "blur" },
         ],
+        unit: [{ required: true, message: "单位不能为空", trigger: "blur" }],
         attribute: [
-          { required: true, message: "属性 0自制 1外购不能为空", trigger: "blur" }
+          {
+            required: true,
+            message: "属性 0自制 1外购不能为空",
+            trigger: "blur",
+          },
         ],
-      }
+      },
     };
   },
   components: {
@@ -251,14 +334,14 @@ export default {
     handleCommand(command, row) {
       switch (command) {
         case "handleUpdate":
-          this.handleUpdate(row)
+          this.handleUpdate(row);
           break;
         case "handleDelete":
-          this.handleDelete(row)
+          this.handleDelete(row);
           break;
         case "catOperationInstruction":
-          this.catOperationInstructionBoolean= true;
-          this.handleClick(row)
+          this.catOperationInstructionBoolean = true;
+          this.handleClick(row);
           break;
         default:
           break;
@@ -271,7 +354,7 @@ export default {
     /** 查询物料信息列表 */
     getList() {
       this.loading = true;
-      listInstruction(this.queryParams).then(response => {
+      listInstruction(this.queryParams).then((response) => {
         this.instructionList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -301,7 +384,7 @@ export default {
         dataApprovalStatus: null,
         processKey: null,
         taskProcessKey: null,
-        taskNodeKey: null
+        taskNodeKey: null,
       };
       this.resetForm("form");
     },
@@ -317,9 +400,9 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -330,8 +413,8 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getInstruction(id).then(response => {
+      const id = row.id || this.ids;
+      getInstruction(id).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改物料信息";
@@ -339,18 +422,18 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            this.form.typeOfOperation=1
-            updateInstruction(this.form).then(response => {
+            this.form.typeOfOperation = 1;
+            updateInstruction(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            this.form.typeOfOperation=0
-            addInstruction(this.form).then(response => {
+            this.form.typeOfOperation = 0;
+            addInstruction(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -362,19 +445,27 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除作业指导书编号为"' + ids + '"的数据项？').then(function() {
-        return delInstruction(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除作业指导书编号为"' + ids + '"的数据项？')
+        .then(function () {
+          return delInstruction(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('system/instruction/export', {
-        ...this.queryParams
-      }, `instruction_${new Date().getTime()}.xlsx`)
-    }
-  }
+      this.download(
+        "system/instruction/export",
+        {
+          ...this.queryParams,
+        },
+        `instruction_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>

zkqy-ui/src/views/amichi/operationInstruction/page/StatorWireEmbedding.vue

@@ -1,31 +1,37 @@
 <template>
   <div class="container">
     <div class="borderline">
-    <titleComp :titleData="titleData" title="定子嵌线工序作业指导书"></titleComp>
-    <el-row>
-      <el-col :span="6">
-        <parameterComp :tableData="paramData" type="2"></parameterComp>
-        <div class="line"></div>
-        <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
-        <div class="line"></div>
-        <attentionComp :attentData="attentionCont"></attentionComp>
-      </el-col>
-      <el-col :span="18">
-        <stepImgComp :data="stepImgData" height="169px"></stepImgComp>
-      </el-col>
-    </el-row>
-  </div>
-  <footerComp></footerComp>
+      <titleComp
+        :titleData="titleData"
+        title="定子嵌线工序作业指导书"
+      ></titleComp>
+      <el-row>
+        <el-col :span="6">
+          <parameterComp :tableData="paramData" type="2"></parameterComp>
+          <div class="line"></div>
+          <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
+          <div class="line"></div>
+          <attentionComp
+            :attentData="attentionCont"
+            :Height="'450px'"
+          ></attentionComp>
+        </el-col>
+        <el-col :span="18">
+          <stepImgComp :data="stepImgData" height="169px"></stepImgComp>
+        </el-col>
+      </el-row>
+    </div>
+    <footerComp></footerComp>
   </div>
 </template>
 
 <script>
-import titleComp from '@/views/amichi/operationInstruction/components/titleComp.vue';
-import parameterComp from '@/views/amichi/operationInstruction/components/parameterComp.vue';
-import auxiliaryTools from '@/views/amichi/operationInstruction/components/auxiliaryTools.vue';
-import attentionComp from '@/views/amichi/operationInstruction/components/attentionComp.vue';
-import stepImgComp from '@/views/amichi/operationInstruction/components/stepImgComp.vue';
-import footerComp from '@/views/amichi/operationInstruction/components/footerComp.vue'
+import titleComp from "@/views/amichi/operationInstruction/components/titleComp.vue";
+import parameterComp from "@/views/amichi/operationInstruction/components/parameterComp.vue";
+import auxiliaryTools from "@/views/amichi/operationInstruction/components/auxiliaryTools.vue";
+import attentionComp from "@/views/amichi/operationInstruction/components/attentionComp.vue";
+import stepImgComp from "@/views/amichi/operationInstruction/components/stepImgComp.vue";
+import footerComp from "@/views/amichi/operationInstruction/components/footerComp.vue";
 export default {
   components: {
     titleComp,
@@ -33,113 +39,144 @@ export default {
     auxiliaryTools,
     attentionComp,
     stepImgComp,
-    footerComp
+    footerComp,
   },
   data() {
     return {
       titleData: {
-        type: '全系列',
-        number: 'QYDG-SOP022',
-        dep: '电工',
-        version: 'A',
-        procedure: '嵌线',
-        page: '1/1',
-        org: '叶梦珪',
-        orgDate: '2023/1/11',
-        exa: '陈光',
-        exaDep: '技术部',
-        approval: '陈兰生',
-        approvalDate: ''
+        type: "全系列",
+        number: "QYDG-SOP022",
+        dep: "电工",
+        version: "A",
+        procedure: "嵌线",
+        page: "1/1",
+        org: "叶梦珪",
+        orgDate: "2023/1/11",
+        exa: "陈光",
+        exaDep: "技术部",
+        approval: "陈兰生",
+        approvalDate: "",
       },
-      paramData: [{
-        name: '槽纸',
-        value: 'L165xW82xH0.2'
-      },{
-        name: '薄膜',
-        value: 'L165xW82xH0.1'
-      },{
-        name: '层间绝缘',
-        value: 'L270xW20xH0.2'
-      },{
-        name: '相间绝缘',
-        value: 'L220xW57xH0.2'
-      },{
-        name: '槽楔',
-        value: 'L165xW7xH1.5'
-      }],
+      paramData: [
+        {
+          name: "槽纸",
+          value: "L165xW82xH0.2",
+        },
+        {
+          name: "薄膜",
+          value: "L165xW82xH0.1",
+        },
+        {
+          name: "层间绝缘",
+          value: "L270xW20xH0.2",
+        },
+        {
+          name: "相间绝缘",
+          value: "L220xW57xH0.2",
+        },
+        {
+          name: "槽楔",
+          value: "L165xW7xH1.5",
+        },
+      ],
       toolsData: {
-        type: '定子吊具，滚动铁圈',
-        wire: '钢直尺 千分尺',
-        specs: '橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀'
+        type: "定子吊具，滚动铁圈",
+        wire: "钢直尺 千分尺",
+        specs: "橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀",
       },
       attentionCont: [
-        '1.槽绝缘，槽楔，层间绝缘，不得高出定子铁心内圆，两端长度应相等。',
-        '2.开始嵌线暂不嵌的上层边要理好，用手轻轻压平，注意不要损伤绝缘。',
-        '3.上层边和下层边连线要理好，嵌入线圈下层边时要防止连线弯曲和擦破漆膜，造成匝间短路。',
-        '4.垫相间绝缘时，应覆盖住层间绝缘上面，且与槽楔相碰。',
-        '5.每嵌完一个（或一组）线圈后，应将其端部压下，或用竹板垫住，用铁锤轻轻敲打竹板，使其稍向外扩张，以利后面线圈嵌线。',
-        '6.嵌线时要仔细整好线型，把线理直放入槽中，必要时分几次放入。',
-        '7.嵌线中不得用铁制工具直接与导线接触。',
-        '8.嵌线中不允许有导线绝缘损伤及槽底绝缘破裂现象，否则必须重新调换。',
-        '9.嵌线中端部整型不得过分用力以致损伤绝缘。',
-        '10.嵌完成后，检查相间绝缘是否垫好，端部是否整齐。'
+        "1.槽绝缘，槽楔，层间绝缘，不得高出定子铁心内圆，两端长度应相等。",
+        "2.开始嵌线暂不嵌的上层边要理好，用手轻轻压平，注意不要损伤绝缘。",
+        "3.上层边和下层边连线要理好，嵌入线圈下层边时要防止连线弯曲和擦破漆膜，造成匝间短路。",
+        "4.垫相间绝缘时，应覆盖住层间绝缘上面，且与槽楔相碰。",
+        "5.每嵌完一个（或一组）线圈后，应将其端部压下，或用竹板垫住，用铁锤轻轻敲打竹板，使其稍向外扩张，以利后面线圈嵌线。",
+        "6.嵌线时要仔细整好线型，把线理直放入槽中，必要时分几次放入。",
+        "7.嵌线中不得用铁制工具直接与导线接触。",
+        "8.嵌线中不允许有导线绝缘损伤及槽底绝缘破裂现象，否则必须重新调换。",
+        "9.嵌线中端部整型不得过分用力以致损伤绝缘。",
+        "10.嵌完成后，检查相间绝缘是否垫好，端部是否整齐。",
       ],
-      stepImgData: [{
-        step: '步骤一',
-        img: require('@/assets/operationInstructionimgs/dzqx1.png'),
-        text: [' 清洁要嵌线的工件；', '工件用专用吊具以内径定位定子外圆塞入铁圈；', '依上图示，镶入槽纸、薄膜（注意核对槽纸尺寸）;', '依上图示，注意定子放置位置。']
-      }, {
-        step: '步骤二',
-        img: require('@/assets/operationInstructionimgs/dzqx2.png'),
-        text: ['依上图示，面向前端，人位于工件右侧；', '下线第一槽位置于《224定子为例》两筋棒中间位置；', '下线时注意漆包线不得接触铁芯。']
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzqx3.png'),
-        text: []
-      }, {
-        step: '步骤三',
-        img: require('@/assets/operationInstructionimgs/dzqx4.png'),
-        text: ['依次将线圈嵌入定子；', ' 注意层间绝缘放置，两端露出线圈端部；', ' 注意用竹板敲击线圈端部成型并注意力度，保证端部槽纸不折裂损坏。']
-      }, {
-        step: '步骤四',
-        img: require('@/assets/operationInstructionimgs/dzqx5.png'),
-        text: ['插入槽签须保持两端平整，不得少于5MM；', '槽签应压紧槽线，不得露出槽纸、槽膜；', '相邻两相须插入相间绝缘纸，确保相间隔断绝缘。']
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzqx6.png'),
-        text: []
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzqx7.png'),
-        text: []
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzqx8.png'),
-        text: []
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzqx9.png'),
-        text: []
-      },]
-    }
-  }
-}
+      stepImgData: [
+        {
+          step: "步骤一",
+          img: require("@/assets/operationInstructionimgs/dzqx1.png"),
+          text: [
+            " 清洁要嵌线的工件；",
+            "工件用专用吊具以内径定位定子外圆塞入铁圈；",
+            "依上图示，镶入槽纸、薄膜（注意核对槽纸尺寸）;",
+            "依上图示，注意定子放置位置。",
+          ],
+        },
+        {
+          step: "步骤二",
+          img: require("@/assets/operationInstructionimgs/dzqx2.png"),
+          text: [
+            "依上图示，面向前端，人位于工件右侧；",
+            "下线第一槽位置于《224定子为例》两筋棒中间位置；",
+            "下线时注意漆包线不得接触铁芯。",
+          ],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzqx3.png"),
+          text: [],
+        },
+        {
+          step: "步骤三",
+          img: require("@/assets/operationInstructionimgs/dzqx4.png"),
+          text: [
+            "依次将线圈嵌入定子；",
+            " 注意层间绝缘放置，两端露出线圈端部；",
+            " 注意用竹板敲击线圈端部成型并注意力度，保证端部槽纸不折裂损坏。",
+          ],
+        },
+        {
+          step: "步骤四",
+          img: require("@/assets/operationInstructionimgs/dzqx5.png"),
+          text: [
+            "插入槽签须保持两端平整，不得少于5MM；",
+            "槽签应压紧槽线，不得露出槽纸、槽膜；",
+            "相邻两相须插入相间绝缘纸，确保相间隔断绝缘。",
+          ],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzqx6.png"),
+          text: [],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzqx7.png"),
+          text: [],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzqx8.png"),
+          text: [],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzqx9.png"),
+          text: [],
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
 .container {
   padding: 30px;
-  background: linear-gradient(to bottom, #74D9FB, #fff);
+  background: linear-gradient(to bottom, #74d9fb, #fff);
 }
 .borderline {
   border: 1.5px solid #333;
   border-bottom: 2.5px solid #333;
   border-right: 2.5px solid #333;
-
 }
 .line {
-  height: 30px;
+  height: 50px;
   border-left: 1px solid #333;
 }
 </style>
-

zkqy-ui/src/views/amichi/operationInstruction/page/driverInstallation.vue

@@ -1,31 +1,52 @@
 <template>
   <div class="container">
     <div class="borderline">
-    <titleComp :titleData="titleData" title="驱动片安装工序作业指导书"></titleComp>
-    <el-row>
-      <el-col :span="8">
-        <parameterComp :tableData="paramData" :headData="headData" type="3" title="发电机接口尺寸"></parameterComp>
-        <parameterComp :tableData="paramData1" :headData="headData1" type="4" title="螺栓扭矩参数表"></parameterComp>
-        <div class="line"></div>
-        <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
-        <attentionComp :attentData="attentionCont" style="border-top: 0;"></attentionComp>
-      </el-col>
-      <el-col :span="16">
-        <stepImgComp :data="stepImgData" height="130px" type="qdp"></stepImgComp>
-      </el-col>
-    </el-row>
-  </div>
-  <footerComp></footerComp>
+      <titleComp
+        :titleData="titleData"
+        title="驱动片安装工序作业指导书"
+      ></titleComp>
+      <el-row>
+        <el-col :span="8">
+          <parameterComp
+            :tableData="paramData"
+            :headData="headData"
+            type="3"
+            title="发电机接口尺寸"
+          ></parameterComp>
+          <parameterComp
+            :tableData="paramData1"
+            :headData="headData1"
+            type="4"
+            title="螺栓扭矩参数表"
+          ></parameterComp>
+          <div class="line"></div>
+          <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
+          <attentionComp
+            :attentData="attentionCont"
+            style="border-top: 0"
+            lineHeight="20px"
+          ></attentionComp>
+        </el-col>
+        <el-col :span="16">
+          <stepImgComp
+            :data="stepImgData"
+            height="130px"
+            type="qdp"
+          ></stepImgComp>
+        </el-col>
+      </el-row>
+    </div>
+    <footerComp></footerComp>
   </div>
 </template>
 
 <script>
-import titleComp from '@/views/amichi/operationInstruction/components/titleComp.vue';
-import parameterComp from '@/views/amichi/operationInstruction/components/parameterComp.vue';
-import auxiliaryTools from '@/views/amichi/operationInstruction/components/auxiliaryTools.vue';
-import attentionComp from '@/views/amichi/operationInstruction/components/attentionComp.vue';
-import stepImgComp from '@/views/amichi/operationInstruction/components/stepImgComp.vue';
-import footerComp from '@/views/amichi/operationInstruction/components/footerComp.vue'
+import titleComp from "@/views/amichi/operationInstruction/components/titleComp.vue";
+import parameterComp from "@/views/amichi/operationInstruction/components/parameterComp.vue";
+import auxiliaryTools from "@/views/amichi/operationInstruction/components/auxiliaryTools.vue";
+import attentionComp from "@/views/amichi/operationInstruction/components/attentionComp.vue";
+import stepImgComp from "@/views/amichi/operationInstruction/components/stepImgComp.vue";
+import footerComp from "@/views/amichi/operationInstruction/components/footerComp.vue";
 export default {
   components: {
     titleComp,
@@ -33,181 +54,227 @@ export default {
     auxiliaryTools,
     attentionComp,
     stepImgComp,
-    footerComp
+    footerComp,
   },
   data() {
     return {
       titleData: {
-        type: '164-454',
-        number: 'QYZP-SOP001',
-        dep: '组装',
-        version: 'A',
-        procedure: '驱动片安装',
-        page: '1/1',
-        org: '',
-        orgDate: '2023/1/11',
-        exa: '',
-        exaDep: '技术部',
-        approval: '',
-        approvalDate: ''
+        type: "164-454",
+        number: "QYZP-SOP001",
+        dep: "组装",
+        version: "A",
+        procedure: "驱动片安装",
+        page: "1/1",
+        org: "",
+        orgDate: "2023/1/11",
+        exa: "",
+        exaDep: "技术部",
+        approval: "",
+        approvalDate: "",
       },
-      headData: ['法兰接口', '接口尺寸', '等分圆/安装孔', '盘片型号〃', 'AN尺寸mm', '外径'],
-      paramData: [{
-        type: '00#',
-        wire: '787.4\n787.27',
-        num: '851/16X14(11.25°)',
-        specs: '6.5”',
-        size: '30.2',
-        line: '215.77\n215.85'
-      },{
-        type: '0#',
-        wire: '647.57\n647.70',
-        num: '679.5/12-14(11.25°)',
-        specs: '7.5”',
-        size: '30.2',
-        line: '241.17\n241.25'
-      },{
-        type: '0.5#',
-        wire: '584.09\n584.20',
-        num: '619.1/12X14(15°)',
-        specs: '8”',
-        size: '62',
-        line: '263.40\n263.47'
-      },{
-        type: '1#',
-        wire: '511.06\n511.17',
-        num: '530.2/12/12.7(15°)',
-        specs: '10”',
-        size: '53.8',
-        line: '314.22\n314.27'
-      }, {
-        type: '2#',
-        wire: '447.57\n447.67',
-        num: '466.7/12x12.7(15°)',
-        specs: '11.5”',
-        size: '39.6',
-        line: '352.32\n352.37'
-      },{
-        type: '3#',
-        wire: '409.57\n409.47',
-        num: '428.6/8x11.0(15°)',
-        specs: '14”',
-        size: '25.4',
-        line: '466.574\n466.65'
-      },{
-        type: '4#',
-        wire: '361.95\n361.86',
-        num: '381/8x11.0(15°)',
-        specs: '18”',
-        size: '15.7',
-        line: '571.374\n571.450'
-      },{
-        type: '5#',
-        wire: '314.35\n314.25',
-        num: '333.3/8x11.0(22.5°)',
-        specs: '21”',
-        size: '0',
-        line: '672.976\n673.05'
-      },{
-        type: '6#',
-        wire: '266.62\n266.7',
-        num: '另一端与5#前盖对接',
-        specs: '24”',
-        size: '0',
-        line: '733.3'
-      }],
-      headData1: ['型号', '螺栓 12.9级', '螺栓连接深度', '扭矩设定(Nm)', '驱动片用量×厚度'],
-      paramData1: [{
-        type: 'QY164/184',
-        wire: '内六角 M10',
-        num: '20~25',
-        specs: '70±10',
-        size: '2×1.5',
-      },{
-        type: 'QY184HJ',
-        wire: '内六角 M12',
-        num: '25~30',
-        specs: '100±10',
-        size: '',
-      },{
-        type: 'QY224',
-        wire: '内六角 M16',
-        num: '25~30',
-        specs: '240±20',
-        size: '3×1.2',
-      },{
-        type: 'QY274',
-        wire: '内六角 M16',
-        num: '25~30',
-        specs: '240±20',
-        size: '4×1.2',
-      }, {
-        type: 'QY4',
-        wire: '内六角 M20',
-        num: '35~40',
-        specs: '480±20',
-        size: '',
-      },{
-        type: 'QY5',
-        wire: '内六角 M20',
-        num: '35~40',
-        specs: '480±20',
-        size: '5×1.2'
-      },{
-        type: 'QY6/7',
-        wire: '内六角 M24',
-        num: '40~45',
-        specs: '780±20',
-        size: '6×1.2',
-      }],
+      headData: [
+        "法兰接口",
+        "接口尺寸",
+        "等分圆/安装孔",
+        "盘片型号〃",
+        "AN尺寸mm",
+        "外径",
+      ],
+      paramData: [
+        {
+          type: "00#",
+          wire: "787.4\n787.27",
+          num: "851/16X14(11.25°)",
+          specs: "6.5”",
+          size: "30.2",
+          line: "215.77\n215.85",
+        },
+        {
+          type: "0#",
+          wire: "647.57\n647.70",
+          num: "679.5/12-14(11.25°)",
+          specs: "7.5”",
+          size: "30.2",
+          line: "241.17\n241.25",
+        },
+        {
+          type: "0.5#",
+          wire: "584.09\n584.20",
+          num: "619.1/12X14(15°)",
+          specs: "8”",
+          size: "62",
+          line: "263.40\n263.47",
+        },
+        {
+          type: "1#",
+          wire: "511.06\n511.17",
+          num: "530.2/12/12.7(15°)",
+          specs: "10”",
+          size: "53.8",
+          line: "314.22\n314.27",
+        },
+        {
+          type: "2#",
+          wire: "447.57\n447.67",
+          num: "466.7/12x12.7(15°)",
+          specs: "11.5”",
+          size: "39.6",
+          line: "352.32\n352.37",
+        },
+        {
+          type: "3#",
+          wire: "409.57\n409.47",
+          num: "428.6/8x11.0(15°)",
+          specs: "14”",
+          size: "25.4",
+          line: "466.574\n466.65",
+        },
+        {
+          type: "4#",
+          wire: "361.95\n361.86",
+          num: "381/8x11.0(15°)",
+          specs: "18”",
+          size: "15.7",
+          line: "571.374\n571.450",
+        },
+        {
+          type: "5#",
+          wire: "314.35\n314.25",
+          num: "333.3/8x11.0(22.5°)",
+          specs: "21”",
+          size: "0",
+          line: "672.976\n673.05",
+        },
+        {
+          type: "6#",
+          wire: "266.62\n266.7",
+          num: "另一端与5#前盖对接",
+          specs: "24”",
+          size: "0",
+          line: "733.3",
+        },
+      ],
+      headData1: [
+        "型号",
+        "螺栓 12.9级",
+        "螺栓连接深度",
+        "扭矩设定(Nm)",
+        "驱动片用量×厚度",
+      ],
+      paramData1: [
+        {
+          type: "QY164/184",
+          wire: "内六角 M10",
+          num: "20~25",
+          specs: "70±10",
+          size: "2×1.5",
+        },
+        {
+          type: "QY184HJ",
+          wire: "内六角 M12",
+          num: "25~30",
+          specs: "100±10",
+          size: "",
+        },
+        {
+          type: "QY224",
+          wire: "内六角 M16",
+          num: "25~30",
+          specs: "240±20",
+          size: "3×1.2",
+        },
+        {
+          type: "QY274",
+          wire: "内六角 M16",
+          num: "25~30",
+          specs: "240±20",
+          size: "4×1.2",
+        },
+        {
+          type: "QY4",
+          wire: "内六角 M20",
+          num: "35~40",
+          specs: "480±20",
+          size: "",
+        },
+        {
+          type: "QY5",
+          wire: "内六角 M20",
+          num: "35~40",
+          specs: "480±20",
+          size: "5×1.2",
+        },
+        {
+          type: "QY6/7",
+          wire: "内六角 M24",
+          num: "40~45",
+          specs: "780±20",
+          size: "6×1.2",
+        },
+      ],
       toolsData: {
-        type: '',
-        wire: '200-1000Nm数显扭矩仪 游标卡尺 螺纹通止规',
-        specs: '白色防松记号笔 气动扳手'
+        type: "",
+        wire: "200-1000Nm数显扭矩仪 游标卡尺 螺纹通止规",
+        specs: "白色防松记号笔 气动扳手",
       },
       attentionCont: [
-        '1.作业时应根据生产订单BOM要求，对应AN尺寸，领用螺栓、平垫圈驱动片、垫块；',
+        "1.作业时应根据生产订单BOM要求，对应AN尺寸，领用螺栓、平垫圈驱动片、垫块；",
         `2.气动扳手型号与管径配置如下：\n 1/2气动扳手配外径 12气管，适用M16及以下螺栓； \n 3/4气动扳手配外径 16气管，适用M20-M24 螺栓；`,
-        '3.当工作气压＜0.6Mpa应停止检查；',
-        '4.驱动片安装后必须用防松记号笔依顺序划记'
+        "3.当工作气压＜0.6Mpa应停止检查；",
+        "4.驱动片安装后必须用防松记号笔依顺序划记",
       ],
-      stepImgData: [{
-        step: '步骤一',
-        img: require('@/assets/operationInstructionimgs/qdp1.png'),
-        text: ['清洁轴端螺孔铁屑，并用通止规检查螺纹是否合格；', '用深度尺检查螺纹深度是否符合图面要求。']
-      }, {
-        step: '步骤二',
-        img: require('@/assets/operationInstructionimgs/qdp2.png'),
-        text: ['气压调整到0.75-0.85Mpa；', '依图示顺序安装驱动片；', '首件用数显扭矩仪进行扭矩检测。']
-      }, {
-        step: '步骤三',
-        img: require('@/assets/operationInstructionimgs/qdp3.png'),
-        text: ['螺栓安装时须按顺序进行锁紧；', '安装好的驱动片依图示用防松记号笔标记。']
-      }, {
-        step: '步骤四',
-        bigImg: require('@/assets/operationInstructionimgs/qdp4.png'),
-        bigImg1: require('@/assets/operationInstructionimgs/qdp5.png'),
-        text: ['驱动片依订单需求用固定架或尼龙扎带进行固定以防止\n运输过程转子脱出造成损坏。']
-      }]
-    }
-  }
-}
+      stepImgData: [
+        {
+          step: "步骤一",
+          img: require("@/assets/operationInstructionimgs/qdp1.png"),
+          text: [
+            "清洁轴端螺孔铁屑，并用通止规检查螺纹是否合格；",
+            "用深度尺检查螺纹深度是否符合图面要求。",
+          ],
+        },
+        {
+          step: "步骤二",
+          img: require("@/assets/operationInstructionimgs/qdp2.png"),
+          text: [
+            "气压调整到0.75-0.85Mpa；",
+            "依图示顺序安装驱动片；",
+            "首件用数显扭矩仪进行扭矩检测。",
+          ],
+        },
+        {
+          step: "步骤三",
+          img: require("@/assets/operationInstructionimgs/qdp3.png"),
+          text: [
+            "螺栓安装时须按顺序进行锁紧；",
+            "安装好的驱动片依图示用防松记号笔标记。",
+          ],
+        },
+        {
+          step: "步骤四",
+          bigImg: require("@/assets/operationInstructionimgs/qdp4.png"),
+          bigImg1: require("@/assets/operationInstructionimgs/qdp5.png"),
+          text: [
+            "驱动片依订单需求用固定架或尼龙扎带进行固定以防止\n运输过程转子脱出造成损坏。",
+          ],
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
 .container {
   padding: 30px;
-  background: linear-gradient(to bottom, #74D9FB, #fff);
+  background: linear-gradient(to bottom, #74d9fb, #fff);
 }
 .borderline {
   border: 1.5px solid #333;
   border-bottom: 2.5px solid #333;
   border-right: 2.5px solid #333;
-
 }
 .line {
   height: 10px;
   border-left: 1px solid #333;
 }
 </style>
-

zkqy-ui/src/views/amichi/operationInstruction/page/excitationStator.vue

@@ -1,31 +1,42 @@
 <template>
   <div class="container">
     <div class="borderline">
-    <titleComp :titleData="titleData" title="励磁定子自动绕线工序作业指导书"></titleComp>
-    <el-row>
-      <el-col :span="6">
-        <parameterComp :tableData="paramData" :headData="headData" title="励磁定子自动绕线参数表"></parameterComp>
-        <div class="line"></div>
-        <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
-        <div class="line"></div>
-        <attentionComp :attentData="attentionCont"></attentionComp>
-      </el-col>
-      <el-col :span="18">
-        <stepImgComp :data="stepImgData"></stepImgComp>
-      </el-col>
-    </el-row>
-  </div>
-  <footerComp></footerComp>
+      <titleComp
+        :titleData="titleData"
+        title="励磁定子自动绕线工序作业指导书"
+      ></titleComp>
+      <el-row>
+        <el-col :span="6">
+          <parameterComp
+            :trHeight="30"
+            :tableData="paramData"
+            :headData="headData"
+            title="励磁定子自动绕线参数表"
+          ></parameterComp>
+          <div class="line"></div>
+          <auxiliaryTools
+            :trHeight="32"
+            :tableData="toolsData"
+          ></auxiliaryTools>
+          <div class="line"></div>
+          <attentionComp :attentData="attentionCont"></attentionComp>
+        </el-col>
+        <el-col :span="18">
+          <stepImgComp :data="stepImgData"></stepImgComp>
+        </el-col>
+      </el-row>
+    </div>
+    <footerComp></footerComp>
   </div>
 </template>
 
 <script>
-import titleComp from '@/views/amichi/operationInstruction/components/titleComp.vue';
-import parameterComp from '@/views/amichi/operationInstruction/components/parameterComp.vue';
-import auxiliaryTools from '@/views/amichi/operationInstruction/components/auxiliaryTools.vue';
-import attentionComp from '@/views/amichi/operationInstruction/components/attentionComp.vue';
-import stepImgComp from '@/views/amichi/operationInstruction/components/stepImgComp.vue';
-import footerComp from '@/views/amichi/operationInstruction/components/footerComp.vue'
+import titleComp from "@/views/amichi/operationInstruction/components/titleComp.vue";
+import parameterComp from "@/views/amichi/operationInstruction/components/parameterComp.vue";
+import auxiliaryTools from "@/views/amichi/operationInstruction/components/auxiliaryTools.vue";
+import attentionComp from "@/views/amichi/operationInstruction/components/attentionComp.vue";
+import stepImgComp from "@/views/amichi/operationInstruction/components/stepImgComp.vue";
+import footerComp from "@/views/amichi/operationInstruction/components/footerComp.vue";
 export default {
   components: {
     titleComp,
@@ -33,144 +44,183 @@ export default {
     auxiliaryTools,
     attentionComp,
     stepImgComp,
-    footerComp
+    footerComp,
   },
   data() {
     return {
       titleData: {
-        type: '全系列',
-        number: 'QYDG-SOP007',
-        dep: '电工',
-        version: 'A',
-        procedure: '励磁定子绕嵌',
-        page: '1/1',
-        org: '',
-        orgDate: '2023/1/11',
-        exa: '',
-        exaDep: '技术部',
-        approval: '',
-        approvalDate: ''
+        type: "全系列",
+        number: "QYDG-SOP007",
+        dep: "电工",
+        version: "A",
+        procedure: "励磁定子绕嵌",
+        page: "1/1",
+        org: "",
+        orgDate: "2023/1/11",
+        exa: "",
+        exaDep: "技术部",
+        approval: "",
+        approvalDate: "",
       },
-      paramData: [{
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 1
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 2
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 3
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 4
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 5
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 6
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 7
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 8
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 9
-      }],
-      headData: ['定子型号', '线径', '匝数', '对应程序/规格'],
+      paramData: [
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 1,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 2,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 3,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 4,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 5,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 6,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 7,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 8,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 9,
+        },
+      ],
+      headData: ["定子型号", "线径", "匝数", "对应程序/规格"],
       toolsData: {
-        type: '定子吊具，滚动铁圈',
-        wire: '钢直尺 千分尺',
-        specs: '橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀'
+        type: "定子吊具，滚动铁圈",
+        wire: "钢直尺 千分尺",
+        specs: "橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀",
       },
       attentionCont: [
-        '1.作业前检查漆包线规格、厂牌、铁芯型号及长度；',
-        '2.在铁芯槽两端插入塑料绝缘件；',
-        '3.铁芯放入工作台有定位角度要求，依据步骤图示放置；',
-        '4.工作台及大齿轮周边禁止放置任何工具及配件；',
-        '5.当更换铁芯型号及长度，必须用手动单段模式运行，确保无误，再切入自动运行；',
-        '6.每班必须在六角轴X2、丝杆X1、铜套光轴X2加注润滑油；',
-        '7.每班检查电器柜风扇是否有在运行；',
-        '8.设备运行中禁止更换程序；',
-        '9.出现异常及时按下急停按钮；',
-        '10.复位/单步只能在手动模式下进行。'
+        "1.作业前检查漆包线规格、厂牌、铁芯型号及长度；",
+        "2.在铁芯槽两端插入塑料绝缘件；",
+        "3.铁芯放入工作台有定位角度要求，依据步骤图示放置；",
+        "4.工作台及大齿轮周边禁止放置任何工具及配件；",
+        "5.当更换铁芯型号及长度，必须用手动单段模式运行，确保无误，再切入自动运行；",
+        "6.每班必须在六角轴X2、丝杆X1、铜套光轴X2加注润滑油；",
+        "7.每班检查电器柜风扇是否有在运行；",
+        "8.设备运行中禁止更换程序；",
+        "9.出现异常及时按下急停按钮；",
+        "10.复位/单步只能在手动模式下进行。",
       ],
-      stepImgData: [{
-        step: '步骤一',
-        img: require('@/assets/operationInstructionimgs/pic1.png'),
-        text: ['用空压气清洁要绕线的励磁定子铁芯；', '插入两端绝缘塑料件，注意要贴合平整。']
-      }, {
-        step: '步骤二',
-        img: require('@/assets/operationInstructionimgs/pic2.png'),
-        text: ['根据励磁定子自动绕线参数表选择漆包线线规；', '漆包线依次穿过导线轮，拉出引出线，用压线气缸夹紧。']
-      }, {
-        step: '步骤三',
-        img: require('@/assets/operationInstructionimgs/pic3.png'),
-        text: ['初始工作及更换型号及铁芯长度需复位机械原点；', '根据励磁定子自动绕线参数表选择程序。']
-      }, {
-        step: '步骤四',
-        img: require('@/assets/operationInstructionimgs/pic4.png'),
-        text: ['根据励磁定子铁芯调整压紧气缸、压线气缸、勾线气缸。']
-      }, {
-        step: '步骤五',
-        img: require('@/assets/operationInstructionimgs/pic5.png'),
-        text: ['点击启动，开始绕线；', '进行第一段绕制，需检查线嘴位置（在槽型中间处方可）。']
-      }, {
-        step: '步骤六',
-        img: require('@/assets/operationInstructionimgs/pic6.png'),
-        text: ['为确保程序及各机械位置准确调整，切换手动模式单段运行；', '手动模式确认无误后切换至自动绕制。']
-      }, {
-        step: '步骤七',
-        img: require('@/assets/operationInstructionimgs/pic7.png'),
-        text: ['设备运行中禁止更换程序；', '出现异常及时按下停止按钮。']
-      }, {
-        step: '步骤八',
-        img: require('@/assets/operationInstructionimgs/pic8.png'),
-        text: ['当所有槽绕完，机器会自动停下来；', '剪下线头注意剪刀不能碰到绕组。']
-      }, {
-        step: '步骤九',
-        img: require('@/assets/operationInstructionimgs/pic9.png'),
-        text: ['取下绕好的励磁定子；', '换上待绕制的励磁铁芯，按下启动，开始下一个绕制。']
-      },]
-    }
-  }
-}
+      stepImgData: [
+        {
+          step: "步骤一",
+          img: require("@/assets/operationInstructionimgs/pic1.png"),
+          text: [
+            "用空压气清洁要绕线的励磁定子铁芯；",
+            "插入两端绝缘塑料件，注意要贴合平整。",
+          ],
+        },
+        {
+          step: "步骤二",
+          img: require("@/assets/operationInstructionimgs/pic2.png"),
+          text: [
+            "根据励磁定子自动绕线参数表选择漆包线线规；",
+            "漆包线依次穿过导线轮，拉出引出线，用压线气缸夹紧。",
+          ],
+        },
+        {
+          step: "步骤三",
+          img: require("@/assets/operationInstructionimgs/pic3.png"),
+          text: [
+            "初始工作及更换型号及铁芯长度需复位机械原点；",
+            "根据励磁定子自动绕线参数表选择程序。",
+          ],
+        },
+        {
+          step: "步骤四",
+          img: require("@/assets/operationInstructionimgs/pic4.png"),
+          text: ["根据励磁定子铁芯调整压紧气缸、压线气缸、勾线气缸。"],
+        },
+        {
+          step: "步骤五",
+          img: require("@/assets/operationInstructionimgs/pic5.png"),
+          text: [
+            "点击启动，开始绕线；",
+            "进行第一段绕制，需检查线嘴位置（在槽型中间处方可）。",
+          ],
+        },
+        {
+          step: "步骤六",
+          img: require("@/assets/operationInstructionimgs/pic6.png"),
+          text: [
+            "为确保程序及各机械位置准确调整，切换手动模式单段运行；",
+            "手动模式确认无误后切换至自动绕制。",
+          ],
+        },
+        {
+          step: "步骤七",
+          img: require("@/assets/operationInstructionimgs/pic7.png"),
+          text: ["设备运行中禁止更换程序；", "出现异常及时按下停止按钮。"],
+        },
+        {
+          step: "步骤八",
+          img: require("@/assets/operationInstructionimgs/pic8.png"),
+          text: [
+            "当所有槽绕完，机器会自动停下来；",
+            "剪下线头注意剪刀不能碰到绕组。",
+          ],
+        },
+        {
+          step: "步骤九",
+          img: require("@/assets/operationInstructionimgs/pic9.png"),
+          text: [
+            "取下绕好的励磁定子；",
+            "换上待绕制的励磁铁芯，按下启动，开始下一个绕制。",
+          ],
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
 .container {
   padding: 30px;
-  background: linear-gradient(to bottom, #74D9FB, #fff);
+  background: linear-gradient(to bottom, #74d9fb, #fff);
 }
 .borderline {
   border: 1.5px solid #333;
   border-bottom: 2.5px solid #333;
   border-right: 2.5px solid #333;
-
 }
 .line {
-  height: 30px;
+  height: 25px;
   border-left: 1px solid #333;
 }
 </style>
-

zkqy-ui/src/views/amichi/operationInstruction/page/statorCore.vue

@@ -1,46 +1,72 @@
 <template>
   <div class="container">
     <div class="borderline">
-      <titleComp :titleData="titleData" title="定子铁芯焊接作业指导书"></titleComp>
+      <titleComp
+        :titleData="titleData"
+        title="定子铁芯焊接作业指导书"
+      ></titleComp>
       <el-row>
         <el-col :span="6">
-          <parameterComp :tableData="paramData" :headData="headData" title="作业参数表" type="5"></parameterComp>
+          <parameterComp
+            :tableData="paramData"
+            :headData="headData"
+            title="作业参数表"
+            type="5"
+          ></parameterComp>
           <!-- <div class="line"></div> -->
-          <auxiliaryTools :isBorderTop="true" :tableData="toolsData"></auxiliaryTools>
+          <auxiliaryTools
+            :isBorderTop="true"
+            :tableData="toolsData"
+          ></auxiliaryTools>
           <!-- <div class="line"></div> -->
-          <attentionComp :isBorderBottom="true" style="border-top: 0;" :attentData="attentionCont"></attentionComp>
+          <attentionComp
+            :isBorderBottom="true"
+            style="border-top: 0"
+            :attentData="attentionCont"
+          ></attentionComp>
         </el-col>
         <el-col :span="18">
-          <stepImgComp :data="stepImgData" col="4"></stepImgComp>
+          <stepImgComp
+            :data="stepImgData"
+            col="4"
+            :height="'230px'"
+          ></stepImgComp>
         </el-col>
       </el-row>
+      <div class="line"></div>
       <el-row>
         <el-col :span="6">
           <table class="table">
             <tr>
               <td>型号</td>
-              <td>L<br>筋棒肩长</td>
-              <td colspan="3">焊棒用量<br>（长度45~50mm 10统一规格)<br>铁芯长/焊棒数量</td>
+              <td>L<br />筋棒肩长</td>
+              <td colspan="3">
+                焊棒用量<br />（长度45~50mm 10统一规格)<br />铁芯长/焊棒数量
+              </td>
               <td>定子外径</td>
             </tr>
             <tr v-for="(item, index) in leftBottomData" :key="index">
               <td>{{ item.type }}</td>
               <td>{{ item.Ljc }}</td>
               <td rowspan="5" v-if="item.num1">{{ item.num1 }}</td>
-              <td :rowspan="index == 0 ? 2 : 1" v-if="item.num2">{{ item.num2 }}</td>
-              <td :rowspan="index == 0 ? 2 : 1" v-if="item.num3">{{ item.num3 }}</td>
+              <td :rowspan="index == 0 ? 2 : 1" v-if="item.num2">
+                {{ item.num2 }}
+              </td>
+              <td :rowspan="index == 0 ? 2 : 1" v-if="item.num3">
+                {{ item.num3 }}
+              </td>
               <td rowspan="5" v-if="item.len">{{ item.len }}</td>
             </tr>
           </table>
         </el-col>
         <el-col :span="2">
-          <div style="height: 1px;"></div>
+          <div style="height: 1px"></div>
         </el-col>
         <el-col :span="16">
           <table class="table1">
             <tr>
               <td rowspan="3">型号</td>
-              <td rowspan="3">焊接<br>项目</td>
+              <td rowspan="3">焊接<br />项目</td>
               <td colspan="5">焊接参数设置表</td>
               <td colspan="3">其他参数</td>
             </tr>
@@ -54,14 +80,18 @@
               <td rowspan="2"></td>
             </tr>
             <tr>
-              <td >氩弧焊<br>
-                锐龙315-B</td>
-              <td >气保焊<br>
-                佳士NBC-350</td>
+              <td>
+                氩弧焊<br />
+                锐龙315-B
+              </td>
+              <td>
+                气保焊<br />
+                佳士NBC-350
+              </td>
             </tr>
             <tr>
               <td rowspan="2">164/184</td>
-              <td style="height: 35px;">铁芯</td>
+              <td style="height: 35px">铁芯</td>
               <td></td>
               <td></td>
               <td>203</td>
@@ -77,16 +107,16 @@
               <td>●</td>
               <td>11.9</td>
               <td>29.5</td>
-              <td>聚力<br>
-                JL-YJQ5011 1.2mm</td>
-              <td style="width: 100px;"></td>
-              <td style="width: 100px;"></td>
-              <td style="width: 100px;"></td>
+              <td>
+                聚力<br />
+                JL-YJQ5011 1.2mm
+              </td>
+              <td style="width: 100px"></td>
+              <td style="width: 100px"></td>
+              <td style="width: 100px"></td>
             </tr>
           </table>
         </el-col>
-
-
       </el-row>
     </div>
     <footerComp></footerComp>
@@ -94,12 +124,12 @@
 </template>
 
 <script>
-import titleComp from '@/views/amichi/operationInstruction/components/titleComp.vue';
-import parameterComp from '@/views/amichi/operationInstruction/components/parameterComp.vue';
-import auxiliaryTools from '@/views/amichi/operationInstruction/components/auxiliaryTools.vue';
-import attentionComp from '@/views/amichi/operationInstruction/components/attentionComp.vue';
-import stepImgComp from '@/views/amichi/operationInstruction/components/stepImgComp.vue';
-import footerComp from '@/views/amichi/operationInstruction/components/footerComp.vue'
+import titleComp from "@/views/amichi/operationInstruction/components/titleComp.vue";
+import parameterComp from "@/views/amichi/operationInstruction/components/parameterComp.vue";
+import auxiliaryTools from "@/views/amichi/operationInstruction/components/auxiliaryTools.vue";
+import attentionComp from "@/views/amichi/operationInstruction/components/attentionComp.vue";
+import stepImgComp from "@/views/amichi/operationInstruction/components/stepImgComp.vue";
+import footerComp from "@/views/amichi/operationInstruction/components/footerComp.vue";
 export default {
   components: {
     titleComp,
@@ -107,154 +137,200 @@ export default {
     auxiliaryTools,
     attentionComp,
     stepImgComp,
-    footerComp
+    footerComp,
   },
   data() {
     return {
       titleData: {
-        type: '164/184',
-        number: 'QYHJ-SOP001',
-        dep: '焊接',
-        version: 'A',
-        procedure: '焊接',
-        page: '1/1',
-        org: '',
-        orgDate: '2023/1/11',
-        exa: '',
-        exaDep: '技术部',
-        approval: '',
-        approvalDate: ''
+        type: "164/184",
+        number: "QYHJ-SOP001",
+        dep: "焊接",
+        version: "A",
+        procedure: "焊接",
+        page: "1/1",
+        org: "",
+        orgDate: "2023/1/11",
+        exa: "",
+        exaDep: "技术部",
+        approval: "",
+        approvalDate: "",
       },
-      paramData: [{
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 1
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 2
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 3
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 4
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 5
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 6
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 7
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 8
-      }, {
-        type: '164/25',
-        wire: 'Ø 0.71',
-        num: '250',
-        specs: 9
-      }],
-      headData: ['定子型号', '线径', '匝数', '对应程序/规格'],
+      paramData: [
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 1,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 2,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 3,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 4,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 5,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 6,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 7,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 8,
+        },
+        {
+          type: "164/25",
+          wire: "Ø 0.71",
+          num: "250",
+          specs: 9,
+        },
+      ],
+      headData: ["定子型号", "线径", "匝数", "对应程序/规格"],
       toolsData: {
-        type: '筋棒定位块 焊棒 斜键',
-        wire: '游标卡尺 钢直尺 钢直角尺',
-        specs: '铜制榔头 气动扳手'
+        type: "筋棒定位块 焊棒 斜键",
+        wire: "游标卡尺 钢直尺 钢直角尺",
+        specs: "铜制榔头 气动扳手",
       },
       attentionCont: [
-        '1.定子焊接时注意调整焊机参数，并清洁工装；',
-        '2.注意积片斜槽及积长尺寸，筋棒与工装结合面须平齐不得有间隙；',
-        '3.铁芯需用槽芯棒整平;',
-        '4.锁模压力、焊接电流要调正确；',
-        '5.焊缝不得有开裂、缩孔等缺陷；',
-        '6.首件焊接好，要做好各参数检验，如同心度、平行、铁芯长度、筋棒长度等关键首检，方可批量生产。'
+        "1.定子焊接时注意调整焊机参数，并清洁工装；",
+        "2.注意积片斜槽及积长尺寸，筋棒与工装结合面须平齐不得有间隙；",
+        "3.铁芯需用槽芯棒整平;",
+        "4.锁模压力、焊接电流要调正确；",
+        "5.焊缝不得有开裂、缩孔等缺陷；",
+        "6.首件焊接好，要做好各参数检验，如同心度、平行、铁芯长度、筋棒长度等关键首检，方可批量生产。",
       ],
-      stepImgData: [{
-        step: '步骤一',
-        img: require('@/assets/operationInstructionimgs/dztx1.png'),
-        text: ['依技术图面对应的铁芯片放置于工装', '注意斜槽角度是否与图面一致', '铁芯片数量是否符合图纸要求', '调整好叠片压力（依作业参数表）进行调整']
-      }, {
-        step: '步骤二',
-        img: require('@/assets/operationInstructionimgs/dztx2.png'),
-        text: ['依图示位置进行焊接铁芯，焊接参数参考（焊接参数设置表）；', '铁芯焊接后，依图面要求将对应图号的筋棒放入工装 ，装夹固定；', '使用槽芯棒整平铁芯；', '筋棒焊接与焊棒使用数量参考下列表格；', '筋棒焊接时，注意前后端方向，不可颠倒。']
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dztx3.png'),
-        text: []
-      }, {
-        step: '步骤三',
-        img: require('@/assets/operationInstructionimgs/dztx4.png'),
-        text: ['筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；', '然后分段对角焊接，以减小焊接后造成热应力；', '圆款定子可免除上述步骤。']
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dztx5.png'),
-        text: ['筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；', '然后分段对角焊接，以减小焊接后造成热应力；', '圆款定子可免除上述步骤。']
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dztx6.png'),
-        text: ['筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；', '然后分段对角焊接，以减小焊接后造成热应力；', '圆款定子可免除上述步骤。']
-      }],
-      leftBottomData: [{
-        type: '164AB',
-        Ljc: '229',
-        num1: '164、184',
-        num2: '50-120',
-        num3: '11＋1',
-        len: '275'
-      }, {
-        type: '164CD',
-        Ljc: '256',
-        num1: '',
-        num2: '',
-        num3: '',
-        len: ''
-      }, {
-        type: '184E',
-        Ljc: '296',
-        num1: '',
-        num2: '130-150',
-        num3: '1＋2',
-        len: ''
-      }, {
-        type: '184FG',
-        Ljc: '386',
-        num1: '',
-        num2: '160-240',
-        num3: '1＋2',
-        len: ''
-      }, {
-        type: '184HJ',
-        Ljc: '446',
-        num1: '',
-        num2: '250-285',
-        num3: '2＋2',
-        len: ''
-      }]
-    }
-  }
-}
+      stepImgData: [
+        {
+          step: "步骤一",
+          img: require("@/assets/operationInstructionimgs/dztx1.png"),
+          text: [
+            "依技术图面对应的铁芯片放置于工装",
+            "注意斜槽角度是否与图面一致",
+            "铁芯片数量是否符合图纸要求",
+            "调整好叠片压力（依作业参数表）进行调整",
+          ],
+        },
+        {
+          step: "步骤二",
+          img: require("@/assets/operationInstructionimgs/dztx2.png"),
+          text: [
+            "依图示位置进行焊接铁芯，焊接参数参考（焊接参数设置表）；",
+            "铁芯焊接后，依图面要求将对应图号的筋棒放入工装 ，装夹固定；",
+            "使用槽芯棒整平铁芯；",
+            "筋棒焊接与焊棒使用数量参考下列表格；",
+            "筋棒焊接时，注意前后端方向，不可颠倒。",
+          ],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dztx3.png"),
+          text: [],
+        },
+        {
+          step: "步骤三",
+          img: require("@/assets/operationInstructionimgs/dztx4.png"),
+          text: [
+            "筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；",
+            "然后分段对角焊接，以减小焊接后造成热应力；",
+            "圆款定子可免除上述步骤。",
+          ],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dztx5.png"),
+          text: [
+            "筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；",
+            "然后分段对角焊接，以减小焊接后造成热应力；",
+            "圆款定子可免除上述步骤。",
+          ],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dztx6.png"),
+          text: [
+            "筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；",
+            "然后分段对角焊接，以减小焊接后造成热应力；",
+            "圆款定子可免除上述步骤。",
+          ],
+        },
+      ],
+      leftBottomData: [
+        {
+          type: "164AB",
+          Ljc: "229",
+          num1: "164、184",
+          num2: "50-120",
+          num3: "11＋1",
+          len: "275",
+        },
+        {
+          type: "164CD",
+          Ljc: "256",
+          num1: "",
+          num2: "",
+          num3: "",
+          len: "",
+        },
+        {
+          type: "184E",
+          Ljc: "296",
+          num1: "",
+          num2: "130-150",
+          num3: "1＋2",
+          len: "",
+        },
+        {
+          type: "184FG",
+          Ljc: "386",
+          num1: "",
+          num2: "160-240",
+          num3: "1＋2",
+          len: "",
+        },
+        {
+          type: "184HJ",
+          Ljc: "446",
+          num1: "",
+          num2: "250-285",
+          num3: "2＋2",
+          len: "",
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
 .container {
   padding: 30px;
-  background: linear-gradient(to bottom, #74D9FB, #fff);
+  background: linear-gradient(to bottom, #74d9fb, #fff);
 }
 
 .borderline {
@@ -265,7 +341,7 @@ export default {
 }
 
 .line {
-  height: 30px;
+  height: 50px;
   border-left: 1px solid #333;
 }
 

zkqy-ui/src/views/amichi/operationInstruction/page/statorPressFit.vue

@@ -1,14 +1,26 @@
 <template>
   <div class="container">
     <div class="borderline">
-      <titleComp :titleData="titleData" title="定子压装工序作业指导书"></titleComp>
+      <titleComp
+        :titleData="titleData"
+        title="定子压装工序作业指导书"
+      ></titleComp>
       <el-row>
         <el-col :span="6">
-          <parameterComp :objData="objData" title="作业参数表" type="6"></parameterComp>
+          <parameterComp
+            :objData="objData"
+            title="作业参数表"
+            type="6"
+          ></parameterComp>
           <div class="line"></div>
           <auxiliaryTools :tableData="toolsData"></auxiliaryTools>
           <!-- <div class="line"></div> -->
-          <attentionComp :isBorderBottom="true" style="border-top: 0;" color="#005BAE" :attentData="attentionCont"></attentionComp>
+          <attentionComp
+            :isBorderBottom="true"
+            style="border-top: 0"
+            color="#005BAE"
+            :attentData="attentionCont"
+          ></attentionComp>
         </el-col>
         <el-col :span="18">
           <stepImgComp :data="stepImgData" col="0"></stepImgComp>
@@ -136,18 +148,17 @@
             </tr>
             <tr>
               <td colspan="15">
-                <div style="display: flex;">
-                  <div style="flex: 1;"></div>
-                <div style="flex: 1;">1吨/平方米=9800Pa=0.0098Mpa</div>
-                <div style="flex: 1;">备注：上述压装深度依工装尺寸定位</div>
+                <div style="display: flex">
+                  <div style="flex: 1"></div>
+                  <div style="flex: 1">1吨/平方米=9800Pa=0.0098Mpa</div>
+                  <div style="flex: 1">备注：上述压装深度依工装尺寸定位</div>
                 </div>
-
               </td>
             </tr>
           </table>
         </el-col>
         <el-col :span="2">
-          <div style="height: 1px;"></div>
+          <div style="height: 1px"></div>
         </el-col>
       </el-row>
     </div>
@@ -156,12 +167,12 @@
 </template>
 
 <script>
-import titleComp from '@/views/amichi/operationInstruction/components/titleComp.vue';
-import parameterComp from '@/views/amichi/operationInstruction/components/parameterComp.vue';
-import auxiliaryTools from '@/views/amichi/operationInstruction/components/auxiliaryTools.vue';
-import attentionComp from '@/views/amichi/operationInstruction/components/attentionComp.vue';
-import stepImgComp from '@/views/amichi/operationInstruction/components/stepImgComp.vue';
-import footerComp from '@/views/amichi/operationInstruction/components/footerComp.vue'
+import titleComp from "@/views/amichi/operationInstruction/components/titleComp.vue";
+import parameterComp from "@/views/amichi/operationInstruction/components/parameterComp.vue";
+import auxiliaryTools from "@/views/amichi/operationInstruction/components/auxiliaryTools.vue";
+import attentionComp from "@/views/amichi/operationInstruction/components/attentionComp.vue";
+import stepImgComp from "@/views/amichi/operationInstruction/components/stepImgComp.vue";
+import footerComp from "@/views/amichi/operationInstruction/components/footerComp.vue";
 export default {
   components: {
     titleComp,
@@ -169,131 +180,159 @@ export default {
     auxiliaryTools,
     attentionComp,
     stepImgComp,
-    footerComp
+    footerComp,
   },
   data() {
     return {
       titleData: {
-        type: '全系列',
-        number: 'QYZP-SOP003',
-        dep: '组装',
-        version: 'A',
-        procedure: '定子压装',
-        page: '1/1',
-        org: '叶梦珪',
-        orgDate: '2022/12/8',
-        exa: '陈兰生',
-        exaDep: '技术部',
-        approval: '张必文',
-        approvalDate: '2023/1/11'
+        type: "全系列",
+        number: "QYZP-SOP003",
+        dep: "组装",
+        version: "A",
+        procedure: "定子压装",
+        page: "1/1",
+        org: "叶梦珪",
+        orgDate: "2022/12/8",
+        exa: "陈兰生",
+        exaDep: "技术部",
+        approval: "张必文",
+        approvalDate: "2023/1/11",
       },
       objData: {
-        device: '200t龙门门式压床',
-        device1: '200',
-        device2: '轴向行程2500',
-        temp: '0 ~ +40°C',
-        temp1: '',
-        temp2: '',
-        humidity: '≤85%',
-        humidity1: '',
-        humidity2: '',
-        pressure: '314-454',
-        pressure1:'100t',
-        pressure2: '',
-        size: '压入模',
-        size1: '',
-        size2: ''
+        device: "200t龙门门式压床",
+        device1: "200",
+        device2: "轴向行程2500",
+        temp: "0 ~ +40°C",
+        temp1: "",
+        temp2: "",
+        humidity: "≤85%",
+        humidity1: "",
+        humidity2: "",
+        pressure: "314-454",
+        pressure1: "100t",
+        pressure2: "",
+        size: "压入模",
+        size1: "",
+        size2: "",
       },
       toolsData: {
-        type: '主定子压装底座 三点式内张吊具',
-        wire: '游标卡 尺钢直尺',
-        specs: '铜制榔头 固定铆钉 手工电弧焊机'
+        type: "主定子压装底座 三点式内张吊具",
+        wire: "游标卡 尺钢直尺",
+        specs: "铜制榔头 固定铆钉 手工电弧焊机",
       },
       attentionCont: [
-        '1.作业前要熟悉定子组立图纸方可展开作业。',
-        '2.吊装前定子引出线端向上，并与机座出线孔方向一致注意绕组碰伤。',
-        '3.定子放至压装底座时应确认接触面是否平行。',
-        '4.压装前在机座与定子过盈面涂抹适当润滑油，以免产生异响，压装后首件须检查。',
-        '5.确认尺寸无误后，依机座铆钉孔位置打入铆钉，再用电焊熔接以防止震动后脱出。',
-        '6.龙门伺服液压机所设定快下速度最高不可超2000，慢下速度不高于1000。（转速越慢，位移精度越高）。所设定压力，不可大于25兆帕。',
-        '7.龙门伺服液压机每天首次开机需回程清零。校准液压机零点。'
+        "1.作业前要熟悉定子组立图纸方可展开作业。",
+        "2.吊装前定子引出线端向上，并与机座出线孔方向一致注意绕组碰伤。",
+        "3.定子放至压装底座时应确认接触面是否平行。",
+        "4.压装前在机座与定子过盈面涂抹适当润滑油，以免产生异响，压装后首件须检查。",
+        "5.确认尺寸无误后，依机座铆钉孔位置打入铆钉，再用电焊熔接以防止震动后脱出。",
+        "6.龙门伺服液压机所设定快下速度最高不可超2000，慢下速度不高于1000。（转速越慢，位移精度越高）。所设定压力，不可大于25兆帕。",
+        "7.龙门伺服液压机每天首次开机需回程清零。校准液压机零点。",
       ],
-      stepImgData: [{
-        step: '步骤一',
-        img: require('@/assets/operationInstructionimgs/dzyz1.png'),
-        text: ['依工装型号表格选取工装（依据压装深度）。', '依图示用专用吊具把定子吊放于工装，出线端向上。'],
-        // width: '180px'
-      }, {
-        step: '步骤二',
-        img: require('@/assets/operationInstructionimgs/dzyz2.png'),
-        text: ['机座吊至于定子上端：出线孔向上（注意出线孔与定子子引出线位置角度）。', '在机座上端放置平板。', '半自动作业流程：查询程序，上传PLC，旋钮调至半自动，单手自动。开始半自动作业。', '手动作业流程：根据工件压深调整上限位、下限位，上传PLC，旋钮旋至点动。开始手动作业。'],
-        // width: '160px'
-
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzyz3.png'),
-        text: []
-      }, {
-        step: '',
-        img: require('@/assets/operationInstructionimgs/dzyz4.png'),
-        text: ['筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；', '然后分段对角焊接，以减小焊接后造成热应力；', '圆款定子可免除上述步骤。']
-      }, {
-        step: '步骤三',
-        img: require('@/assets/operationInstructionimgs/dzyz5.png'),
-        text: ['退出机床导轨', '依据机座铆钉孔位置 钻铆钉孔（孔径及深度依据技术图面要求）', '钻孔时注意孔径尺寸 及深度。', '打入固定铆钉（端部用焊接 防止铆钉在震动时脱出）']
-      }, {
-        step: '步骤四',
-        img: require('@/assets/operationInstructionimgs/dzyz6.png'),
-        text: ['调整好定子位置，按下翻转按钮，翻转定子90°']
-      }],
-      leftBottomData: [{
-        type: '164/184',
-        len1: '226',
-        len2: '256',
-        len3: '296',
-        len4: '386',
-        len4: '446',
-        len4: '',
-        num: 'QYZC301'
-
-      }, {
-        type: '164CD',
-        Ljc: '256',
-        num1: '',
-        num2: '',
-        num3: '',
-        len: ''
-      }, {
-        type: '184E',
-        Ljc: '296',
-        num1: '',
-        num2: '130-150',
-        num3: '1＋2',
-        len: ''
-      }, {
-        type: '184FG',
-        Ljc: '386',
-        num1: '',
-        num2: '160-240',
-        num3: '1＋2',
-        len: ''
-      }, {
-        type: '184HJ',
-        Ljc: '446',
-        num1: '',
-        num2: '250-285',
-        num3: '2＋2',
-        len: ''
-      }]
-    }
-  }
-}
+      stepImgData: [
+        {
+          step: "步骤一",
+          img: require("@/assets/operationInstructionimgs/dzyz1.png"),
+          text: [
+            "依工装型号表格选取工装（依据压装深度）。",
+            "依图示用专用吊具把定子吊放于工装，出线端向上。",
+          ],
+          // width: '180px'
+        },
+        {
+          step: "步骤二",
+          img: require("@/assets/operationInstructionimgs/dzyz2.png"),
+          text: [
+            "机座吊至于定子上端：出线孔向上（注意出线孔与定子子引出线位置角度）。",
+            "在机座上端放置平板。",
+            "半自动作业流程：查询程序，上传PLC，旋钮调至半自动，单手自动。开始半自动作业。",
+            "手动作业流程：根据工件压深调整上限位、下限位，上传PLC，旋钮旋至点动。开始手动作业。",
+          ],
+          // width: '160px'
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzyz3.png"),
+          text: [],
+        },
+        {
+          step: "",
+          img: require("@/assets/operationInstructionimgs/dzyz4.png"),
+          text: [
+            "筋棒焊接时应将焊棒 、筋棒 、铁芯先点焊；",
+            "然后分段对角焊接，以减小焊接后造成热应力；",
+            "圆款定子可免除上述步骤。",
+          ],
+        },
+        {
+          step: "步骤三",
+          img: require("@/assets/operationInstructionimgs/dzyz5.png"),
+          text: [
+            "退出机床导轨",
+            "依据机座铆钉孔位置 钻铆钉孔（孔径及深度依据技术图面要求）",
+            "钻孔时注意孔径尺寸 及深度。",
+            "打入固定铆钉（端部用焊接 防止铆钉在震动时脱出）",
+          ],
+        },
+        {
+          step: "步骤四",
+          img: require("@/assets/operationInstructionimgs/dzyz6.png"),
+          text: ["调整好定子位置，按下翻转按钮，翻转定子90°"],
+        },
+      ],
+      leftBottomData: [
+        {
+          type: "164/184",
+          len1: "226",
+          len2: "256",
+          len3: "296",
+          len4: "386",
+          len4: "446",
+          len4: "",
+          num: "QYZC301",
+        },
+        {
+          type: "164CD",
+          Ljc: "256",
+          num1: "",
+          num2: "",
+          num3: "",
+          len: "",
+        },
+        {
+          type: "184E",
+          Ljc: "296",
+          num1: "",
+          num2: "130-150",
+          num3: "1＋2",
+          len: "",
+        },
+        {
+          type: "184FG",
+          Ljc: "386",
+          num1: "",
+          num2: "160-240",
+          num3: "1＋2",
+          len: "",
+        },
+        {
+          type: "184HJ",
+          Ljc: "446",
+          num1: "",
+          num2: "250-285",
+          num3: "2＋2",
+          len: "",
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
 .container {
   padding: 30px;
-  background: linear-gradient(to bottom, #74D9FB, #fff);
+  background: linear-gradient(to bottom, #74d9fb, #fff);
 }
 
 .borderline {
@@ -304,7 +343,7 @@ export default {
 }
 
 .line {
-  height: 30px;
+  height: 51px;
   border-left: 1px solid #333;
 }
 

zkqy-ui/src/views/amichi/operationInstruction/swiperIndex.vue

@@ -0,0 +1,98 @@
+<template>
+  <!-- :style="`height:${pageHeight}px;`" -->
+  <v-scale-screen width="2200" height="1080">
+    <div class="swiper-container">
+      <div class="swiper-wrapper">
+        <div v-for="item in swiperArr" :key="item" class="swiper-slide">
+          <component :is="item"></component>
+        </div>
+      </div>
+      <div class="swiper-button-next"></div>
+      <div class="swiper-button-prev"></div>
+      <div class="swiper-pagination"></div>
+    </div>
+  </v-scale-screen>
+</template>
+
+<script>
+import driverInstallation from "@/views/amichi/operationInstruction/page/driverInstallation.vue";
+import excitationStator from "@/views/amichi/operationInstruction/page/excitationStator.vue";
+import statorCore from "@/views/amichi/operationInstruction/page/statorCore.vue";
+import statorPressFit from "@/views/amichi/operationInstruction/page/statorPressFit.vue";
+import StatorWireEmbedding from "@/views/amichi/operationInstruction/page/StatorWireEmbedding.vue";
+
+import Swiper from "swiper";
+import "swiper/css/swiper.css";
+export default {
+  name: "swiperIndex",
+  props: [],
+  components: {
+    driverInstallation,
+    excitationStator,
+    statorCore,
+    statorPressFit,
+    StatorWireEmbedding,
+  },
+  data() {
+    return {
+      swiperArr: [
+        "driverInstallation",
+        "excitationStator",
+        "statorCore",
+        "statorPressFit",
+        "StatorWireEmbedding",
+      ],
+      swiper: null,
+      pageHeight: 0,
+      pageWidth: 0,
+    };
+  },
+  computed: {},
+  mounted() {
+    this.pageHeight =
+      document.documentElement.scrollHeight || document.body.scrollHeight;
+    this.pageWidth =
+      document.documentElement.scrollWidth || document.body.scrollWidth;
+    console.log(this.pageHeight);
+    this.$nextTick(() => {
+      this.initSwipper();
+    });
+  },
+  methods: {
+    initSwipper() {
+      this.swiper = new Swiper(".swiper-container", {
+        loop: true,
+        mousewheel: true,
+        keyboard: true,
+        pagination: {
+          el: ".swiper-pagination",
+          clickable: true,
+        },
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.swiper-container {
+  width: 100%;
+  height: 100%;
+  background: #e68181;
+  .swiper-wrapper {
+    width: 100%;
+    height: 100%;
+    .swiper-slide {
+      // display: block;
+      width: 100%;
+      height: 90%;
+
+      object-fit: scale-down;
+    }
+  }
+}
+</style>