不良定义和生产模型

src/api/badDefinition.js

@@ -70,9 +70,32 @@ export function addBad(data) {
 // 导出不良定义
 export function exportBad(query) {
   return request({
-    url: '/nltdisadvantage/export',
+    url: '/nltdisadvantage/exportDisAvd',
     method: 'get',
     params: query,
     responseType: 'blob'
   })
 }
+// 不良定义excel导入
+export function importDisAvd(data) {
+  return request({
+    url: '/nltdisadvantage/importDisAvd',
+    method: 'post',
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    transformRequest: [(data) => {
+      return data
+    }],
+    data
+  })
+}
+// 下载不良导入模板
+export function exportDisAvdTemplate(params) {
+  return request({
+    url: '/nltdisadvantage/exportDisAvdTemplate',
+    method: 'get',
+    responseType: 'blob',
+    params
+  })
+}

src/views/productionInfo/ProductionModel.vue

 <template>
-  <div>生产模型</div>
+  <div class="product_model">
+    <div class="modelSearch" style="border-bottom: 14px solid #f4f4f4">
+      <el-form ref="queryForm" style="padding: 0 0 0 10px" class="formClass" :model="queryParams" :inline="true" label-width="auto">
+        <el-form-item label="成品料号" prop="partNo">
+          <div slot="label" class="labelClass">
+            <div>成品料号</div>
+            <div>Part No.</div>
+          </div>
+          <el-input
+            v-model="queryParams.partNo"
+            placeholder="请输入成品料号"
+            clearable
+            :maxlength="30"
+            size="small"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="模型类型" prop="modelType">
+          <div slot="label" class="labelClass">
+            <div>模型类型</div>
+            <div>Model Type</div>
+          </div>
+          <el-input
+            v-model="queryParams.modelType"
+            placeholder="请选择模型类型"
+            clearable
+            :maxlength="200"
+            size="small"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button class="redBtn" type="danger" size="small" @click="handleQuery">查询 Query</el-button>
+          <el-button class="resetBtn" size="small" @click="resetQuery">重置 Reset</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div>
+      <el-row :gutter="20">
+        <!--生产模型数据-->
+        <el-col :span="24" :xs="24">
+          <div style="float: right;margin: 10px">
+            <el-button
+              class="redBtn"
+              type="danger"
+              size="small"
+              @click="handleAdd"
+            >新增 Add</el-button>
+          </div>
+          <el-table
+            v-loading="loading"
+            border
+            style="padding-right: 10px;padding-left: 10px"
+            :data="modelList"
+          >
+            <el-table-column type="index" label="序号" width="50" />
+            <el-table-column align="center" prop="partNo" width="200" :show-overflow-tooltip="true">
+              <template slot="header">
+                <div>成品料号</div>
+                <div>Part No.</div>
+              </template>
+              <template v-slot:default="scope">
+                {{ scope.row.partNo || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" prop="modelType" :show-overflow-tooltip="true">
+              <template slot="header">
+                <div>模型类型</div>
+                <div>Model Type</div>
+              </template>
+              <template slot-scope="scope">
+                {{ scope.row.modelType || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" width="200" prop="createTime" :show-overflow-tooltip="true">
+              <template slot="header">
+                <div>创建时间</div>
+                <div>Build Time</div>
+              </template>
+              <template slot-scope="scope">
+                {{ scope.row.createTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" width="200" prop="operator" :show-overflow-tooltip="true">
+              <template slot="header">
+                <div>操作人</div>
+                <div>Operator</div>
+              </template>
+              <template slot-scope="scope">
+                {{ scope.row.operator || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column align="center" width="100" prop="flag">
+              <template slot="header">
+                <div>状态</div>
+                <div>State</div>
+              </template>
+              <template slot-scope="scope">
+                <el-switch
+                  v-model="scope.row.flag"
+                  class="switchDisabledStyle"
+                  inactive-value="0"
+                  active-value="1"
+                  @click.native="handleStatusChange(scope.row)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              width="300"
+              class-name="small-padding fixed-width"
+            >
+              <template slot="header">
+                <div>操作</div>
+                <div>Operation</div>
+              </template>
+              <template slot-scope="scope">
+                <el-link
+                  size="mini"
+                  type="primary"
+                  style="margin-left: 10px"
+                  @click="handleUpdate(scope.row)"
+                >修改</el-link>
+                <el-link
+                  size="mini"
+                  type="danger"
+                  style="margin-left: 10px"
+                  @click="handleDelete(scope.row)"
+                >复制</el-link>
+                <el-link
+                  size="mini"
+                  type="danger"
+                  style="margin-left: 10px"
+                  @click="handleDelete(scope.row)"
+                >删除</el-link>
+                <el-link
+                  size="mini"
+                  type="danger"
+                  style="margin-left: 10px"
+                  @click="handleDelete(scope.row)"
+                >详情</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total>0"
+            :total="total"
+            :page.sync="queryParams.page"
+            :limit.sync="queryParams.rows"
+            @pagination="getList"
+          />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-  name: 'ProductionModel'
+  name: 'ProductionModel',
+  data() {
+    return {
+      loading: false,
+      modelList: [],
+      total: 0,
+      queryParams: {
+        page: 1,
+        rows: 10,
+        modelType: undefined,
+        partNo: undefined
+      },
+      // 新增模型弹窗
+      openModel: false,
+      // 添加工站弹窗
+      openPosition: false,
+      title: ''
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 列表获取 */
+    getList() {
+      console.log('查询成功')
+    },
+    /** 查询按钮操作 */
+    handleQuery() {
+      this.queryParams.page = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.queryParams.rows = 10
+      this.queryParams.page = 1
+      this.queryParams.modelType = undefined
+      this.queryParams.partNo = undefined
+      this.handleQuery()
+    },
+    /* 新增按钮操作 */
+    handleAdd() {
+      this.title = '生产模型信息'
+      this.$router.push({
+        name: '/productionInfo/ModelDetails'
+      })
+    }
+  }
 }
 </script>
 
-<style scoped>
-
+<style lang="scss" scoped>
+.product_model {
+  font-size: 18px;
+  .placeholder{
+    height:14px;
+    background-color: #F4F4F4
+  }
+  .modelSearch {
+    .el-form-item--small .el-form-item__label{
+      line-height: 17px;
+    }
+    .labelClass{
+      text-align: center;
+    }
+  }
+  .formClass {
+  }
+  .el-form-item__label-wrap {
+    margin-left: 0!important;
+  }
+}
+</style>
+<style lang="scss">
+.product_model {
+  .modelSearch{
+    .el-form-item--small .el-form-item__label{
+      line-height: 17px;
+    }
+    .labelClass{
+      text-align: center;
+    }
+  }
+  .el-table th .cell{
+    display: inline-block!important;
+  }
+  .formClass {
+  }
+  .el-form-item__label-wrap {
+    margin-left: 0!important;
+  }
+}
+.modelDialog{
+  .labelHeight{
+    .el-form-item__label{
+      height: 40px;
+    }
+  }
+  .el-form-item--small .el-form-item__label{
+    line-height: 17px;
+  }
+  .el-table th .cell{
+    display: inline-block!important;
+  }
+  .labelName{
+    display: flex;
+    justify-content: end;
+  }
+  .labelClass{
+    position: relative;
+    right: 13px;
+    text-align: center;
+  }
+  .labelClassRequired{
+    text-align: center;
+    position: relative;
+    bottom: 17px;
+    right: 13px;
+  }
+}
 </style>