feat:合并作业指导书

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

@@ -146,6 +146,131 @@
           align="center"
           label="型号">
         </el-table-column>
+        <el-table-column
+          prop="specification"
+          align="center"
+          label="规格">
+        </el-table-column>
+        <el-table-column
+          prop="dosageMolecular"
+          align="center"
+          label="用量分子">
+        </el-table-column>
+        <el-table-column
+          prop="usageDenominator"
+          align="center"
+          label="用量:分母">
+        </el-table-column>
+        <el-table-column
+          prop="skipOrNot"
+          align="center"
+          label="是否跳层">
+        </el-table-column>
+        <el-table-column
+          prop="materialProperty"
+          align="center"
+          label="物料属性">
+        </el-table-column>
+        <el-table-column
+          prop="dataState"
+          align="center"
+          label="数据状态">
+        </el-table-column>
+        <el-table-column
+          prop="bomVersion"
+          align="center"
+          label="BOM版本">
+        </el-table-column>
+        <el-table-column
+          prop="materialIssueMethod"
+          align="center"
+          label="发料方式">
+        </el-table-column>
+        <el-table-column
+          prop="job"
+          align="center"
+          label="作业">
+        </el-table-column>
+        <el-table-column
+          prop="subitemType"
+          align="center"
+          label="子项类型">
+        </el-table-column>
+        <el-table-column
+          prop="standardDosage"
+          align="center"
+          label="标准用量">
+        </el-table-column>
+        <el-table-column
+          prop="actualQuantity"
+          align="center"
+          label="实际数量">
+        </el-table-column>
+        <el-table-column
+          prop="auxiliaryAttribute"
+          align="center"
+          label="辅助属性">
+        </el-table-column>
+        <el-table-column
+          prop="dosageType"
+          align="center"
+          label="用量类型">
+        </el-table-column>
+        <el-table-column
+          prop="dosageType"
+          align="center"
+          label="用量类型">
+        </el-table-column>
+        <el-table-column
+          prop="fixedLoss"
+          align="center"
+          label="固定损耗">
+        </el-table-column>
+        <el-table-column
+          prop="changeTheAttritionRate"
+          align="center"
+          label="变动损耗率">
+        </el-table-column>
+        <el-table-column
+          prop="alternativeStrategy"
+          align="center"
+          label="替代策略">
+        </el-table-column>
+        <el-table-column
+          prop="alternativeMode"
+          align="center"
+          label="替代方式">
+        </el-table-column>
+        <el-table-column
+          prop="substituteMaterial"
+          align="center"
+          label="替代主料">
+        </el-table-column>
+        <el-table-column
+          prop="effectiveDate"
+          align="center"
+          label="生效日期">
+        </el-table-column>
+        <el-table-column
+          prop="expirationDate"
+          align="center"
+          label="失效日期">
+        </el-table-column>
+        <el-table-column
+          prop="presenceOfCobyproducts"
+          align="center"
+          label="存在联副产品">
+        </el-table-column>
+        <el-table-column
+          prop="standardSubitemUsage"
+          align="center"
+          label="标准子项清单">
+        </el-table-column>
+        <el-table-column
+          prop="actualSubitemUsage"
+          align="center"
+          label="实际子项用量">
+        </el-table-column>
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-dropdown @command="(command)=>{handleCommand(command, scope.row)}">
@@ -186,7 +311,7 @@
           <el-col :span="8">
             <el-form-item label="物料父级" prop="fid">
               <treeselect v-model="form.fid" :options="materialRows" :multiple="false" :disable-branch-nodes="false"
-                          :clear-on-select="true" :flat="true" :show-count="true" placeholder="请选择租户" style="width: 286.66px" />
+                          :clear-on-select="true" :flat="true" :show-count="true" placeholder="请选择父级物料信息" style="width: 286.66px" />
             </el-form-item>
           </el-col>
         </el-row>

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

@@ -0,0 +1,83 @@
+<template>
+  <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>
+      </tr>
+      <tr>
+        <td>
+          <div v-for="item in attentData" style="white-space: pre-wrap;">{{ item }}</div>
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'attentionComp',
+  props: {
+    attentData: {
+      type: String,
+      default: ''
+    },
+    isBorderBottom: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: '#F93B39'
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+ .attentionComp{
+  border: 1px solid #333;
+  border-bottom: 0;
+  /* height: calc(100vh - 320px); */
+ }
+/* 表格样式 */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  /* 合并边框 */
+  /* border: 1px solid #333; */
+}
+
+tr {
+  /* line-height: 33px; */
+}
+
+th,
+td {
+  /* border: 1px solid #333; */
+  /* border-top: 0; */
+  text-align: left;
+  font-size: 14px;
+  padding: 10px;
+}
+
+td:nth-child(2n) {
+  width: 30%;
+}
+
+td:nth-child(2n -1) {
+  width: 20%;
+}
+
+.felx-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

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

@@ -0,0 +1,83 @@
+<template>
+  <div class="parameterComp">
+
+    <table :style="{borderTop: isBorderTop ? '0' : ''}">
+      <tr>
+        <td style=" font-size: 18px;" :style="{color: color}">所需辅助工装 量具 工具</td>
+      </tr>
+
+      <tr>
+        <td class="td">{{ tableData.type }}</td>
+      </tr>
+      <tr>
+        <td>{{ tableData.wire }}</td>
+      </tr>
+      <tr>
+        <td>{{ tableData.specs }}</td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'auxiliaryTools',
+  props: {
+    tableData: {
+      type: Object,
+      default: {}
+    },
+    isBorderTop: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: '#005BAE'
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+/* 表格样式 */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  /* 合并边框 */
+  border: 1px solid #333;
+}
+.td {
+  height: 23px;
+}
+
+
+th,
+td {
+  border: 1px solid #333;
+  border-top: 0;
+  text-align: center;
+  font-size: 14px;
+}
+
+td:nth-child(2n) {
+  width: 30%;
+}
+
+td:nth-child(2n -1) {
+  width: 20%;
+}
+
+.felx-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

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

@@ -0,0 +1,36 @@
+<template>
+  <div class="footer">
+    <span class="info">FUJIAN FIRSTALL POWER TECHNOLOGY CO., LTD</span>
+    <div class="footer">
+      <img src="@/assets/operationInstructionimgs/footerLogo.png" alt="" class="img" srcset="">
+      <span class="title" style="font-weight: 500;">福建铨一电源科技有限公司</span>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'footerComp',
+  data() {
+    return {
+
+    }
+  }
+}
+
+</script>
+<style scoped>
+.footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.img {
+  width: 150px;
+}
+.info {
+  font-size: 12px;
+}
+.title {
+  font-size: 24px;
+}
+</style>

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

@@ -0,0 +1,213 @@
+<template>
+  <div class="parameterComp">
+    <table v-if="type == 1">
+      <tr>
+        <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>
+      </tr>
+      <tr class="tr" v-for="(item, index) in tableData" :key="index">
+        <td>{{ item.type }}</td>
+        <td>{{ item.wire }}</td>
+        <td>{{ item.num }}</td>
+        <td>{{ item.specs }}</td>
+      </tr>
+    </table>
+    <table v-if="type == 2">
+      <tr>
+        <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>
+          层间绝缘纸=铁芯长+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>
+      </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>{{ item.num }}</td>
+        <td>{{ item.specs }}</td>
+        <td>{{ item.size }}</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>
+      </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>{{ 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>
+      </tr>
+      <tr>
+        <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>
+      </tr>
+      <tr>
+        <td>环境温度</td>
+        <td>{{ `0～+40℃` }}</td>
+        <td>锁模压力</td>
+        <td>{{ `10t` }}</td>
+      </tr>
+      <tr>
+        <td>环境湿度</td>
+        <td>{{ `≤85%` }}</td>
+        <td>斜槽角度</td>
+        <td>{{ `偏置一个槽节距` }}</td>
+      </tr>
+      <tr>
+        <td class="td"></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+    <table v-if="type == 6">
+      <tr>
+        <td colspan="4" style="color: #005BAE; font-size: 18px;border-top: 0;">{{ title }}</td>
+      </tr>
+      <tr>
+        <td>设备</td>
+        <td>{{ objData.device }}</td>
+        <td>{{ objData.device1 }}</td>
+        <td>{{ objData.device2 }}</td>
+      </tr>
+      <tr>
+        <td>环境温度</td>
+        <td>{{ objData.temp }}</td>
+        <td>{{ objData.temp1 }}</td>
+        <td>{{ objData.temp2 }}</td>
+      </tr>
+      <tr>
+        <td>环境湿度</td>
+        <td>{{ objData.humidity }}</td>
+        <td>{{ objData.humidity1 }}</td>
+        <td>{{ objData.humidity2 }}</td>
+      </tr>
+      <tr>
+        <td>压力</td>
+        <td>{{ objData.pressure }}</td>
+        <td>{{ objData.pressure1 }}</td>
+        <td>{{ objData.pressure2 }}</td>
+      </tr>
+      <tr>
+        <td>尺寸控制</td>
+        <td>{{ objData.size }}</td>
+        <td>{{ objData.size1 }}</td>
+        <td>{{ objData.size2 }}</td>
+      </tr>
+      <tr>
+        <td class="td"></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'parameterComp',
+  props: {
+    tableData: {
+      type: Array,
+      default: []
+    },
+    type: {
+      type: Number,
+      default: 1
+    },
+    headData: {
+      type: Array,
+      default: []
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    objData: {
+      type: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  computed: {
+    formattedWire(wire) {
+      return wire.replace(' ', '<br>');
+    }
+  },
+  methods: {
+    cellStayle(row, colum, rowIndex, columnIndex) {
+      return "border-bottom: 1px solid #000;border-left: 1px solid #000;";
+
+      // row.row.viewFlag 为tableData中的属性
+    },
+  }
+}
+</script>
+
+<style scoped>
+/* 表格样式 */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  /* 合并边框 */
+  /* border: 1px solid #333; */
+}
+
+tr:nth-last-child(1) {
+  padding-bottom: 30px;
+}
+.td {
+  height: 21px;
+}
+th,
+td {
+  border: 1px solid #333;
+  border-top: 0;
+  text-align: center;
+  font-size: 12px;
+}
+
+.tr td:nth-child(2n) {
+  width: 30%;
+}
+
+.tr td:nth-child(2n -1) {
+  width: 20%;
+}
+
+.felx-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

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

@@ -0,0 +1,170 @@
+<template>
+  <div class="container1">
+    <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>
+          <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>
+        </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>
+      </div>
+    </template>
+    <template v-if="col == 4">
+      <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">
+          </div>
+          <div v-else-if="index == 4">
+            <img :src="item.img" :style="{ height: '250px',}" class="img">
+          </div>
+          <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-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 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-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
+          </div>
+
+        </div>
+      </div>
+    </template>
+    <template v-if="col == 0">
+      <div class="box" 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="img0">
+          </div>
+          <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">
+
+          <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 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-for="(i, j) in item.text">{{ j + 1 }}、{{ i }}</div>
+          </div>
+
+        </div>
+      </div>
+    </template>
+
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    data: {
+      type: Array,
+      default: []
+    },
+    height: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: ''
+    },
+    col: {
+      type: Number,
+      default: 3
+    }
+  },
+  data() {
+    return {
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* .container {
+
+} */
+.box {
+  width: 33%;
+  min-height: 139px;
+}
+
+.box4 {
+  width: 25%;
+  padding-bottom: 20px;
+}
+
+.box4 .img {
+  width: 180px;
+  height: 200px;
+}
+
+.step,
+.boxItem {
+  padding-top: 5px;
+}
+
+.step2 {
+  width: 200%;
+  padding-left: 50px;
+}
+
+.bigImg {
+  position: relative;
+  width: calc(100vw - 600px);
+  margin-top: 50px;
+
+  /* height: 145px; */
+}
+.img0 {
+  height: 220px;
+}
+.Img {
+  height: 280px;
+
+}
+
+.textPOSI {
+  padding-left: 25%;
+  position: absolute;
+  top: 350px;
+}
+
+.img {
+  width: 260px;
+  height: 145px;
+}
+
+.container1 {
+  padding: 20px;
+  font-size: 12px;
+  display: flex;
+  flex-wrap: wrap;
+
+  /* border-bottom: .5px solid #333; */
+}
+</style>

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

@@ -0,0 +1,140 @@
+<template>
+  <div class="titleComp">
+    <el-row>
+      <el-col :span="6">
+        <table>
+          <tr>
+            <td>适用机型</td>
+            <td>{{titleData.type}}</td>
+            <td>文件编号</td>
+            <td>{{titleData.number}}</td>
+          </tr>
+          <tr>
+            <td>适用部门</td>
+            <td>{{titleData.dep}}</td>
+            <td>文件版次</td>
+            <td>{{titleData.version}}</td>
+          </tr>
+          <tr>
+            <td>适用工序</td>
+            <td>{{titleData.procedure}}</td>
+            <td>页 码</td>
+            <td>{{titleData.page}}</td>
+          </tr>
+        </table>
+      </el-col>
+      <el-col class="felx-center title" :span="12" >
+        <div class="felx-center">
+          <img class="img" src="@/assets/operationInstructionimgs/titleLogo.png" alt="" srcset="">
+          <div class="titleStyle">{{ title }}</div>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <table>
+          <tr>
+            <td>编 制</td>
+            <td>{{titleData.org}}</td>
+            <td>编制日期</td>
+            <td>{{titleData.orgDate}}</td>
+          </tr>
+          <tr>
+            <td>审 核</td>
+            <td>{{titleData.exa}}</td>
+            <td>发行部门</td>
+            <td>{{titleData.exaDep}}</td>
+          </tr>
+          <tr>
+            <td>批 准</td>
+            <td>{{titleData.approval}}</td>
+            <td>发行日期</td>
+            <td>{{titleData.approvalDate}}</td>
+          </tr>
+        </table>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'titleComp',
+  props: {
+    titleData: {
+      type: Object,
+      default: {}
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+.title {
+  border-bottom: 1px solid #333;
+  border-top: 1px solid #333;
+  height: 70px;
+}
+.titleComp {
+  background: #0068B8;
+
+}
+
+/* 表格样式 */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  /* 合并边框 */
+  border: 1px solid #333;
+  border-spacing: 0;
+  /* border-bottom: 0; */
+
+}
+
+
+td {
+line-height: 22px;
+}
+
+th,
+td {
+  border: 1px solid #333;
+  /* border-bottom: 0; */
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  color: #fff;
+  font-size: 14px;
+}
+
+td:nth-child(2n) {
+  width: 30%;
+}
+
+td:nth-child(2n -1) {
+  width: 20%;
+}
+
+.felx-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.img {
+  height: 50px;
+}
+.titleStyle {
+  color: #FFF000;
+  font-size: 40px;
+  font-size: 30px;
+  font-weight: 500;
+}
+</style>

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

@@ -0,0 +1,451 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="物料编码" prop="materialCode">
+        <el-input
+          v-model="queryParams.materialCode"
+          placeholder="请输入物料编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="物料名称" prop="materialName">
+        <el-input
+          v-model="queryParams.materialName"
+          placeholder="请输入物料名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="型号" prop="model">
+        <el-input
+          v-model="queryParams.model"
+          placeholder="请输入型号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="发料方式" prop="issueMethod">
+        <el-input
+          v-model="queryParams.issueMethod"
+          placeholder="请输入发料方式"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </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-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:materialInfo:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:materialInfo:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:materialInfo:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:materialInfo:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" style="margin-top: 20px" :data="tableData" @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="title" />
+      <el-table-column label="作业名" align="center" prop="materialName" />
+      <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-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-menu>
+          </el-dropdown>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改物料信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="物料编码" prop="materialCode">
+          <el-input v-model="form.materialCode" placeholder="请输入物料编码" />
+        </el-form-item>
+        <el-form-item label="物料名称" prop="materialName">
+          <el-input v-model="form.materialName" placeholder="请输入物料名称" />
+        </el-form-item>
+        <el-form-item label="型号" prop="model">
+          <el-input v-model="form.model" placeholder="请输入型号" />
+        </el-form-item>
+        <el-form-item label="规格" prop="specification">
+          <el-input v-model="form.specification" placeholder="请输入规格" />
+        </el-form-item>
+        <el-form-item label="属性" prop="attribute">
+          <el-select
+            v-model="form.attribute"
+            size="small"
+            clearable
+            filterable
+          >
+            <el-option
+              v-for="(item,index) in dict.type.wlsx"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单位" prop="unit">
+          <el-input v-model="form.unit" placeholder="请输入单位" />
+        </el-form-item>
+        <el-form-item label="发料方式" prop="issueMethod">
+          <el-input v-model="form.issueMethod" placeholder="请输入发料方式" />
+        </el-form-item>
+        <el-form-item label="库存量" prop="stockQuantity">
+          <el-input v-model="form.stockQuantity" placeholder="请输入库存量" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 添加或修改物料信息对话框 -->
+    <el-dialog :title="title" :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>
+      </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';
+
+export default {
+  name: "MaterialInfo",
+  dicts: ["wlsx"],
+  data() {
+    return {
+      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',
+      }],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 物料信息表格数据
+      materialInfoList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        materialCode: null,
+        materialName: null,
+        model: null,
+        specification: null,
+        unit: null,
+        attribute: null,
+        issueMethod: null,
+        stockQuantity: null,
+        createById: null,
+        updateById: null,
+        dataApprovalStatus: null,
+        processKey: null,
+        taskProcessKey: null,
+        taskNodeKey: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        materialCode: [
+          { required: true, message: "物料编码不能为空", trigger: "blur" }
+        ],
+        materialName: [
+          { required: true, message: "物料名称不能为空", trigger: "blur" }
+        ],
+        unit: [
+          { required: true, message: "单位不能为空", trigger: "blur" }
+        ],
+        attribute: [
+          { required: true, message: "属性 0自制 1外购不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  components: {
+    driverInstallation,
+    excitationStator,
+    statorCore,
+    statorPressFit,
+    StatorWireEmbedding,
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    handleClick(row) {
+      console.log(row);
+      switch (row.title) {
+        case "驱动片安装工序作业指导书":
+          this.catOperationInstructionCurrentComponent = driverInstallation;
+          this.catOperationInstructionBoolean = true;
+          this.catOperationInstructionTitle = '驱动片安装工序作业指导书';
+          break;
+        case "励磁定子自动绕线工序作业指导书":
+          this.catOperationInstructionCurrentComponent = excitationStator;
+          this.catOperationInstructionBoolean = true;
+          console.log("ddddddddddd")
+          this.catOperationInstructionTitle = '励磁定子自动绕线工序作业指导书';
+          break;
+        case "定子铁芯焊接作业指导书":
+          this.catOperationInstructionCurrentComponent = statorCore;
+          this.catOperationInstructionBoolean = true;
+          this.catOperationInstructionTitle = '定子铁芯焊接作业指导书';
+          break;
+        case "定子压装工序作业指导书":
+          this.catOperationInstructionCurrentComponent = statorPressFit;
+          this.catOperationInstructionBoolean = true;
+          this.catOperationInstructionTitle = '驱动片安装工序作业指导书';
+          break;
+        case "定子压装定子嵌线工序作业指导书工序作业指导书":
+          this.catOperationInstructionCurrentComponent = StatorWireEmbedding;
+          this.catOperationInstructionBoolean = true;
+          this.catOperationInstructionTitle = '定子压装定子嵌线工序作业指导书工序作业指导书';
+          break;
+        default:
+          break;
+      }
+      // this.$router.push({
+      //   path: row.path
+      // })
+    },
+    //下拉菜单点击事件
+    handleCommand(command, row) {
+      switch (command) {
+        case "handleUpdate":
+          this.handleUpdate(row)
+          break;
+        case "handleDelete":
+          this.handleDelete(row)
+          break;
+        case "catOperationInstruction":
+          this.catOperationInstructionBoolean= true;
+          this.handleClick(row)
+          break;
+        default:
+          break;
+      }
+    },
+    // catOperationInstruction(row){
+    //   console.log(row)
+    //
+    // },
+    /** 查询物料信息列表 */
+    getList() {
+      this.loading = true;
+      listMaterialInfo(this.queryParams).then(response => {
+        this.materialInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        materialCode: null,
+        materialName: null,
+        model: null,
+        specification: null,
+        unit: null,
+        attribute: null,
+        issueMethod: null,
+        stockQuantity: null,
+        remark: null,
+        createById: null,
+        createBy: null,
+        createTime: null,
+        updateById: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        dataApprovalStatus: null,
+        processKey: null,
+        taskProcessKey: null,
+        taskNodeKey: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加物料信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getMaterialInfo(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改物料信息";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            this.form.typeOfOperation=1
+            updateMaterialInfo(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            this.form.typeOfOperation=0
+            addMaterialInfo(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除物料信息编号为"' + ids + '"的数据项？').then(function() {
+        return delMaterialInfo(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/materialInfo/export', {
+        ...this.queryParams
+      }, `materialInfo_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

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

@@ -0,0 +1,66 @@
+<template>
+  <div class="container">
+    <div style="width: 80%;">
+      <el-table :data="tableData" >
+      <el-table-column prop="title" label="标题" >
+      </el-table-column>
+      <el-table-column
+      fixed="right"
+      label="操作"
+      width="100">
+      <template slot-scope="scope">
+        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+        <!-- <el-button type="text" size="small">编辑</el-button> -->
+      </template>
+    </el-table-column>
+
+    </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      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',
+      }]
+    }
+  },
+  methods: {
+    handleClick(row) {
+      console.log(row);
+      this.$router.push({
+        path: row.path
+      })
+    }
+  },
+}
+</script>
+<style scoped>
+.container {
+  margin-top: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

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

@@ -0,0 +1,145 @@
+<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>
+  </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'
+export default {
+  components: {
+    titleComp,
+    parameterComp,
+    auxiliaryTools,
+    attentionComp,
+    stepImgComp,
+    footerComp
+  },
+  data() {
+    return {
+      titleData: {
+        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'
+      }],
+      toolsData: {
+        type: '定子吊具，滚动铁圈',
+        wire: '钢直尺 千分尺',
+        specs: '橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀'
+      },
+      attentionCont: [
+        '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: []
+      },]
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 30px;
+  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;
+  border-left: 1px solid #333;
+}
+</style>
+

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

@@ -0,0 +1,213 @@
+<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>
+  </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'
+export default {
+  components: {
+    titleComp,
+    parameterComp,
+    auxiliaryTools,
+    attentionComp,
+    stepImgComp,
+    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: ''
+      },
+      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: '白色防松记号笔 气动扳手'
+      },
+      attentionCont: [
+        '1.作业时应根据生产订单BOM要求，对应AN尺寸，领用螺栓、平垫圈驱动片、垫块；',
+        `2.气动扳手型号与管径配置如下：\n 1/2气动扳手配外径 12气管，适用M16及以下螺栓； \n 3/4气动扳手配外径 16气管，适用M20-M24 螺栓；`,
+        '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运输过程转子脱出造成损坏。']
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 30px;
+  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

@@ -0,0 +1,176 @@
+<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>
+  </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'
+export default {
+  components: {
+    titleComp,
+    parameterComp,
+    auxiliaryTools,
+    attentionComp,
+    stepImgComp,
+    footerComp
+  },
+  data() {
+    return {
+      titleData: {
+        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: ['定子型号', '线径', '匝数', '对应程序/规格'],
+      toolsData: {
+        type: '定子吊具，滚动铁圈',
+        wire: '钢直尺 千分尺',
+        specs: '橡胶锤 尖嘴钳 槽刀 槽纸刀 弯剪 竹槽塞 铁锤 竹板 圆锉刀'
+      },
+      attentionCont: [
+        '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: ['取下绕好的励磁定子；', '换上待绕制的励磁铁芯，按下启动，开始下一个绕制。']
+      },]
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 30px;
+  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;
+  border-left: 1px solid #333;
+}
+</style>
+

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

@@ -0,0 +1,292 @@
+<template>
+  <div class="container">
+    <div class="borderline">
+      <titleComp :titleData="titleData" title="定子铁芯焊接作业指导书"></titleComp>
+      <el-row>
+        <el-col :span="6">
+          <parameterComp :tableData="paramData" :headData="headData" title="作业参数表" type="5"></parameterComp>
+          <!-- <div class="line"></div> -->
+          <auxiliaryTools :isBorderTop="true" :tableData="toolsData"></auxiliaryTools>
+          <!-- <div class="line"></div> -->
+          <attentionComp :isBorderBottom="true" style="border-top: 0;" :attentData="attentionCont"></attentionComp>
+        </el-col>
+        <el-col :span="18">
+          <stepImgComp :data="stepImgData" col="4"></stepImgComp>
+        </el-col>
+      </el-row>
+      <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>定子外径</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="5" v-if="item.len">{{ item.len }}</td>
+            </tr>
+          </table>
+        </el-col>
+        <el-col :span="2">
+          <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 colspan="5">焊接参数设置表</td>
+              <td colspan="3">其他参数</td>
+            </tr>
+            <tr>
+              <td colspan="2">焊机型号</td>
+              <td rowspan="2">焊接电流A</td>
+              <td rowspan="2">焊接电压V</td>
+              <td rowspan="2">焊丝直径Φ</td>
+              <td rowspan="2"></td>
+              <td rowspan="2"></td>
+              <td rowspan="2"></td>
+            </tr>
+            <tr>
+              <td >氩弧焊<br>
+                锐龙315-B</td>
+              <td >气保焊<br>
+                佳士NBC-350</td>
+            </tr>
+            <tr>
+              <td rowspan="2">164/184</td>
+              <td style="height: 35px;">铁芯</td>
+              <td></td>
+              <td></td>
+              <td>203</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>筋棒</td>
+              <td>●</td>
+              <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>
+            </tr>
+          </table>
+        </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'
+export default {
+  components: {
+    titleComp,
+    parameterComp,
+    auxiliaryTools,
+    attentionComp,
+    stepImgComp,
+    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: ''
+      },
+      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: '铜制榔头 气动扳手'
+      },
+      attentionCont: [
+        '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: ''
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 30px;
+  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;
+  position: relative;
+}
+
+.line {
+  height: 30px;
+  border-left: 1px solid #333;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table1 {
+  border-collapse: collapse;
+  position: absolute;
+  width: 66%;
+  bottom: 0;
+  right: 0;
+}
+
+th,
+td {
+  border: 1px solid #333;
+  border-bottom: 0;
+  text-align: center;
+  font-size: 12px;
+}
+</style>

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

@@ -0,0 +1,331 @@
+<template>
+  <div class="container">
+    <div class="borderline">
+      <titleComp :titleData="titleData" title="定子压装工序作业指导书"></titleComp>
+      <el-row>
+        <el-col :span="6">
+          <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>
+        </el-col>
+        <el-col :span="18">
+          <stepImgComp :data="stepImgData" col="0"></stepImgComp>
+        </el-col>
+      </el-row>
+      <div class="line"></div>
+
+      <el-row>
+        <el-col :span="12">
+          <table class="table">
+            <tr>
+              <td>型号</td>
+              <td colspan="6">机壳长度mm</td>
+              <td>工装编号</td>
+              <td colspan="3">压装深度mm</td>
+              <td>压装压力t</td>
+              <td colspan="3">查询程序</td>
+            </tr>
+            <tr>
+              <td>164/184</td>
+              <td>226</td>
+              <td>256</td>
+              <td>296</td>
+              <td>386</td>
+              <td>446</td>
+              <td></td>
+              <td>QYZC301</td>
+              <td colspan="3">28</td>
+              <td>20</td>
+              <td colspan="3"></td>
+            </tr>
+            <tr>
+              <td>224</td>
+              <td>438</td>
+              <td>528</td>
+              <td>573</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td>QYZC302</td>
+              <td colspan="3">70</td>
+              <td>30</td>
+              <td colspan="3"></td>
+            </tr>
+            <tr>
+              <td>274</td>
+              <td>505</td>
+              <td>620</td>
+              <td>670</td>
+              <td>710</td>
+              <td>780</td>
+              <td>795</td>
+              <td>QYZC303</td>
+              <td colspan="3">85</td>
+              <td>50</td>
+              <td colspan="3"></td>
+            </tr>
+            <tr>
+              <td>314</td>
+              <td>835</td>
+              <td>925</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td>QYZC304</td>
+              <td>104</td>
+              <td>114</td>
+              <td>160</td>
+              <td>80</td>
+              <td>01</td>
+              <td>02</td>
+              <td>03</td>
+            </tr>
+            <tr>
+              <td>354</td>
+              <td>965</td>
+              <td>1040</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td>QYZC305</td>
+              <td>114</td>
+              <td>160</td>
+              <td></td>
+              <td>100</td>
+              <td>04</td>
+              <td>05</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>404</td>
+              <td>1079</td>
+              <td>1180</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td>QYZC306</td>
+              <td>140</td>
+              <td>175</td>
+              <td>230</td>
+              <td>100</td>
+              <td>06</td>
+              <td>07</td>
+              <td>08</td>
+            </tr>
+            <tr>
+              <td>454</td>
+              <td>1185</td>
+              <td>1335</td>
+              <td>1420</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td>QYZC307</td>
+              <td>160</td>
+              <td>190</td>
+              <td></td>
+              <td>120</td>
+              <td>09</td>
+              <td>10</td>
+              <td></td>
+            </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>
+
+              </td>
+            </tr>
+          </table>
+        </el-col>
+        <el-col :span="2">
+          <div style="height: 1px;"></div>
+        </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'
+export default {
+  components: {
+    titleComp,
+    parameterComp,
+    auxiliaryTools,
+    attentionComp,
+    stepImgComp,
+    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'
+      },
+      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: ''
+      },
+      toolsData: {
+        type: '主定子压装底座 三点式内张吊具',
+        wire: '游标卡 尺钢直尺',
+        specs: '铜制榔头 固定铆钉 手工电弧焊机'
+      },
+      attentionCont: [
+        '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: ''
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 30px;
+  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;
+  position: relative;
+}
+
+.line {
+  height: 30px;
+  border-left: 1px solid #333;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table1 {
+  border-collapse: collapse;
+  position: absolute;
+  width: 66%;
+  bottom: 0;
+  right: 0;
+}
+
+th,
+td {
+  border: 1px solid #333;
+  border-bottom: 0;
+  text-align: center;
+  font-size: 12px;
+}
+</style>