物料绑定基础

jnpf-java-boot/jnpf-web/src/views/yys/yysdevice/MaterialListDialog.vue

@@ -0,0 +1,194 @@
+<template>
+  <el-dialog
+    title="物料信息"
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+    class="JNPF-dialog JNPF-dialog_center"
+    lock-scroll
+    append-to-body
+    width="1300px"
+  >
+    <el-row>
+      <el-col :span="24">
+        <el-row :style="{ margin: '15px 0px' }">
+          <el-col :span="8">
+            <el-row>
+              <el-col :span="5" :style="{ lineHeight: '30px' }">
+                母件编码：
+              </el-col>
+              <el-col :span="14">
+                <el-input
+                  placeholder="请输入内容"
+                  v-model="queryParams.pieceId"
+                  clearable
+                ></el-input>
+              </el-col>
+            </el-row>
+          </el-col>
+          <el-col :span="8">
+            <el-row>
+              <el-col :span="5" :style="{ lineHeight: '30px' }">
+                母件名称：
+              </el-col>
+              <el-col :span="14">
+                <el-input
+                  placeholder="请输入内容"
+                  v-model="queryParams.pieceName"
+                  clearable
+                ></el-input>
+              </el-col>
+            </el-row>
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" icon="el-icon-search" @click="fnSch"
+              >查询</el-button
+            >
+            <el-button icon="el-icon-refresh-right" @click="fnResetSch"
+              >重置</el-button
+            >
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="24">
+        <el-table
+          ref="multipleTable"
+          :data="dbList"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="fnSltChg"
+        >
+          <el-table-column type="selection" width="55"> </el-table-column>
+          <el-table-column label="母件编码" width="120">
+            <template slot-scope="scope">{{ scope.row.pieceId }}</template>
+          </el-table-column>
+          <el-table-column label="母件名称" width="120">
+            <template slot-scope="scope">{{ scope.row.pieceName }}</template>
+          </el-table-column>
+          <el-table-column label="规格型号" width="120">
+            <template slot-scope="scope">{{ scope.row.models }}</template>
+          </el-table-column>
+          <el-table-column label="计量单位" width="120">
+            <template slot-scope="scope">{{ scope.row.unit }}</template>
+          </el-table-column>
+          <el-table-column label="版本代号" width="120">
+            <template slot-scope="scope">{{ scope.row.versionCode }}</template>
+          </el-table-column>
+          <el-table-column label="版本说明" width="120">
+            <template slot-scope="scope">{{
+              scope.row.versionIllustrate
+            }}</template>
+          </el-table-column>
+          <el-table-column label="版本日期" width="120">
+            <template slot-scope="scope">{{ scope.row.versionDate }}</template>
+          </el-table-column>
+          <el-table-column label="单据状态" width="120">
+            <template slot-scope="scope">{{
+              scope.row.documentStatus
+            }}</template>
+          </el-table-column>
+          <el-table-column label="创建时间">
+            <template slot-scope="scope">{{ scope.row.creatorTime }}</template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :span="24" :style="{ textAlign: 'right', margin: '15px 0px' }">
+        <el-pagination
+          @size-change="fnPageSizeChg"
+          @current-change="fnPageCurrentChg"
+          :current-page="pageCurrent"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="pageSize"
+          :total="pageTotal"
+          layout="total, sizes, prev, pager, next, jumper"
+        >
+        </el-pagination>
+      </el-col>
+    </el-row>
+
+    <div slot="footer">
+      <el-button @click="fnCancel">取 消</el-button>
+      <el-button type="primary" @click="fnOk">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import request from "@/utils/request";
+export default {
+  data() {
+    return {
+      visible: false,
+      dbList: [],
+      sltdRows: [],
+      pageSize: 10,
+      pageCurrent: 1,
+      pageTotal: 0,
+      queryParams: {
+        pieceId: "",
+        pieceName: ""
+      }
+    };
+  },
+  methods: {
+    init() {
+      this.getList();
+      this.visible = true;
+    },
+    getList() {
+      this.listLoading = true;
+      let _query = {
+        dataType: 0,
+        keyword: "",
+        menuId: "591256890197938117",
+        moduleId: "591255830234402757",
+        sidx: "",
+        sort: "desc",
+        superQueryJson: "",
+        type: 1,
+        documentStatus: "1",
+        pieceId: this.queryParams.pieceId,
+        pieceName: this.queryParams.pieceName,
+        pageSize: this.pageSize,
+        currentPage: this.pageCurrent
+      };
+      request({
+        url: `/api/example/YysBillMaterial/getList`,
+        method: "post",
+        data: _query
+      }).then(res => {
+        var _list = res.data.list;
+        this.dbList = _list;
+        this.pageTotal = res.data.pagination.total;
+      });
+    },
+    fnSltChg(sltdRowsNow) {
+      this.sltdRows = sltdRowsNow;
+    },
+    fnPageSizeChg(pageSizeNow) {
+      this.pageSize = pageSizeNow;
+      this.pageCurrent = 1;
+      this.fnSch();
+    },
+    fnPageCurrentChg(pageCurrentNow) {
+      this.pageCurrent = pageCurrentNow;
+      this.fnSch();
+    },
+    fnSch() {
+      this.getList();
+    },
+    fnResetSch() {
+      this.queryParams.pieceId = "";
+      this.queryParams.pieceName = "";
+      this.fnSch();
+    },
+    fnCancel() {
+      this.visible = false;
+    },
+    fnOk() {
+      this.$emit('cbSltdChg', this.sltdRows)
+      this.fnCancel();
+    }
+  }
+};
+</script>
+<style lang="scss" scoped></style>