From 1301fa3484df4d56f582a46bf29cdf88a1811b69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=90=20=E5=BC=A0?= <2366389513@qq.com>
Date: Fri, 14 Jan 2022 11:10:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=A4=87=E4=BB=B6=E4=BB=B7?=
 =?UTF-8?q?=E6=A0=BC=E5=8D=95=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/src/components/ImportExcel-base/index.vue |   6 +-
 vue/src/router/modules/basedata.js            |  10 +
 .../views/ux/basedata/spareparts/index.vue    | 567 ++++++++++++++++++
 vue/static/tableFieldForSearch.json           |  38 +-
 4 files changed, 617 insertions(+), 4 deletions(-)
 create mode 100644 vue/src/views/ux/basedata/spareparts/index.vue

diff --git a/vue/src/components/ImportExcel-base/index.vue b/vue/src/components/ImportExcel-base/index.vue
index 080f1eb6..39f5cbf7 100644
--- a/vue/src/components/ImportExcel-base/index.vue
+++ b/vue/src/components/ImportExcel-base/index.vue
@@ -284,7 +284,7 @@ export default {
       return this.stepsActive == 1;
     },
     getMoudleDisable() {
-      if (this.crmType == "priceList") {
+      if (this.crmType == "priceList" || this.crmType == "spareparts") {
         //只状态可用
         this.isEditYearMont = true;
         this.isEditFactory = true;
@@ -299,6 +299,7 @@ export default {
         {
           invoice: "大众发票汇总",
           priceList: "标准价格单",
+          spareparts: "备件价格单",
           vWKanBan: "大众看板结算明细",
           scrapClaims: "CP7报废和索赔",
           sparePart: "大众备件结算明细",
@@ -340,6 +341,7 @@ export default {
         {
           invoice: "/api/settleaccount/Invoices/ExcelImport", //大众发票导入
           priceList: "/api/settleaccount/PriceList/ExcelImport-Map", //标准价格单
+          spareparts: "/api/SettleAccount/PriceListBJ/ExcelImport-Map", //备件价格单
           vWKanBan: "/api/settleaccount/VWKanBan/ExcelImport", //大众看板结算明细导入
           scrapClaims: "/api/settleaccount/ScrapClaims/ExcelImport", //CP7报废和索赔导入
           sparePart: "/api/settleaccount/SparePart/ExcelImport", //大众备件结算明细导入
@@ -565,7 +567,7 @@ export default {
         fd.append("period", "03");
         fd.append("customerCode", "03");
         fd.append("factory", this.YearMonthValue);
-        if (this.crmType == "priceList") {
+        if (this.crmType == "priceList" || this.crmType == "spareparts") {
           fd.append("version", "202110");
         } else {
           fd.append("version", this.versionValue);
diff --git a/vue/src/router/modules/basedata.js b/vue/src/router/modules/basedata.js
index 6efa7d1c..7937c43f 100644
--- a/vue/src/router/modules/basedata.js
+++ b/vue/src/router/modules/basedata.js
@@ -49,6 +49,16 @@ const basedataRouter = {
         icon: '结算'
       }
     },
+    {
+      path: 'spareparts',
+      component: () => import('@/views/ux/basedata/spareparts/index'),
+      name: 'Spareparts',//命名路由
+      meta: {
+        title: '备件价格单',
+        roles: ['SettleAccount.PriceLists'],
+        icon: '结算'
+      }
+    },
   //   {
   //     path: 'wms-kanban',
   //     component: () => import('@/views/ux/vw/dataInput/wmsKanban'),
diff --git a/vue/src/views/ux/basedata/spareparts/index.vue b/vue/src/views/ux/basedata/spareparts/index.vue
new file mode 100644
index 00000000..0a6c8506
--- /dev/null
+++ b/vue/src/views/ux/basedata/spareparts/index.vue
@@ -0,0 +1,567 @@
+<!--备件价格单信息页-->
+<template>
+  <div class="cr-body-content">
+    <flexbox class="content-header">
+      <XhJSSelect
+        :options="versionList"
+        style="width: 200px"
+        class="search-container"
+        @value-change="selectValue"
+      ></XhJSSelect>
+
+      <el-button
+        class="filter-item"
+        size="mini"
+        type="warning"
+        icon="el-icon-upload2"
+        @click="handleImportExcel()"
+        v-permission="['SettleAccount.PriceLists.Create']"
+        >导入文件（Excel）
+      </el-button>
+
+      <el-input
+        v-model="searchContent"
+        clearable
+        size="small"
+        placeholder="按照物料编号搜索..."
+        style="width: 200px"
+        class="search-container"
+        @keyup.enter.native="handleFilter"
+      />
+      <el-button
+        size="mini"
+        type="success"
+        icon="el-icon-search"
+        @click="handleFilter"
+        >搜索
+      </el-button>
+      <el-button
+        class="filter-item"
+        size="mini"
+        type="warning"
+        icon="el-icon-bottom"
+        @click="handleCommand()"
+        >导出Excel
+      </el-button>
+      <!--表格头组件，filter查询-->
+      <c-r-m-table-head
+        ref="crmTableHead"
+        :crm-type="crmType"
+        @handle="handleHandle"
+        @filter="handleFilters"
+      >
+      </c-r-m-table-head>
+
+      <!-- <el-dropdown size="small" class="filter-item" @command="handleCommand">
+        <span class="el-dropdown-link">
+          导出数据<i class="el-icon-arrow-down el-icon--right"></i>
+        </span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item command="excel" icon="el-icon-plus"
+            >导出Excel</el-dropdown-item
+          >
+          <el-dropdown-item command="csv" icon="el-icon-circle-plus"
+            >导出Csv</el-dropdown-item
+          >
+        </el-dropdown-menu>
+      </el-dropdown> -->
+    </flexbox>
+    <div class="l-table">
+      <!--表格渲染-->
+      <el-table
+        ref="multipleTable"
+        v-loading="listLoading"
+        element-loading-text="拼命加载中..."
+        element-loading-spinner="el-icon-loading"
+        class="cr-table"
+        :data="list"
+        :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
+          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>
+    </div>
+
+    <div class="table-footer">
+      <!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"-->
+      <pagination
+        v-show="totalCount > 0"
+        :total="totalCount"
+        :page.sync="page"
+        :limit.sync="listQuery.MaxResultCount"
+        @pagination="getList"
+      />
+      <!-- 导入Excel组件 -->
+      <importExcel
+        ref="importexcel"
+        :show="showExcelImport"
+        :crmType="crmType"
+        @close="importExcelData"
+      />
+    </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-base";
+import Lockr from "lockr";
+import { downloadFile } from "@/utils/crmindex.js";
+import XhJSSelect from "@/components/CreateCom/Xh-JS-Select.vue";
+import moment from "moment";
+
+//组件计量单位
+const bomUnit = [
+  { key: 0, display_name: "PC" },
+  { key: 1, display_name: "TON" },
+  { key: 2, display_name: "Other" },
+];
+const projectTypeKeyValue = bomUnit.reduce((acc, cur) => {
+  acc[cur.key] = cur.display_name;
+  return acc;
+}, {});
+
+export default {
+  name: "Spareparts",
+  components: { Pagination, CRMTableHead, importExcel, XhJSSelect },
+  directives: { permission },
+  filters: {
+    IsCustomerSignFilter(status) {
+      //翻译是否签字
+      const statusMap = {
+        true: "是",
+        false: "否",
+      };
+      return statusMap[status];
+    },
+  },
+  props: {
+    customerInfos: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {
+      crmType: "spareparts",
+      versionValue: "",
+      versionList: [], //版本列表
+      searchContent: "", // 输入内容
+      showExcelImport: false,
+      form: {},
+      drawer: false,
+      list: null,
+      totalCount: 0,
+      listLoading: true,
+      customerInfo: {
+        bomId: "",
+      },
+      // 高级搜索
+      filterObj: {
+        type: Object,
+        default: () => {
+          return {};
+        },
+      },
+      // listQuery: {
+      //    Filters: [
+      //    {
+      //         "logic": 0,
+      //         "column": "enabled",
+      //         "action": 0,
+      //         "value": "true"
+      //       }//默认查询可用的
+      //     ],
+      //     //OrgID:"",
+      //     "SkipCount": 0,
+      //     "MaxResultCount": 15
+      // },
+      listQuery: {
+        Filters: [
+          {
+            logic: 0,
+            column: "enabled",
+            action: 0,
+            value: "true",
+          }, //默认查询可用的
+        ],
+        SkipCount: 0,
+        MaxResultCount: 15,
+        ParentId: null,
+        fileType: 0,
+        userId: "00000000-0000-0000-0000-000000000000",
+      },
+      listVersionQuery: {
+        SkipCount: 0,
+        MaxResultCount: 15,
+        fileType: 0,
+      },
+      // listVersionQuery: {
+
+      //   SkipCount: 0,
+      //   MaxResultCount: 15,
+      //   ParentId: null,
+      //   fileType: 0,
+      //   userId: "00000000-0000-0000-0000-000000000000",
+      // },
+      page: 1,
+      bomUnit,
+      multipleSelection: [],
+      drawer: false,
+      tableHeight: document.documentElement.clientHeight - 260,
+    };
+  },
+  mounted() {
+    var self = this;
+    window.onresize = function () {
+      var offsetHei = document.documentElement.clientHeight;
+      self.tableHeight = offsetHei - 190;
+    };
+  },
+  created() {
+    this.getVersionInfo();
+    this.getList();
+  },
+  // watch: {
+  //   customerInfos: {
+  //     handler(newVal) {
+  //       if (newVal == "" || newVal == "undefined") {
+  //         //TODO
+  //       } else {
+  //         newVal.forEach((element) => {
+  //           this.customerInfo.bomId = element.BomId;
+  //         });
+  //         if (this.customerInfo.bomId != "") {
+  //           this.getList();
+  //         }
+  //       }
+  //     },
+  //   },
+  // },
+  computed: {
+    getDefaultField() {
+      var tempsTabs = [];
+      tempsTabs.push({ label: "版本", prop: "version", width: 120 });
+      tempsTabs.push({
+        label: "物料编号",
+        prop: "materialCode",
+        width: 230,
+      });
+      // tempsTabs.push({
+      //   label: "价格类型",
+      //   prop: "type",
+      //   width: 100,
+      // });
+      tempsTabs.push({
+        label: "价格",
+        prop: "price",
+        width: 100,
+      });
+      // tempsTabs.push({ label: "开始日期", prop: "beginDate", width: 120 });
+      // tempsTabs.push({ label: "结束日期", prop: "endDate", width: 120 });
+      return tempsTabs;
+    },
+  },
+  methods: {
+    selectValue(params) {
+      //版本下拉选择
+      this.versionValue = params.value;
+      this.getList();
+    },
+    handleCommand(command) {
+      if (this.versionValue === "") {
+        this.$message.error("请先选择版本！");
+        return;
+      }
+      this.listQuery.fileType = 1; //0是csv,1是excel
+      /* switch (command) {
+        case "excel":
+          this.listQuery.fileType = 1; //0是csv,1是excel
+          break;
+        case "csv":
+          this.listQuery.fileType = 0; //0是csv,1是excel
+          break;
+        default:
+          //这里是没有找到对应的值处理
+          break;
+      } */
+      this.listLoading = true;
+      /* if (this.versionValue === "") {
+        this.$message.error("必需选择版本！");
+        this.listLoading = false;
+        return;
+      } */
+      if (this.versionValue != "") {
+        this.listQuery.ParentId = this.versionValue;
+      } else {
+        this.listQuery.ParentId = "00000000-0000-0000-0000-000000000000";
+      }
+      this.listQuery.userId = Lockr.get("loginUserInfo").userId;
+      console.log("产品结构导出：" + JSON.stringify(this.listQuery));
+      this.$axios
+        .posts("/api/settleaccount/PriceListBJ/Export", this.listQuery)
+        .then((res) => {
+          let fileNameOfProject = res;
+          this.$axios
+            .BolbGets(
+              "/api/settleaccount/getblobfile/download/" + fileNameOfProject
+            )
+            .then((response) => {
+              if (fileNameOfProject.indexOf("_") != -1) {
+                let downName =
+                  fileNameOfProject.slice(
+                    0,
+                    fileNameOfProject.lastIndexOf("_")
+                  ) +
+                  fileNameOfProject.slice(fileNameOfProject.lastIndexOf("."));
+                downloadFile(response, downName);
+                this.$notify({
+                  title: "成功",
+                  message: "数据-导出成功！",
+                  type: "success",
+                  duration: 2000,
+                });
+              } else {
+                downloadFile(response, fileNameOfProject);
+                this.$notify({
+                  title: "成功",
+                  message: "数据-导出成功！",
+                  type: "success",
+                  duration: 2000,
+                });
+              }
+              this.listLoading = false;
+            });
+        });
+    },
+    selectOptionsChange(item) {
+      this.getList();
+    },
+    importExcelData() {
+      //关闭导入窗体时调用
+      this.showExcelImport = false;
+      this.getVersionInfo();
+      //this.getList();
+    },
+    getVersionInfo() {
+      //取版本列表信息
+      this.listLoading = true;
+      this.listVersionQuery.SkipCount = (this.page - 1) * 1000;
+      this.$axios
+        .posts(
+          "/api/settleaccount/PriceListBJ/versionlist",
+          this.listVersionQuery
+        )
+        .then((response) => {
+          this.versionList = [];
+          response.items.forEach((element) => {
+            let options = {};
+            options.value = element.id;
+            options.label = element.version;
+            this.versionList.push(options);
+          });
+          if (JSON.stringify(this.versionList) != "[]") {
+            //因版本下拉有默认值，所以详表要自动绑定子表数据
+            this.versionValue = this.versionList[0].value;
+            this.getList();
+          }
+          //this.totalCount = response.totalCount;
+          setTimeout(() => {
+            //大数据量加载时
+            this.listLoading = false;
+          }, 500);
+        })
+        .catch(() => {
+          this.listLoading = false;
+        });
+    },
+    handleImportExcel() {
+      //导入
+      this.showExcelImport = true;
+      this.$refs.importexcel.handleImportExcelClick();
+    },
+    /** 刷新列表 */
+    handleHandle(data) {
+      if (data.type !== "edit") {
+        this.getList();
+      }
+    },
+    /** 格式化字段 */
+    fieldFormatter(row, column) {
+      if (column.property === "projectRole") {
+        return { 0: "是", 1: "否" }[row[column.property]];
+      }
+      if (column.property == "beginDate" || column.property == "endDate") {
+        var date = row[column.property];
+        if (date == undefined) {
+          return "";
+        }
+        return moment(date).format("YYYY-MM-DD HH:mm:ss");
+      }
+      return row[column.property] || "--";
+    },
+    roleFilter(type) {
+      return projectTypeKeyValue[type];
+    },
+    getList() {
+      this.listLoading = true;
+      this.listQuery.SkipCount = (this.page - 1) * 10;
+      if (this.listQuery.Sorting === "") {
+        this.listQuery.Sorting = "materialCode ascending";
+      }
+      if (this.versionValue != "") {
+        this.listQuery.ParentId = this.versionValue;
+      } else {
+        this.listQuery.ParentId = "00000000-0000-0000-0000-000000000000";
+      }
+      this.$axios
+        .posts("/api/settleaccount/PriceListBJ/list", this.listQuery)
+        .then((response) => {
+          this.list = response.items;
+          this.totalCount = response.totalCount;
+          this.listQuery.Sorting = "";
+          setTimeout(() => {
+            //大数据量加载时
+            this.listLoading = false;
+          }, 500);
+        })
+        .catch(() => {
+          this.listLoading = false;
+        });
+    },
+    fetchData(id) {
+      //循环动态
+      this.$axios
+        .gets("/api/settleaccount/PriceListBJ/" + id)
+        .then((response) => {
+          this.form = response;
+        });
+    },
+    /** 多项筛选操作 */
+    /** 筛选操作 */
+    handleFilters(data) {
+      if (data === null) {
+        this.listQuery.Filters = [];
+        this.getList(); //查询所有
+      } else {
+        this.filterObj = data;
+        console.log("筛选" + JSON.stringify(data));
+        var offsetHei = document.documentElement.clientHeight;
+        var removeHeight = Object.keys(this.filterObj).length > 0 ? 310 : 240;
+        this.tableHeight = offsetHei - removeHeight;
+        this.currentPage = 1;
+        let Filter = [];
+        data.forEach((item) => {
+          let filter = {};
+          if (item.formType === "datetime" || item.formType === "datetime") {
+            //日期类型的过滤条件是 (datetime >= a and  datetime <=b)
+            filter["Column"] = item.fieldName;
+            filter["Logic"] = 0;
+            filter["Value"] = item.value[0];
+            filter["Action"] = item.action;
+            Filter.push(filter);
+
+            if (item.value[1] != null) {
+              filter["Value"] = item.value[1];
+              filter["Action"] = 5;
+              Filter.push(filter);
+            }
+          } else {
+            filter["Column"] = item.fieldName;
+            filter["Value"] = item.value;
+            filter["Logic"] = 0;
+            filter["Action"] = item.action;
+            Filter.push(filter);
+          }
+        });
+        console.log("筛选条件" + JSON.stringify(Filter));
+        this.listQuery.Filters = Filter;
+        this.getList();
+      }
+    },
+    handleFilter() {
+      this.page = 1;
+      this.getList();
+      this.listQuery.Filters = [];
+      if (this.searchContent != "") {
+        var column = "materialCode";
+        let filter = {
+          logic: 0,
+          column: column,
+          action: 6,
+          value: this.searchContent,
+        };
+        this.listQuery.Filters.push(filter);
+      }
+      this.getList();
+    },
+    resetQuery() {},
+
+    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);
+    },
+  },
+};
+</script>
+
+
+<style lang="scss" scoped>
+@import "../../styles/crmtable.scss";
+</style>
+
diff --git a/vue/static/tableFieldForSearch.json b/vue/static/tableFieldForSearch.json
index f0bb53dd..f201fd3c 100644
--- a/vue/static/tableFieldForSearch.json
+++ b/vue/static/tableFieldForSearch.json
@@ -1825,8 +1825,7 @@
         "setting": []
       }
     ]
-  }
-  ,
+  },
   "priceList": {
     "id": "31",
     "data": [
@@ -1862,6 +1861,41 @@
       }
     ]
   },
+  "spareparts": {
+    "id": "31",
+    "data": [
+      {
+        "fieldId": 0,
+        "formType": "text",
+        "name": "价格",
+        "type": 1,
+        "value": "",
+        "fieldType": 1,
+        "fieldName": "price",
+        "setting": []
+      },
+      {
+        "fieldId": 1,
+        "formType": "text",
+        "name": "物料编号",
+        "type": 1,
+        "value": "",
+        "fieldType": 1,
+        "fieldName": "materialCode",
+        "setting": []
+      },
+      {
+        "fieldId": 1,
+        "formType": "text",
+        "name": "期间",
+        "type": 1,
+        "value": "",
+        "fieldType": 1,
+        "fieldName": "version",
+        "setting": []
+      }
+    ]
+  },
   "invoice": {
     "id": "31",
     "data": [