From 955ae669456508ae16438ffa462a1f0cec31932d Mon Sep 17 00:00:00 2001
From: "yunfeng.liu" <lyf681888@126.com>
Date: Wed, 16 Mar 2022 18:02:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9B=B6=E4=BB=B6=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=9F=B1=E6=8A=A4=E6=9D=BF?=
 =?UTF-8?q?=E8=A1=A5=E6=89=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pg-fis/basedate/m100Online/budaMB.vue     |   4 +-
 .../pg-fis/basedate/m100Online/budaZHB.vue    | 677 ++++++++++++++++++
 .../basedate/m100Online/normalPritIndex.vue   |  30 +
 .../pg-fis/basedate/partSwitch/index.vue      | 513 +++++++++++++
 4 files changed, 1222 insertions(+), 2 deletions(-)
 create mode 100644 vue/src/views/pg-fis/basedate/m100Online/budaZHB.vue
 create mode 100644 vue/src/views/pg-fis/basedate/partSwitch/index.vue

diff --git a/vue/src/views/pg-fis/basedate/m100Online/budaMB.vue b/vue/src/views/pg-fis/basedate/m100Online/budaMB.vue
index 62a33633..35209146 100644
--- a/vue/src/views/pg-fis/basedate/m100Online/budaMB.vue
+++ b/vue/src/views/pg-fis/basedate/m100Online/budaMB.vue
@@ -453,7 +453,7 @@ export default {
 		 * @param {Object} data
 		 */
     getList(data) {
-			debugger
+
       this.listLoading = true;
 			let inputParam = {};
       if (data != undefined) {
@@ -495,7 +495,7 @@ export default {
     },
     //补打-门板
     handleReplenishPrint() {
-			debugger
+
       this.isEdit = true;
       if (this.multipleSelection == null || this.multipleSelection.length == 0) {
         this.$message({
diff --git a/vue/src/views/pg-fis/basedate/m100Online/budaZHB.vue b/vue/src/views/pg-fis/basedate/m100Online/budaZHB.vue
new file mode 100644
index 00000000..34db27c0
--- /dev/null
+++ b/vue/src/views/pg-fis/basedate/m100Online/budaZHB.vue
@@ -0,0 +1,677 @@
+<!--补打柱护板-->
+<template>
+  <div class="cr-body-content">
+    <div ref="box">
+      <flexbox class="content-header">
+        <el-form
+          :model="listQuery"
+          ref="queryForm"
+          v-show="showSearch"
+          :inline="true"
+        >
+          <el-form-item label="大众顺序号">
+            <el-col :span="11">
+              <el-form-item prop="beginHostSN">
+                <el-input
+                  v-model="listQuery.beginHostSN"
+                  placeholder=""
+                  clearable
+                  size="small"
+                  style="width: 170px"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col class="line" :span="2" style="width: 12px; text-align: center">-</el-col>
+            <el-col :span="11">
+              <el-form-item prop="endHostSN">
+                <el-input
+                  v-model="listQuery.endHostSN"
+                  placeholder=""
+                  clearable
+                  size="small"
+                  style="width: 170px"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+            </el-col>
+          </el-form-item>
+
+          <el-form-item label="底盘号码">
+            <el-col :span="11">
+              <el-form-item prop="beginVin">
+                <el-input
+                  v-model="listQuery.beginVin"
+                  placeholder=""
+                  clearable
+                  size="small"
+                  style="width: 140px"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col class="line" :span="2" style="width: 12px; text-align: center">-</el-col>
+            <el-col :span="11">
+              <el-form-item prop="endVin">
+                <el-input
+                  v-model="listQuery.endVin"
+                  placeholder=""
+                  clearable
+                  size="small"
+                  style="width: 140px"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+            </el-col>
+          </el-form-item>
+					
+					<el-form-item label="上线日期">
+					  <el-date-picker
+					    v-model="listQuery.onlineTimeValue"
+					    size="small"
+					    style="width: 380px"
+					    value-format="yyyy-MM-dd HH:mm:ss"
+					    type="datetimerange"
+					    :default-time="['00:00:00', '23:59:59']"
+					    range-separator="-"
+					    start-placeholder="开始日期"
+					    end-placeholder="结束日期"
+					  ></el-date-picker>
+					</el-form-item>
+
+          <el-form-item>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="handleFilter"
+              >搜索</el-button
+            >
+            <el-button
+              icon="el-icon-refresh"
+              size="mini"
+              @click="resetQuery('queryForm')"
+              >重置</el-button
+            >
+            <el-button
+              class="filter-item"
+              size="mini"
+              type="success"
+              icon="el-icon-s-shop"
+              @click="handleReplenishPrint()"
+              >补打(支持多选)</el-button
+            >
+
+          </el-form-item>
+        </el-form>
+      </flexbox>
+      <el-table
+        ref="multipleTable"
+        v-loading="listLoading"
+        element-loading-text="拼命加载中..."
+        element-loading-spinner="el-icon-loading"
+        class="cr-table"
+        :data="list"
+        :height="tableHeightZHB"
+        :cell-style="cellStyle"
+        :header-cell-style="headerRowStyle"
+        size="small"
+        stripe
+        border
+        highlight-current-row
+        style="width: 100%; margin-top: -25px"
+        @selection-change="handleSelectionChange"
+        @row-click="handleRowClick"
+        :row-key="getRowKeys"
+        :expand-row-keys="expands"
+        @expand-change="exChange"
+      >
+        <el-table-column type="selection" width="44px" sortable="false"></el-table-column>
+        <el-table-column
+          v-for="(item, index) in getDefaultField"
+          :key="index"
+          :prop="item.prop"
+          :label="item.label"
+          :min-width="item.width"
+          :formatter="fieldFormatter"
+
+          show-overflow-tooltip
+          :gutter="0"
+        >
+          <template slot="header" slot-scope="scope">
+            {{ scope.column.label }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="table-footer">
+        <!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"-->
+        <pagination
+          v-show="totalCount > 0"
+          :total="totalCount"
+          style="margin-bottom: -5px; float: right"
+          :page.sync="page"
+          :limit.sync="listQuery.MaxResultCount"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from "@/components/Pagination";
+import permission from "@/directive/permission/index.js";
+import CRMTableHead from "../../components/CRMTableHead";
+import importExcel from "@/components/ImportExcel-vw";
+import Lockr from "lockr";
+import { mapGetters } from "vuex";
+import moment from "moment";
+import Detail from "./detail.vue";
+import { downloadFile } from "@/utils/crmindex.js";
+import qs from "qs";
+
+export default {
+  name: "M100Online-budaZHB",
+  components: { Pagination, CRMTableHead, importExcel, Detail },
+  directives: { permission },
+  filters: {
+    IsCustomerSignFilter(status) {
+      //翻译是否签字
+      const statusMap = {
+        true: "是",
+        false: "否",
+      };
+      return statusMap[status];
+    },
+  },
+  props: {
+    customerInfosZHB: {
+      type: Array,
+      default: () => {
+
+        return [];
+      },
+    },
+  },
+  data() {
+
+    return {
+      crmType: "M100Online-ZHB",
+      getRowKeys: (row) => {
+        return row.id; //这里看这一行中需要根据哪个属性值是id
+      },
+      expands: [], //只展开一行放入当前行id
+      PrintTimeValue: [],
+      activeNames: ["1"],
+      multipleSelection: [],
+      valueSelect: "",
+      customerInfos: [],
+      dialogOptions: [],
+      versionValue: "",
+      searchContent: "", // 输入内容
+      showExcelImport: false,
+      form: {},
+      drawer: false,
+      list: null,
+      totalCount: 0,
+      listLoading: true,
+      customerInfo: {
+        printType: "",
+        productLine: "",
+      },
+      // 高级搜索
+      filterObj: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      listQuery: {
+        SkipCount: 0,
+        MaxResultCount: 15,
+        beginVin: undefined,
+        endVin: undefined,
+        beginHostSN: undefined,
+        endHostSN: undefined,
+        OnlineTimeBegin: undefined,
+        OnlineTimeEnd: undefined,
+      },
+      listPLQuery: {
+        BillType: 2,
+        //UserId: this.userinfo.UserId,
+      },
+      hostSNQuery: {
+        productLine: undefined,
+      },
+      hostCheckQuery: {
+        printType: undefined, //0:打印;1:重打;2:补打;
+        productLine: undefined,
+        beginHostSN: undefined,
+        endHostSN: undefined,
+        beginVin: undefined,
+        endVin: undefined,
+      },
+      hostPrintQuery: {
+        printType: undefined, //0:打印;1:重打;2:补打;
+        productLine: undefined,
+        beginHostSN: undefined,
+        endHostSN: undefined,
+        beginVin: undefined,
+        endVin: undefined,
+      },
+      fileQuery: {
+        dataname: undefined,
+      },
+      form: {
+        details: [],
+      },
+      page: 1,
+      // 显示搜索条件
+      showSearch: true,
+      drawer: false,
+      dialogFormVisible: false,
+      formTitle: "",
+      isEdit: false,
+      formLoading: false,
+      tableHeight: document.documentElement.clientHeight - 335,
+      tableHeightZHB: document.documentElement.clientHeight - 300,
+      detailTableHeight: 250,
+      details: [], //修改子表数据源
+      PLList: [], //产线下拉
+      isShowHostSN: false,
+      isShowVin: false,
+      isShowState: true,
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      var offsetHei = document.documentElement.clientHeight;
+      //console.log(offsetHei);
+      let boxH = this.$refs.box.offsetHeight;
+      this.tableHeight = offsetHei - boxH - 57 - 79; //57为footer高度，79为页面上部标签高度
+      //this.tableHeight = offsetHei -260
+    });
+  },
+  created() {
+    this.getList();
+  },
+  watch: {
+    customerInfosZHB: {
+      handler(newVal) {
+				debugger
+        console.log("柱护板-接收的父组件的值：" + JSON.stringify(newVal));
+        if (newVal == "" || newVal == "undefined") {
+          //TODO
+        } else {
+          newVal.forEach((element) => {
+            this.customerInfo.printType = 2; //2时补打
+            this.customerInfo.productLine = element.ProductLine;
+          });
+          if (this.customerInfo.productLine != "") {
+            this.getList();
+          }
+        }
+      },
+      immediate: true,
+    },
+  },
+  computed: {
+    getDefaultField() {
+      var tempsTabs = [];
+      tempsTabs.push({ label: "大众顺序号", prop: "hostSN", width: 80 });
+      tempsTabs.push({
+        label: "底盘号",
+        prop: "vin",
+        width: 160,
+
+      });
+      tempsTabs.push({
+        label: "KNR",
+        prop: "knr",
+        width: 100,
+
+      });
+      tempsTabs.push({
+        label: "M100上线时间",
+        prop: "onlineTime",
+        width: 150,
+
+      });
+      tempsTabs.push({
+        label: "M100接收时间",
+        prop: "receiveTime",
+        width: 150,
+
+      });
+      tempsTabs.push({
+        label: "车型代码",
+        prop: "vehicleModelCode",
+        width: 100,
+
+      });
+      tempsTabs.push({
+        label: "版本",
+        prop: "version",
+        width: 100,
+
+      });
+
+      tempsTabs.push({
+        label: "产线",
+        prop: "productLine",
+        width: 80,
+
+      });
+      tempsTabs.push({
+        label: "柱护板状态",
+        prop: "printBillNum",
+        width: 110,
+
+      });
+
+      tempsTabs.push({
+        label: "备注",
+        prop: "remark",
+        width: 80,
+
+      });
+			tempsTabs.push({
+			  label: "R100上线时间",
+			  prop: "r100OnlineTime",
+			  width: 150,
+			
+			});
+			tempsTabs.push({
+			  label: "R100接收时间",
+			  prop: "r100ReceiveTime",
+			  width: 150,
+			
+			});
+      return tempsTabs;
+    },
+
+
+    ...mapGetters(["userInfo"]), //获取当前用户信息
+  },
+  methods: {
+    //base64转化成流，dataurl是后台返回的base64
+    dataURLtoBlob(dataurl) {
+      var bstr = atob(dataurl.substring(dataurl.indexOf(",") + 1));
+      var n = bstr.length;
+      var u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new Blob([u8arr], { type: "application/pdf" });
+    },
+    doPrint(val) {
+      var ordonnance = document.getElementById(val).contentWindow;
+      setTimeout(() => {
+        // window.print()
+        ordonnance.print();
+        this.pdfLoading = false;
+      }, 100);
+    },
+    printpdf(dataResult) {
+      //打印功能，dataResult是后台返回的base64
+      let blob = this.dataURLtoBlob(dataResult);
+      var date = new Date().getTime();
+      var ifr = document.createElement("iframe");
+      ifr.style.frameborder = "no";
+      ifr.style.display = "none";
+      ifr.style.pageBreakBefore = "always";
+      ifr.setAttribute("id", "printPdf" + date);
+      ifr.setAttribute("name", "printPdf" + date);
+      ifr.src = window.URL.createObjectURL(blob);
+      document.body.appendChild(ifr);
+      this.doPrint("printPdf" + date);
+      window.URL.revokeObjectURL(ifr.src); // 释放URL 对象
+      this.dialogFormVisible = false;
+    },
+		
+		/**
+		 * DataGrid只展开当前行
+		 * @param {Object} row
+		 * @param {Object} rowList
+		 */
+    exChange(row, rowList) {
+      //this.listLoading = true;
+
+      var that = this;
+      if (rowList.length) {
+        that.expands = [];
+        if (row) {
+          that.expands.push(row.id); // 只展开当前行id
+        }
+      } else {
+        that.expands = [];
+      }
+    },
+		
+    /**
+		 * 取列表数据
+		 * @param {Object} data
+		 */
+    getList(data) {
+			//debugger
+      this.listLoading = true;
+			let inputParam = {};
+      if (data != undefined) {
+        inputParam.SkipCount = (this.page - 1) * data.limit;
+      } else {
+        inputParam.SkipCount = (this.page - 1) * 15;
+      }
+      inputParam.vinBegin = this.listQuery.beginVin;
+      inputParam.vinEnd = this.listQuery.endVin;
+      inputParam.hostSNBegin = this.listQuery.beginHostSN;
+      inputParam.hostSNEnd = this.listQuery.endHostSN;
+			
+			if (this.listQuery.onlineTimeValue !== undefined) {
+			  inputParam.onlineTimeBegin = this.listQuery.onlineTimeValue[0];
+			  inputParam.onlineTimeEnd = this.listQuery.onlineTimeValue[1];
+			}
+
+      if (this.customerInfo.productLine != "") {
+        inputParam.productLine = this.customerInfo.productLine;
+      }
+
+      console.log('取柱护板补打列表replenish-print-zhb-list方法输入参数：' + JSON.stringify(this.listQuery));
+      this.$axios
+        .gets(
+          "/api/newjit/bill-m100/replenish-print-zhb-list",
+          inputParam
+        )
+        .then((response) => {
+          this.list = response.items;
+          this.totalCount = response.totalCount;
+          setTimeout(() => {
+            //大数据量加载时
+            this.listLoading = false;
+          }, 500);
+        })
+        .catch(() => {
+          this.listLoading = false;
+        });
+    },
+    //补打-柱护板
+    handleReplenishPrint() {
+			debugger
+      this.isEdit = true;
+      if (this.multipleSelection == null || this.multipleSelection.length == 0) {
+        this.$message({
+          message: "请选择要补打的单据！",
+          type: "warning",
+        });
+        return;
+      } else {
+        //补打方法
+        let beginVin1 = this.multipleSelection[0].vin;
+        let endVin1 = this.multipleSelection[this.multipleSelection.length -1].vin;
+        var params = {
+          printType: 2,
+          productLine: this.customerInfo.productLine,
+          beginVin: beginVin1,
+          endVin: endVin1,
+					m100IdList: []
+        };
+				this.multipleSelection.forEach(itm => {
+					params.m100IdList.push(itm.id);
+				});
+				
+        console.log("柱护板补打输入参数：" + JSON.stringify(params));
+        this.$axios
+          .posts("/api/newjit/bill-m100/print-zhuhuban-packing-list", params)
+          .then((response) => {
+
+            if (response.status === false) {
+              this.$message({
+                message: response.message,
+                type: "error",
+              });
+              return;
+            } else {
+              this.fileQuery.dataname = JSON.stringify(response.item);
+							
+              console.log(
+                "柱护板-调用Handlers/Handler1.ashx?report=zhuhuban传的值：" +
+                  JSON.stringify(this.fileQuery.dataname)
+              );
+							
+              this.$axios
+                .posts(
+                  "/Handlers/Handler1.ashx?report=zhuhuban",
+                  qs.stringify(this.fileQuery)
+                )
+                .then((response) => {
+                  this.printpdf(response); //打印我文件流
+									this.getList(); //刷新列表
+                });
+            }
+          })
+          .catch(() => {});
+      }
+    },
+
+
+    /** 重置按钮操作 */
+    resetQuery(refName) {
+      this.$refs[refName].resetFields();
+			this.listQuery.OnlineTimeValue = [];
+      this.handleQuery();
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.listQuery.SkipCount = 1;
+      //this.getList();
+    },
+
+    /** DataGrid格式化显示字段 */
+    fieldFormatter(row, column) {
+      if (column.property === "billStatus") {
+        return { 1: "未匹配", 2: "未打印", 3: "已打印" }[row[column.property]];
+      }
+			if (column.property === "printBillNum") {
+				
+				if (row[column.property] != null && row[column.property].length > 0)
+				{
+					return "柱护板已打印"
+				}
+				else
+				{
+					return "柱护板未打印"
+				}
+			}	
+			
+      if (column.property == "printDate" || column.property == "receiveTime") {
+        var date = row[column.property];
+        if (date == undefined) {
+          return "";
+        }
+        return moment(date).format("YYYY-MM-DD HH:mm:ss");
+      }
+      return row[column.property] || "--";
+    },
+
+    /**
+		 * 搜索按钮单击事件
+		 */
+    handleFilter() {
+      this.page = 1;
+      this.getList();
+    },
+
+		/**
+		 * DataGrid列排序事件（未使用）
+		 * @param {Object} data
+		 */
+    sortChange(data) {
+      const { prop, order } = data;
+      if (!prop || !order) {
+        this.handleFilter();
+        return;
+      }
+      this.listQuery.Sorting = prop + " " + order;
+      this.handleFilter();
+    },
+		
+		/**
+		 * DataGrid多选触发事件
+		 * @param {Object} val
+		 */
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    /** 
+		 * DataGrid通过回调控制style 
+		 */
+    cellStyle({ row, column, rowIndex, columnIndex }) {
+      if (column.property === "qty") {
+        return { textAlign: "right" };
+      } else {
+        return { textAlign: "left" };
+      }
+    },
+    /** DataGrid通过回调控制表头style */
+    headerRowStyle({ row, column, rowIndex, columnIndex }) {
+      if (column.property === "qty") {
+        return { textAlign: "right", background: "#FAFAFA" };
+      } else {
+        return { textAlign: "left", background: "#FAFAFA" };
+      }
+    },
+		
+		/**
+		 * DataGrid行单击事件
+		 * @param {Object} row
+		 * @param {Object} column
+		 * @param {Object} event
+		 */
+    handleRowClick(row, column, event) {
+      //this.$refs.multipleTable.clearSelection();
+      this.$refs.multipleTable.toggleRowSelection(row);
+    },
+
+    closeDialog() {},
+  },
+};
+</script>
+
+
+
+<style lang="scss" scoped>
+@import "../../../pg-fis/styles/crmtable.scss";
+.divider1 {
+  margin: 0;
+}
+.divider2 {
+  margin: 10px;
+  margin-bottom: 20px;
+  width: 95%;
+}
+.label1 {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+</style>
+
+
diff --git a/vue/src/views/pg-fis/basedate/m100Online/normalPritIndex.vue b/vue/src/views/pg-fis/basedate/m100Online/normalPritIndex.vue
index a6408323..1c670da7 100644
--- a/vue/src/views/pg-fis/basedate/m100Online/normalPritIndex.vue
+++ b/vue/src/views/pg-fis/basedate/m100Online/normalPritIndex.vue
@@ -112,6 +112,19 @@
             >
               <strong>重新打印柱护板</strong></el-button
             >
+						
+						
+						<el-button
+							v-show="this.listQuery.productType === 2"
+							@click="drawerbudaZHBPrint = true"
+							size="mini"
+							type="warning"
+							plain
+						>
+							<strong>柱护板补打</strong></el-button
+						>
+						
+						
             <el-button
               v-show="this.listQuery.productType === 2"
               @click="drawerZHBDelete = true"
@@ -187,6 +200,20 @@
     >
       <RepetitionZHB v-bind:customerInfosZHB="customerInfosZHB"></RepetitionZHB>
     </el-drawer>
+		
+		
+		<!--柱护板补打-->
+		<el-drawer
+		  title="柱护板补打"
+		  :visible.sync="drawerbudaZHBPrint"
+		  direction="rtl"
+		  size="65%"
+		>
+		  <budaZHB v-bind:customerInfosZHB="customerInfosZHB"></budaZHB>
+		</el-drawer>
+		
+		
+		
     <!--柱护板重打和作废-->
     <el-drawer
       title="柱护板作废"
@@ -426,6 +453,7 @@ import { downloadFile } from "@/utils/crmindex.js";
 import qs from "qs";
 import RepetitionMB from "./RepetitionMB.vue";
 import budaMB from "./budaMB.vue";
+import budaZHB from "./budaZHB.vue";
 import RepetitionZHB from "./RepetitionZHB.vue";
 import ScrapMB from "./ScrapMB.vue";
 import ScrapZHB from "./ScrapZHB.vue";
@@ -445,6 +473,7 @@ export default {
     ScrapMB,
     ScrapZHB,
     budaMB,
+		budaZHB
   },
   directives: { permission },
   filters: {
@@ -480,6 +509,7 @@ export default {
       isDisable: false,
       drawerMBPrint: false,
       drawerbudaMBPrint: false,
+			drawerbudaZHBPrint: false, //显示补打柱护板
       drawerMBDelete: false,
       drawerZHBPrint: false,
       drawerZHBDelete: false,
diff --git a/vue/src/views/pg-fis/basedate/partSwitch/index.vue b/vue/src/views/pg-fis/basedate/partSwitch/index.vue
new file mode 100644
index 00000000..536241cf
--- /dev/null
+++ b/vue/src/views/pg-fis/basedate/partSwitch/index.vue
@@ -0,0 +1,513 @@
+<!--零件切换模块信息管理页-->
+<template>
+	<div class="cr-body-content">
+		<div ref="box">
+			<flexbox class="content-header">
+				<el-form :model="listQuery" ref="queryForm" v-show="showSearch" :inline="true">
+					<el-form-item label="源零件编码" prop="sourcePartCode" class="forimitem">
+						<el-input v-model="listQuery.sourcePartCode" placeholder="请输入源零件编码" clearable size="small" style="width: 240px"
+						 @keyup.enter.native="handleQuery" />
+					</el-form-item>
+
+					<el-form-item label="源零件名称" prop="sourcePartName" class="forimitem">
+						<el-input v-model="listQuery.sourcePartName" placeholder="请输入源零件名称" clearable size="small" style="width: 240px"
+						 @keyup.enter.native="handleQuery" />
+					</el-form-item>
+
+					<el-form-item label="目标零件编码" prop="targetPartCode" class="forimitem">
+						<el-input v-model="listQuery.targetPartCode" placeholder="请输入目标零件编码" clearable size="small" style="width: 240px"
+						 @keyup.enter.native="handleQuery" />
+					</el-form-item>
+
+					<el-form-item label="目标零件名称" prop="targetPartName" class="forimitem">
+						<el-input v-model="listQuery.targetPartName" placeholder="请输入目标零件名称" clearable size="small" style="width: 240px"
+						 @keyup.enter.native="handleQuery" />
+					</el-form-item>
+
+					<el-form-item class="formitem">
+						<el-button type="primary" icon="el-icon-search" size="mini" @click="handleFilter">搜索</el-button>
+						<el-button icon="el-icon-refresh" size="mini" @click="resetQuery('queryForm')">重置</el-button>
+						<el-button type="warning" plain icon="el-icon-download" size="mini" style="margin-left: 15px" @click="handleDownload()">导出(Excel)
+						</el-button>
+					</el-form-item>
+					
+					<el-form-item style="margin-bottom: 0px; ">
+						<el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" @click="handleCreate">新增
+						</el-button>
+						<el-button class="filter-item" size="mini" type="primary" icon="el-icon-edit" @click="handleUpdate">修改
+						</el-button>
+						<el-button class="filter-item" size="mini" type="primary" icon="el-icon-delete" @click="handleDelete">删除
+						</el-button>
+					</el-form-item>
+				</el-form>
+			</flexbox>
+		</div>
+		<div class="l-table">
+			<!--表格渲染-->
+			<el-table ref="multipleTable" v-loading="listLoading" element-loading-text="拼命加载中..." element-loading-spinner="el-icon-loading"
+			 class="cr-table" :data="tableData" :height="tableHeight" :cell-style="cellStyle" :header-cell-style="headerRowStyle"
+			 size="small" stripe border highlight-current-row style="width: 100%" @sort-change="sortChange" @selection-change="handleSelectionChange"
+			 @row-click="handleRowClick">
+				<el-table-column type="selection" width="44px"></el-table-column>
+				<el-table-column v-for="(item, index) in getDefaultField" :key="index" :prop="item.prop" :label="item.label"
+				 :min-width="item.width" :formatter="fieldFormatter" sortable="custom" show-overflow-tooltip :gutter="0">
+					<template slot="header" slot-scope="scope">
+						{{ scope.column.label }}
+					</template>
+				</el-table-column>
+			</el-table>
+
+			<!--表单渲染-->
+			<el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false" :title="formTitle" width="700px" @close="closeDialog">
+				<el-form ref="form" :inline="true" :model="childFormModel" :rules="rules" size="small" label-width="120px">
+					<el-row>
+						<el-col :span="4">
+							<el-form-item label="源零件编码：" required />
+						</el-col>
+						<el-col :span="20">
+							<el-form-item prop="sourcePartCode">
+								<el-input style="width: 400px" v-model="childFormModel.sourcePartCode" />
+							</el-form-item>
+						</el-col>
+					</el-row>
+
+					<el-row>
+						<el-col :span="4">
+							<el-form-item label="目标零件编码：" required />
+						</el-col>
+						<el-col :span="20">
+							<el-form-item prop="targetPartCode">
+								<el-input style="width: 400px" v-model="childFormModel.targetPartCode" />
+							</el-form-item>
+						</el-col>
+					</el-row>
+				</el-form>
+				<!--表格渲染-->
+				<div slot="footer" class="dialog-footer">
+					<el-button type="text" @click="dialogFormVisible = false">取消</el-button>
+					<el-button v-loading="formLoading" type="primary" @click="save()">确认</el-button>
+				</div>
+			</el-dialog>
+		</div>
+
+		<div class="table-footer">
+			<!-- 分页控件 -->
+			<pagination v-show="totalCount > 0" :total="totalCount" :page.sync="pageIndex" :limit.sync="listQuery.maxResultCount"
+			 @pagination="getList" />
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import Pagination from "@/components/Pagination";
+	import permission from "@/directive/permission/index.js";
+	import CRMTableHead from "../../components/CRMTableHead";
+	import importExcel from "@/components/ImportTxt";
+	import Lockr from "lockr";
+	import moment from "moment";
+	//import Detail from "./detail.vue";
+	import {
+		downloadFile
+	} from "@/utils/crmindex.js";
+
+	export default {
+		name: "PartSwitch",
+		components: {
+			Pagination,
+			CRMTableHead,
+			importExcel,
+			//Detail
+		},
+		directives: {
+			permission
+		},
+		// filters: {
+		// 	IsCustomerSignFilter(status) {
+		// 		//翻译是否签字
+		// 		const statusMap = {
+		// 			true: "是",
+		// 			false: "否",
+		// 		};
+		// 		return statusMap[status];
+		// 	},
+		// },
+		data() {
+
+			return {
+				rules: {
+					sourcePartCode: [{
+						required: true,
+						message: "必须输入！",
+						trigger: "blur"
+					}],
+					targetPartCode: [{
+						required: true,
+						message: "必须输入！",
+						trigger: "blur"
+					}],
+				},
+
+				tableData: null,
+				totalCount: 0,
+				listLoading: true,
+
+				listQuery: {
+					sourcePartCode: undefined,
+					sourcePartName: undefined,
+					targetPartCode: undefined,
+					targetPartName: undefined,
+					maxResultCount: 15,
+					skipCount: 0
+				},
+
+				childFormModel: {
+				},
+				//当前页索引
+				pageIndex: 1, 
+				// 显示搜索条件
+				showSearch: true,
+
+				multipleSelection: [],
+				dialogFormVisible: false,
+				formTitle: "",
+				isEdit: false,
+				formLoading: false,
+				tableHeight: document.documentElement.clientHeight - 280,
+			};
+		},
+		mounted() {
+			this.$nextTick(() => {
+				var offsetHei = document.documentElement.clientHeight;
+				//console.log(offsetHei);
+				let boxH = this.$refs.box.offsetHeight;
+				this.tableHeight = offsetHei - boxH - 57 - 79; //57为footer高度，79为页面上部标签高度
+
+			});
+		},
+		created() {
+			debugger
+			this.getList();
+			
+		},
+		computed: {
+			getDefaultField() {
+				var tempsTabs = [];
+				tempsTabs.push({
+					label: "源零件编码",
+					prop: "sourcePartCode",
+					width: 150,
+				});
+				tempsTabs.push({
+					label: "源零件名称",
+					prop: "sourcePartName",
+					width: 200,
+				});
+				tempsTabs.push({
+					label: "目标零件编码",
+					prop: "targetPartCode",
+					width: 150,
+				});
+				tempsTabs.push({
+					label: "目标零件名称",
+					prop: "targetPartName",
+					width: 200,
+				});
+				tempsTabs.push({
+					label: "创建时间",
+					prop: "creationTime",
+					width: 180,
+				});
+				console.log("字段列表：" + JSON.stringify(tempsTabs));
+				return tempsTabs;
+			},
+		},
+		methods: {
+			/**
+			 * 子窗口保存按钮事件
+			 */
+			save() {
+				
+				let _this = this;
+				this.$refs.form.validate((valid) => {
+					if (valid) {
+						console.log("保存参数:" + JSON.stringify(_this.childFormModel));
+						_this.formLoading = true;
+						if (_this.isEdit) {
+							//修改
+							_this.$axios
+								.puts("/api/newjit/part-switch/" + _this.childFormModel.id, _this.childFormModel)
+								.then((response) => {
+									_this.formLoading = false;
+									_this.$notify({
+										title: "成功",
+										message: "更新成功",
+										type: "success",
+										duration: 2000,
+									});
+									_this.dialogFormVisible = false;
+									_this.getList();
+								})
+								.catch(() => {
+									_this.formLoading = false;
+								});
+						} else {
+							//insert添加
+							console.log(JSON.stringify(_this.childFormModel));
+							_this.$axios
+								.posts("/api/newjit/part-switch", _this.childFormModel)
+								.then((response) => {
+									_this.formLoading = false;
+									_this.$notify({
+										title: "成功",
+										message: "新增成功",
+										type: "success",
+										duration: 2000,
+									});
+									_this.dialogFormVisible = false;
+									_this.getList();
+								})
+								.catch(() => {
+									_this.formLoading = false;
+								});
+						}
+					}
+				});
+			},
+
+			/** 新增 */
+			handleCreate() {
+				if (this.$refs["form"] !== undefined) {
+					this.$nextTick(() => {
+
+						this.$refs["form"].resetFields();
+					});
+				}
+				this.formTitle = "新增";
+				this.isEdit = false;
+				this.childFormModel = {};
+				this.dialogFormVisible = true;
+			},
+			/** 修改 */
+			handleUpdate(row) {
+				this.formTitle = "修改";
+				this.isEdit = true;
+				if (this.multipleSelection.length != 1) {
+					this.$message({
+						message: "编辑必须选择单行",
+						type: "warning",
+					});
+					return;
+				} else {
+					this.fetchData(this.multipleSelection[0].id);
+					this.dialogFormVisible = true;
+				}
+			},
+			/** 删除 */
+			handleDelete(row) {
+				if (this.multipleSelection.length != 1) {
+					this.$message({
+						message: "编辑必须选择单行",
+						type: "warning",
+					});
+					return;
+				}
+				this.$confirm(
+						"是否删除记录" + this.multipleSelection[0].sourcePartCode + "?",
+						"提示", {
+							confirmButtonText: "确定",
+							cancelButtonText: "取消",
+							type: "warning",
+						}
+					)
+					.then(() => {
+						this.$axios
+							.deletes(
+								"/api/newjit/part-switch/" + this.multipleSelection[0].id
+							)
+							.then((response) => {
+								
+								this.$notify({
+									title: "成功",
+									message: "删除成功",
+									type: "success",
+									duration: 2000,
+								});
+								this.getList();
+							});
+					})
+					.catch(() => {
+						this.$message({
+							type: "info",
+							message: "已取消删除",
+						});
+					});
+			},
+			fetchData(id) {
+				//循环动态
+				this.$axios
+					.gets("/api/newjit/part-switch/" + id)
+					.then((response) => {
+						this.childFormModel = response.item;
+					});
+			},
+			/** 导出功能 */
+			handleDownload() {
+				this.listLoading = true;
+				console.log(JSON.stringify(this.listQuery));
+				this.$axios
+					.posts("/api/newjit/part-switch/export", this.listQuery)
+					.then((res) => {
+						let filename = res.item;
+						this.$axios
+							.BolbGets("/api/newjit/exclude-part-cfg/download/" + filename)
+							.then((response) => {
+								if (filename.indexOf("_") != -1) {
+									let downName =
+										filename.slice(0, filename.lastIndexOf("_")) +
+										filename.slice(filename.lastIndexOf("."));
+									downloadFile(response, downName);
+									this.$notify({
+										title: "成功",
+										message: "数据-导出成功！",
+										type: "success",
+										duration: 2000,
+									});
+								} else {
+									downloadFile(response, filename);
+									this.$notify({
+										title: "成功",
+										message: "数据-导出成功！",
+										type: "success",
+										duration: 2000,
+									});
+								}
+								this.listLoading = false;
+							});
+					});
+				this.listLoading = false;
+			},
+			/** 重置按钮操作 */
+			resetQuery(refName) {
+				this.$refs[refName].resetFields();
+				this.handleQuery();
+				this.listQuery.TargetPartName = [];
+			},
+			/** 搜索按钮操作 */
+			handleQuery() {
+				this.listQuery.skipCount = 0;
+				this.getList();
+			},
+
+			/** 格式化字段 */
+			fieldFormatter(row, column) {
+				return row[column.property];
+			},
+
+			getList() {
+				let _this = this;
+				this.listLoading = true;
+				console.log("getList方法参数：" + JSON.stringify(this.listQuery));
+				this.listQuery.skipCount = (this.pageIndex - 1) * this.listQuery.maxResultCount;
+
+				this.$axios
+					.gets("/api/newjit/part-switch/list", this.listQuery)
+					.then((response) => {
+
+						_this.tableData = response.items;
+						console.log("getList方法结果：" + JSON.stringify(_this.tableData));
+						_this.totalCount = response.totalCount;
+						setTimeout(() => {
+							//大数据量加载时
+							_this.listLoading = false;
+						}, 500);
+					})
+					.catch(() => {
+						_this.listLoading = false;
+					});
+
+			},
+
+			handleFilter() {
+				this.pageIndex = 1;
+				this.getList();
+			},
+
+			sortChange(data) {
+				const {
+					prop,
+					order
+				} = data;
+				if (!prop || !order) {
+					this.handleFilter();
+					return;
+				}
+				this.listQuery.Sorting = prop + " " + order;
+				this.handleFilter();
+			},
+			
+			handleSelectionChange(val) {
+				this.multipleSelection = val;
+			},
+			/** 通过回调控制style */
+			cellStyle({
+				row,
+				column,
+				rowIndex,
+				columnIndex
+			}) {
+				if (column.property === "qty") {
+					return {
+						textAlign: "right"
+					};
+				} else {
+					return {
+						textAlign: "left"
+					};
+				}
+			},
+			/** 通过回调控制表头style */
+			headerRowStyle({
+				row,
+				column,
+				rowIndex,
+				columnIndex
+			}) {
+				if (column.property === "qty") {
+					return {
+						textAlign: "right",
+						background: "#FAFAFA"
+					};
+				} else {
+					return {
+						textAlign: "left",
+						background: "#FAFAFA"
+					};
+				}
+			},
+			
+			handleRowClick(row, column, event) {
+				this.$refs.multipleTable.clearSelection();
+				this.$refs.multipleTable.toggleRowSelection(row);
+			},
+
+			closeDialog() {
+				//this.multipleSelection = [];//清空数据
+			},
+		},
+	};
+</script>
+
+
+<style lang="scss" scoped>
+	@import "../../../pg-fis/styles/crmtable.scss";
+
+	.divider1 {
+		margin: 0;
+		//width: 100%;
+	}
+
+	.formitem {
+		margin-bottom: 0;
+	}
+</style>