From b1b1259b3fa40810bd26b18203e2ef06b568f1a5 Mon Sep 17 00:00:00 2001
From: yuejiayang <146344614+YangLei105@users.noreply.github.com>
Date: Fri, 17 Nov 2023 11:31:49 +0800
Subject: [PATCH] =?UTF-8?q?2023.11.17=20=E4=BB=A3=E7=90=86=E5=95=86?=
 =?UTF-8?q?=E7=9A=84=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/part/agentInformation.js            |  26 +
 src/views/modules/part/agentInformation.vue | 504 ++++++++++++++++++++
 2 files changed, 530 insertions(+)
 create mode 100644 src/api/part/agentInformation.js
 create mode 100644 src/views/modules/part/agentInformation.vue

diff --git a/src/api/part/agentInformation.js b/src/api/part/agentInformation.js
new file mode 100644
index 0000000..7c9760d
--- /dev/null
+++ b/src/api/part/agentInformation.js
@@ -0,0 +1,26 @@
+import { createAPI } from "@/utils/httpRequest.js";
+
+/**
+ * 制造商信息列表查询
+ * @param data
+ * @returns {*}
+ */
+export const agentInformationSearch = data => createAPI(`/plm/agentInformation/agentInformationSearch`,'post',data)
+/**
+ * 制造商信息新增
+ * @param data
+ * @returns {*}
+ */
+export const agentInformationSave = data => createAPI(`/plm/agentInformation/agentInformationSave`,'post',data)
+/**
+ * 制造商信息编辑
+ * @param data
+ * @returns {*}
+ */
+export const agentInformationEdit = data => createAPI(`/plm/agentInformation/agentInformationEdit`,'post',data)
+/**
+ * 制造商信息删除
+ * @param data
+ * @returns {*}
+ */
+export const agentInformationDelete = data => createAPI(`/plm/agentInformation/agentInformationDelete`,'post',data)
diff --git a/src/views/modules/part/agentInformation.vue b/src/views/modules/part/agentInformation.vue
new file mode 100644
index 0000000..3f173e0
--- /dev/null
+++ b/src/views/modules/part/agentInformation.vue
@@ -0,0 +1,504 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
+      <el-form-item :label="'代理商编码'">
+        <el-input v-model="searchData.agentId" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'代理商名称'">
+        <el-input v-model="searchData.agentName" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'是否在用'">
+        <el-select clearable v-model="searchData.active" style="width: 120px">
+          <el-option label="是" value="Y"></el-option>
+          <el-option label="否" value="N"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="' '">
+        <el-button type="primary" @click="getDataList()">查询</el-button>
+        <el-button type="primary" @click="addModal()">新增</el-button>
+        <download-excel
+          :fields="fields()"
+          :data="exportData"
+          type="xls"
+          :name="exportName"
+          :header="exportHeader"
+          :footer="exportFooter"
+          :fetch="createExportData"
+          :before-generate="startDownload"
+          :before-finish="finishDownload"
+          worksheet="导出信息"
+          class="el-button el-button--primary el-button--medium">
+          {{ "导出" }}
+        </download-excel>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :height="height"
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        v-for="(item,index) in columnList" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="160"
+        label="操作">
+        <template slot-scope="scope">
+          <a type="text" size="small" @click="updateModal(scope.row)">修改</a>
+          <a type="text" size="small" @click="delModal(scope.row)">删除</a>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页栏 -->
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+    <el-dialog :title="modalData.title" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="495px">
+      <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
+        <el-form-item label="代理商编码" prop="agentId" :rules="rules.agentId">
+          <el-input v-model="modalData.agentId" :disabled="modalDisableFlag" style="width: 221px"></el-input>
+        </el-form-item>
+        <el-form-item label="代理商名称" prop="agentName" :rules="rules.agentName">
+          <el-input v-model="modalData.agentName" style="width: 221px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
+        <el-form-item label="是否在用" prop="active" :rules="rules.active">
+          <el-select v-model="modalData.active" style="width: 221px">
+            <el-option label="是" value="Y"></el-option>
+            <el-option label="否" value="N"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height:30px;margin-top: 20px;text-align:center">
+        <el-button type="primary" @click="saveData()">保存</el-button>
+        <el-button type="primary" @click="modalFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <!-- chooseList模态框 -->
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+
+<script>
+import {
+  agentInformationSearch, // 代理商信息列表查询
+  agentInformationSave, // 代理商信息新增
+  agentInformationEdit, // 代理商信息编辑
+  agentInformationDelete // 代理商信息删除
+} from '@/api/part/agentInformation.js'
+import Chooselist from '@/views/modules/common/Chooselist'
+import agentInformation from './agentInformation'
+export default {
+  components: {
+    Chooselist
+  },
+  watch: {
+    searchData: {
+      deep: true,
+      handler: function (newV, oldV) {
+        this.searchData.agentId = this.searchData.agentId.toUpperCase()
+      }
+    }
+  },
+  data () {
+    return {
+
+      // 导出
+      exportData: [],
+      exportName: '代理商代理商' + this.dayjs().format('YYYYMMDDHHmmss'),
+      exportHeader: ['代理商代理商'],
+      exportFooter: [],
+      resultList: [],
+      // ======== 行高 ========
+      height: 200,
+      // ======== 分页 ========
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
+      // 条件查询
+      searchData: {
+        site: this.$store.state.user.site,
+        agentId: '',
+        agentName: '',
+        active: '',
+        page: 1,
+        limit: 10
+      },
+      // 其它
+      dataListLoading: false,
+
+      modalData: {
+        flag: '',
+        title: '',
+        site: this.$store.state.user.site,
+        agentId: '',
+        agentName: '',
+        active: ''
+      },
+      // ======== 数据列表 ========
+      dataList: [],
+      // 展示列集
+      columnList: [
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1AgentId',
+          tableId: "100008Table1",
+          tableName: "代理商信息表",
+          columnProp: 'agentId',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '代理商编码',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1AgentName',
+          tableId: "100008Table1",
+          tableName: "代理商表",
+          columnProp: 'agentName',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '代理商名称',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+        {
+          functionId: 100008,
+          serialNumber: '100008Table1Active',
+          tableId: '100008Table1',
+          tableName: '代理商信息表',
+          columnProp: 'active',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '是否在用',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 120
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1CreateDate',
+          tableId: '100008Table1',
+          tableName: '代理商表',
+          columnProp: 'createDate',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '创建时间',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1CreateBy',
+          tableId: "100008Table1",
+          tableName: "代理商表",
+          columnProp: 'createBy',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '创建人',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1UpdateDate',
+          tableId: "100008Table1",
+          tableName: "代理商表",
+          columnProp: 'updateDate',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '更新时间',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 100008,
+          serialNumber: '100008Table1UpdateBy',
+          tableId: "100008Table1",
+          tableName: "代理商表",
+          columnProp: 'updateBy',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '更新人',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+        },
+      ],
+      rules:{
+        agentId:[
+          {
+            required: true,
+            message: ' ',
+            trigger: 'change'
+          }
+        ],
+        agentName:[
+          {
+            required: true,
+            message: ' ',
+            trigger: 'change'
+          }
+        ],
+        active:[
+          {
+            required: true,
+            message: ' ',
+            trigger: 'change'
+          }
+        ],
+      },
+      // ======== 模态框开关控制 ========
+      modalFlag: false,
+      modalDisableFlag: false,
+    }
+  },
+  mounted () {
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 180
+    })
+  },
+  created () {
+    this.getDataList()
+  },
+  methods: {
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+
+    //导出excel
+    async createExportData() {
+      this.searchData.limit = -1
+      this.searchData.page = 1
+      await agentInformationSearch(this.searchData).then(({data}) => {
+        this.exportList= data.page.list;
+      })
+      return this.exportList;
+    },
+    startDownload() {
+
+    },
+    finishDownload() {
+
+    },
+    fields() {
+      let json = "{"
+      this.columnList.forEach((item, index) => {
+        if (index == this.columnList.length - 1) {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
+        } else {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
+        }
+      })
+      json += "}"
+      let s = eval("(" + json + ")")
+      return s
+    },
+    // 导出 end
+    // 获取数据列表
+    getDataList () {
+      this.searchData.limit = this.pageSize
+      this.searchData.page = this.pageIndex
+      agentInformationSearch(this.searchData).then(({data}) => {
+        if (data.code === 0) {
+          this.dataList = data.page.list
+          this.pageIndex = data.page.currPage
+          this.pageSize = data.page.pageSize
+          this.totalPage = data.page.totalCount
+        }
+        this.dataListLoading = false
+      })
+    },
+
+    addModal(){
+      this.modalData = {
+        flag: '1',
+        title: '代理商新增',
+        site: this.$store.state.user.site,
+        createBy: this.$store.state.user.name,
+        agentId: '',
+        agentName: '',
+        active: 'Y',
+      }
+      this.modalDisableFlag = false
+      this.modalFlag = true
+    },
+    /**
+     * 代理商信息编辑模态框
+     * @param row
+     */
+    updateModal (row) {
+      this.modalData = {
+        flag: '2',
+        title: '代理商编辑',
+        site: row.site,
+        agentId: row.agentId,
+        agentName: row.agentName,
+        active: row.active,
+        updateBy: this.$store.state.user.name,
+      }
+      this.modalDisableFlag = true
+      this.modalFlag = true
+    },
+
+    // ======== 新增/编辑/删除方法 ========
+    /**
+     * 代理商信息新增/编辑
+     */
+    saveData () {
+      if (this.modalData.agentId === '' || this.modalData.agentId == null) {
+        this.$message.warning('请填写代理商编码！')
+        return
+      }
+      if (this.modalData.agentName === '' || this.modalData.agentName == null) {
+        this.$message.warning('请填写代理商名称！')
+        return
+      }
+      if (this.modalData.active === '' || this.modalData.active == null) {
+        this.$message.warning('请选择是否可用！')
+        return
+      }
+      if (this.modalData.flag === '1') {
+        agentInformationSave(this.modalData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.getDataList()
+            this.modalFlag = false
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        })
+      } else {
+        agentInformationEdit(this.modalData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.getDataList()
+            this.modalFlag = false
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        })
+      }
+    },
+    /**
+     * 代理商信息删除
+     */
+    delModal (row) {
+      this.$confirm(`是否删除这条代理商信息?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        agentInformationDelete(row).then(({data}) => {
+          if (data && data.code === 0) {
+            this.getDataList()
+            this.partSelections = []
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        })
+      }).catch(() => {
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+/deep/ .customer-tab .el-tabs__content {
+  padding: 0px !important;
+  height: 459px;
+}
+</style>