清单问题下修改-各模块完善

src/api/base/customer.js

@@ -27,3 +27,10 @@ export const queryContactUnitsSelApi = (data) => {
     params: data
   })
 }
+/** 获取所属分公司树 */
+export const queryCompanyTreeApi = (data) => {
+  return request.get('/base/customer/deptTree', {
+    params: data
+  })
+}
+

src/api/material/storage.js

@@ -5,22 +5,22 @@ import request from '@/utils/request'
 
 /** 物资仓库查询 */
 export const queryStorageListApi = (data) => {
-  return request.get('/material/maHouse/list', {
+  return request.get('/base/maHouse/list', {
     params: data
   })
 }
 
 /** 物资仓库新增 */
 export const addStorageListApi = (data) => {
-  return request.post('/material/maHouse/add', data)
+  return request.post('/base/maHouse/add', data)
 }
 
 /** 物资仓库修改 */
 export const updateStorageListApi = (data) => {
-  return request.post('/material/maHouse/update', data)
+  return request.post('/base/maHouse/update', data)
 }
 
 /** 物资仓库删除 */
 export const delStorageListApi = (id) => {
-  return request.delete(`/material/maHouse/${id}`)
+  return request.delete(`/base/maHouse/${id}`)
 }

src/api/material/storageConfig.js

@@ -5,18 +5,18 @@ import request from '@/utils/request'
 
 /** 物资仓库配置查询 */
 export const queryStorageConfigListApi = (data) => {
-  return request.get('/material/ma_house_set/list', {
+  return request.get('/base/ma_house_set/list', {
     params: data
   })
 }
 
 /** 物资仓库配置新增 */
 export const addStorageConfigListApi = (data) => {
-  return request.post('/material/ma_house_set/add', data)
+  return request.post('/base/ma_house_set/add', data)
 }
 
 /** 物资仓库配置修改 */
 export const updateStorageConfigListApi = (data) => {
-  return request.post('/material/ma_house_set/update', data)
+  return request.post('/base/ma_house_set/update', data)
 }
 

src/api/material/type.js

@@ -5,32 +5,32 @@ import request from '@/utils/request'
 
 /** 物资类型树查询 */
 export const queryMaTypeTreeListApi = (data) => {
-  return request.get('/material/maType/getMaTypeList', {
+  return request.get('/base/maType/getMaTypeList', {
     params: data
   })
 }
 
 /** 树形下物资查询 */
 export const queryMaListApi = (data) => {
-  return request.get('/material/maType/getListByMaType', {
+  return request.get('/base/maType/getListByMaType', {
     params: data
   })
 }
 
 /** 新增时查询id */
 export const queryIdWhenAddMa = (data) => {
-  return request.get('/material/maType/addMaType', {
+  return request.get('/base/maType/addMaType', {
     params: data
   })
 }
 
 /** 提交物资添加表单 */
 export const submitAddForm = (data) => {
-  return request.post('/material/maType/add', data)
+  return request.post('/base/maType/add', data)
 }
 
 /** 删除单个物资 */
 export const delSingleMa = (id) => {
-  return request.delete(`/material/maType/${id}` )
+  return request.delete(`/base/maType/${id}` )
 }
 

src/components/TableModel/index.vue

@@ -75,7 +75,7 @@
         <!-- 按钮集群 -->
         <el-row class="btn-container">
             <div class="btn-handler">
-                <slot name="btn" :pageParams="queryParams"></slot>
+                <slot name="btn" :queryParams="queryParams"></slot>
             </div>
             <ToolbarModel
                 :showSearch.sync="showSearch"
@@ -95,6 +95,7 @@
             select-on-indeterminate
             style="width: 100%"
             v-loading="loading"
+            @selection-change="handleSelectionChange">
         >
             <el-table-column
                 type="selection"
@@ -209,6 +210,8 @@ export default {
             },
             // 列表数据源
             tableList: [],
+            // 导出传递数据
+            idList: undefined,
             // 列表数据条数
             total: 0,
             // 搜索区域是否隐藏
@@ -301,7 +304,14 @@ export default {
         queryTableList(params) {
           Object.assign(this.queryParams, params)
           this.getTableList()
+        },
+
+        handleSelectionChange(e) {
+          this.idList = e.map(item => item.id)
+          console.log(this.idList)
+          this.$emit('transIdList', this.idList)
         }
+
     },
 }
 </script>

src/components/pageHeader/index.vue

@@ -0,0 +1,28 @@
+<template>
+    <!-- 页头提示 -->
+    <el-page-header @back="goBack" :content="pageContent"> </el-page-header>
+</template>
+
+<script>
+export default {
+    props: {
+        pageContent: {
+            type: String,
+            default: '详情',
+        },
+    },
+    methods: {
+        goBack() {
+            this.$emit('goBack')
+        },
+    },
+}
+</script>
+
+<style>
+.el-page-header {
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+}
+</style>

src/views/base/Mixins/common.js

@@ -36,11 +36,13 @@ export const commonMixin = {
             console.log('导入--')
         },
         /** 导出数据 */
-        handleExportData(data, url, fileName) {
+        handleExportData(data, url, fileName, queryParams) {
+          console.log(data, queryParams, '111111')
           this.download(
             url,
             {
-              ...data
+              // ...queryParams,
+              dataCondition: data
             },
             `${fileName}_${new Date().getTime()}.xlsx`,
           )

src/views/base/agreement/components/form-protocol.vue

@@ -81,20 +81,22 @@
                 <el-col :span="12">
                   <el-form-item label="合同附件" prop="url">
                     <el-upload
-                      :http-request="(obj) => imgUpLoad(obj)"
+                      :http-request="(obj) => uploadData(obj)"
                       action="#"
                       :file-list="fileList"
-                      :show-file-list="false"
+                      :on-exceed="fileExceed"
-                      list-type="picture-card"
+                      :on-remove="handleRemove"
-                      accept=".png,.jpg,.jpeg"
+                      drag
+                      :limit="3"
                     >
-                      <img
+<!--                      <img
                         v-if="protocolParams.url"
                         :src="protocolParams.url"
                         style="width: 140px; height: 140px"
                         class="avatar"
-                      />
+                      />-->
-                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                      <i class="el-icon-upload"></i>
+                      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                     </el-upload>
                   </el-form-item>
                 </el-col>
@@ -157,15 +159,20 @@ export default {
         return {
             subSort: '', // 提交类型：新增 1 / 修改 2
             protocolParams: {
-                customer: '', // 租赁单位
+                customer: undefined, // 租赁单位
-                authorizingPerson: '', // 授权人
+                authorizingPerson: undefined, // 授权人
-                project: '', // 租赁工程
+                project: undefined, // 租赁工程
-                authorizingPhone: '', // 联系电话
+                authorizingPhone: undefined, // 联系电话
-                contractNumber: '', // 合同编号
+                contractNumber: undefined, // 合同编号
-                startTime: '', // 开始日期
+                startTime: undefined, // 开始日期
-                remark: '', // 备注
+                remark: undefined, // 备注
-                url: '', // 合同附件
+                url: undefined, // 合同附件
             },
+            // 图片集合
+            picList: [],
+            // 图片名称集合
+            picNameList: [],
+            //
             fileList: [],
             // 租赁单位下拉框
             unitSelRange: [],
@@ -229,17 +236,34 @@ export default {
             })
           }).catch(err => {})
         },
-        /** 上传图片 */
+        /** 上传图片/文件 */
-        imgUpLoad(param) {
+        uploadData(param) {
           console.log(param)
           imgUpLoad(param).then(res => {
-            console.log(res, process.env.VUE_APP_BASE_API)
+            console.log(res)
-            this.protocolParams.url = res.data.url
+            this.picList.push(res.data.url)
+            this.picNameList.push(res.data.name.split('_')[0])
           }).catch(err => {})
         },
+        /** 文件变化 */
+        dataChange(e) {
+          console.log(e)
+          this.fileList.push(e.raw)
+        },
+        /** 移除文件 */
+        handleRemove(file) {
+          console.log(file)
+          console.log(this.picNameList)
+          // this.fileList = this.fileList.filter(item => item.uid !== e.uid)
+        },
+        /** 文件超出3个 */
+        fileExceed() {
+          this.$modal.msgError('最多上传3个图片或文件！')
+        },
         /** 确认按钮 */
         onSubmit() {
-            this.$refs.protocolParamsRef.validate((valid) => {
+          console.log(this.picList)
+            /* this.$refs.protocolParamsRef.validate((valid) => {
                 if (valid) {
                     console.log('校验通过', this.protocolParams, this.subSort)
                     // 1. 表单校验通过后调后台 Api
@@ -259,7 +283,7 @@ export default {
                     // 2. 成功之后通知父组件关闭弹框
                     this.$emit('closeDialog', true)
                 }
-            })
+            }) */
         },
     },
 }

src/views/base/customer/components/form-contact-units.vue

@@ -12,10 +12,24 @@
                 <el-input v-model="contactUnitsParams.name" />
             </el-form-item>
             <el-form-item label="单位类型" prop="typeId">
-                <el-select v-model="contactUnitsParams.typeId"></el-select>
+                <el-select v-model="contactUnitsParams.typeId">
+                  <el-option
+                    v-for="item in customerRange"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
             </el-form-item>
             <el-form-item label="所属分公司" prop="companyId">
-                <el-select v-model="contactUnitsParams.companyId"></el-select>
+              <treeselect
+                v-model="contactUnitsParams.companyId"
+                :options="companyRange"
+                noChildrenText="没有数据了"
+                noOptionsText="没有数据"
+                noResultsText="没有搜索结果"
+                placeholder="请选择所属上级"
+              />
             </el-form-item>
             <el-form-item label="材料员" prop="materialClerk">
                 <el-input v-model="contactUnitsParams.materialClerk" />
@@ -50,8 +64,14 @@
 <script>
 import {
   addContactUnitsApi,
-  editContactUnitsApi
+  editContactUnitsApi,
+  queryCompanyTreeApi
 } from '@/api/base/customer'
+import {
+  queryUnitTypeListApi
+} from '@/api/base/unitType'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 export default {
     name: 'FormContactUnits',
     props: {
@@ -60,6 +80,10 @@ export default {
             default: () => null,
         },
     },
+    components: { Treeselect },
+    created() {
+      this.getRanges()
+    },
     mounted() {
         if (this.editParams) {
             Object.assign(this.contactUnitsParams, this.editParams)
@@ -79,6 +103,10 @@ export default {
                 phone: undefined, // 联系电话
                 isActive: '1', // 启用状态
             },
+            // 往来单位下拉选
+            customerRange: [],
+            // 所属分公司树下拉选
+            companyRange: [],
             // 校验规则
             contactUnitsParamsRules: {
                 name: [
@@ -106,6 +134,20 @@ export default {
         }
     },
     methods: {
+        /** 获取各类下拉选 */
+        async getRanges() {
+          // 获取单位下拉选
+          let unitRes = await queryUnitTypeListApi()
+          this.customerRange = unitRes.rows.map(item => {
+            return {
+              label: item.name,
+              value: item.id
+            }
+          })
+          // 获取所属分公司树
+          let companyRes = await queryCompanyTreeApi()
+          this.companyRange = companyRes.data
+        },
         /** 确认按钮 */
         onSubmit() {
             this.$refs.contactUnitsParamsRef.validate((valid) => {

src/views/base/customer/components/person-config.vue

@@ -0,0 +1,180 @@
+<template>
+  <!-- 往来单位 人员配置 表单组件 -->
+  <div class="app-container">
+    <el-col :span="4" :xs="24" style="margin-right: 15px">
+      <div class="head-container">
+        <el-input
+          v-model="typeName"
+          placeholder="请输入人员名称"
+          clearable
+          maxlength="50"
+          size="small"
+          prefix-icon="el-icon-search"
+          style="margin-bottom: 20px"
+        />
+      </div>
+      <div class="head-container">
+        <el-tree
+          style="height: 700px; overflow: scroll"
+          :data="treeOptions"
+          :props="defaultProps"
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          ref="tree"
+          node-key="id"
+          default-expand-all
+          highlight-current
+          @node-click="handleNodeClick"
+        >
+          <span class="custom-tree-node" slot-scope="{ node, data }" style="font-size: 14px">
+            <i v-if="node.level <= 3" class="el-icon-folder" style="color: #fabd16" />
+            <i v-else-if="node.level > 3" class="el-icon-document" style="color: #C0C0C0" />
+            {{ data.label }}
+          </span>
+        </el-tree>
+      </div>
+    </el-col>
+    <!-- 表格 -->
+    <TableModel
+      :formLabel="formLabel"
+      :columnsList="columnsList"
+      :request-api="queryContactUnitsListApi"
+      :show-sel="false"
+      ref="tableRef"
+      style="display: flex; flex-direction: column"
+    >
+      <template slot="btn" slot-scope="{ queryParams }">
+        <el-button type="primary"
+        >绑定</el-button>
+<!--        <el-button @click="handleExportData(queryParams, 'base/agreement/export', '物资清单')"
+        >导出</el-button>-->
+      </template>
+      <template slot="handle" slot-scope="{ data }">
+        <el-button
+          type="info"
+          size="mini"
+          v-if="data.level === '4'"
+        >查看</el-button
+        >
+        <el-button
+          type="primary"
+          size="mini"
+          @click="handleEditData(data)"
+        >编辑</el-button
+        >
+<!--        <el-button
+          type="danger"
+          size="mini"
+          @click="handleDeleteMaType(data.id, delSingleMa)"
+        >删除</el-button
+        >-->
+      </template>
+      <!--      <template slot="url" slot-scope="{ data }">
+              <img :src="data.url" style="width: 50px; height: 50px">
+            </template>-->
+    </TableModel>
+  </div>
+</template>
+
+<script>
+import { formLabel, columnsList, dialogConfig } from '../config'
+import { commonMixin } from '../../mixins/common'
+import {
+  queryMaTypeTreeListApi,
+  queryMaListApi,
+  delSingleMa
+} from '@/api/material/type'
+import {
+  deleteContactUnitsApi,
+  queryContactUnitsListApi
+} from '@/api/base/customer'
+export default {
+  name: 'PersonConfig',
+  mixins: [commonMixin], // 混入公共方法和数据
+  props: {
+
+  },
+  created() {
+    this.getTreeData()
+  },
+  watch: {
+    // 根据名称筛选部门树
+    typeName(val) {
+      this.$refs.tree.filter(val)
+    },
+  },
+  mounted() {
+
+  },
+  data() {
+    return {
+      formLabel,
+      columnsList,
+      dialogConfig,
+      // 类型名称
+      typeName: undefined,
+      // 树选项
+      treeOptions: undefined,
+      // 根级
+      rootOpt: [
+        {
+          companyId: null,
+          id: 0,
+          label: '人员列表',
+          level: 0,
+          parentId: null,
+          children: []
+        }
+      ],
+      // 默认属性
+      defaultProps: {
+        children: 'children',
+        label: 'label',
+      },
+    }
+  },
+  methods: {
+    queryContactUnitsListApi,
+    // 获取树形数据
+    getTreeData() {
+      queryMaTypeTreeListApi().then(res => {
+        this.rootOpt[0].children = []
+        res.data.forEach(item => {
+          this.rootOpt[0].children.push(item)
+        })
+        this.treeOptions = this.rootOpt
+        // this.treeOptions = res.data
+      }).catch(err => {})
+    },
+    // 筛选节点 - 左侧树
+    filterNode(value, data) {
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
+    },
+    // 节点单击事件 - 左侧树
+    handleNodeClick(data) {
+      console.log(data)
+      /* queryMaListApi({
+        typeId: data.id
+      }).then(res => {
+        this.transInfo = res.data.rows
+        console.log(this.transInfo)
+      }) */
+      this.transLevel = data.level
+      this.transData = data
+      this.$refs.tableRef.queryTableList({
+        code: data.code
+      })
+    },
+  },
+}
+</script>
+
+<style scoped>
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-form-item__label{
+  font-weight: normal;
+}
+</style>

src/views/base/customer/config.js

@@ -4,8 +4,8 @@ export const formLabel = [
 ]
 export const columnsList = [
     { t_props: 'name', t_label: '单位名称', },
-    { t_props: 'typeId', t_label: '单位类型' },
+    { t_props: 'typeName', t_label: '单位类型' },
-    { t_props: 'companyId', t_label: '所属分公司' },
+    { t_props: 'companyName', t_label: '所属分公司' },
     { t_props: 'materialClerk', t_label: '材料员', },
     { t_props: 'phone', t_label: '联系电话', t_slot: 'phone' },
     { t_props: 'isActive', t_label: '状态', t_slot: 'isActive' },

src/views/base/customer/index.vue

@@ -1,18 +1,26 @@
 <template>
     <!-- 往来单位管理页面 -->
     <div class="app-container">
+        <PageHeader
+          v-if="isShowComponent !== 'Index'"
+          :pageContent="pageContent"
+          @goBack="goBack"
+        />
         <!-- 列表 -->
         <TableModel
           :formLabel="formLabel"
           :columnsList="columnsList"
           :request-api="queryContactUnitsListApi"
           ref="tableRef"
-
+          v-if="isShowComponent === 'Index'"
         >
             <template slot="btn" slot-scope="{ queryParams }">
                 <el-button type="primary" @click="handleAddData()"
                     >新建</el-button
                 >
+                <el-button type="success" @click="isShowComponent = 'person-config'"
+                >人员配置</el-button
+                >
                 <el-button @click="handleExportData(queryParams, 'base/customer/export', '往来单位清单')"
                     >导出</el-button
                 >
@@ -53,19 +61,27 @@
                 />
             </template>
         </DialogModel>
+
+        <person-config
+          v-if="isShowComponent === 'person-config'"
+        >
+
+        </person-config>
+
     </div>
 </template>
 
 <script>
+import PageHeader from '@/components/pageHeader'
 import { columnsList, dialogConfig, formLabel } from './config'
 import { commonMixin } from '../mixins/common'
 import FormContactUnits from './components/form-contact-units.vue'
+import PersonConfig from './components/person-config.vue'
 import { deleteContactUnitsApi, queryContactUnitsListApi } from '@/api/base/customer'
-
 export default {
     name: 'ContactUnits',
     mixins: [commonMixin], // 混入公共方法和数据
-    components: { FormContactUnits },
+    components: { FormContactUnits, PersonConfig, PageHeader },
     methods: {
       queryContactUnitsListApi,
       deleteContactUnitsApi,
@@ -78,9 +94,14 @@ export default {
         }
         return phoneNumber
       } */
+      goBack() {
+        this.isShowComponent = 'Index'
+      }
     },
     data() {
         return {
+            isShowComponent: 'Index',
+            pageContent: '往来人员配置',
             formLabel,
             columnsList,
             dialogConfig,

src/views/base/masupplier/index.vue

@@ -1,10 +0,0 @@
-<template>
-    <!-- 机具供应商管理 -->
-    <div> 机具供应商 </div>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style></style>

src/views/base/project/components/form-project.vue

@@ -24,16 +24,14 @@
             <el-row :gutter="24">
                 <el-col :span="12">
                     <el-form-item label="实施单位" prop="impUnit">
-                        <el-select
+                      <treeselect
                         v-model="projectParams.impUnit"
-                        >
+                        :options="proSelRanges.pro_unit_range"
-                          <el-option
+                        noChildrenText="没有数据了"
-                            v-for="item in proSelRanges.pro_unit_range"
+                        noOptionsText="没有数据"
-                            :key="item.value"
+                        noResultsText="没有搜索结果"
-                            :label="item.label"
+                        placeholder="请选择所属上级"
-                            :value="item.value"
+                      />
-                          ></el-option>
-                        </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
@@ -115,7 +113,7 @@
                     <el-form-item label="关联i8工程" prop="isMatch">
                       <span
                         style="box-sizing: border-box; padding: 5px 10px; background-color: #00afff; color: #fff; border-radius: 10px"
-                      >{{ projectParams.proId === null || projectParams.proId === '' ? '未关联' : '已关联' }}</span>
+                      >{{ projectParams.proId === null || projectParams.proId === undefined || projectParams.proId === '' ? '未 关 联' : '已 关 联' }}</span>
 <!--                      <el-switch
                         v-model="projectParams.isMatch"
                         active-color="#13ce66"
@@ -160,8 +158,10 @@ import {
   queryProjectNatureApi
 } from '@/api/base/project.js'
 import {
-  queryContactUnitsSelApi
+  queryCompanyTreeApi
 } from '@/api/base/customer'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 export default {
     name: 'FormProject',
     props: {
@@ -170,11 +170,9 @@ export default {
             default: () => null,
         },
     },
+    components: { Treeselect },
     created() {
-      this.getUnitRange()
+      this.getRanges()
-      this.getProjTypeRange()
-      this.getProjStatusRange()
-      this.getProjNatureRange()
     },
     mounted() {
         console.log(this.editParams)
@@ -252,51 +250,34 @@ export default {
     },
     methods: {
         /** 获取各类下拉框 */
-
+        async getRanges() {
-        /** 获取往来单位下拉框 */
+          // 获取实施单位树下拉框
-        getUnitRange() {
+          let unitRes = await queryCompanyTreeApi()
-          queryContactUnitsSelApi().then(res => {
+          this.proSelRanges.pro_unit_range = unitRes.data
-            console.log(res)
+          // 获取工程类型下拉框
-            this.proSelRanges.pro_unit_range = res.data.map(item => {
+          let typeRes = await queryProjectTypeApi()
-              return {
+          this.proSelRanges.pro_type_range = typeRes.data.data.map(item => {
-                label: item.name,
-                value: item.id
-              }
-            })
-          }).catch(err => {})
-        },
-        /** 获取工程类型下拉框 */
-        getProjTypeRange() {
-          queryProjectTypeApi().then(res => {
-            this.proSelRanges.pro_type_range = res.data.data.map(item => {
             return {
               label: item.dictLabel,
               value: item.dictCode
             }
           })
-          }).catch(err => {})
+          // 获取工程状态下拉框
-        },
+          let statRes = await queryProjectStatusApi()
-        /** 获取工程状态下拉框 */
+          this.proSelRanges.pro_stats_range = statRes.data.data.map(item => {
-        getProjStatusRange() {
-          queryProjectStatusApi().then(res => {
-            this.proSelRanges.pro_stats_range = res.data.data.map(item => {
             return {
               label: item.dictLabel,
               value: item.dictCode
             }
           })
-          }).catch(err => {})
+          // 获取工程性质下拉框
-        },
+          let natureRes = await queryProjectNatureApi()
-        /** 获取工程性质下拉框 */
+          this.proSelRanges.pro_nature_range = natureRes.data.data.map(item => {
-        getProjNatureRange() {
-          queryProjectNatureApi().then(res => {
-            this.proSelRanges.pro_nature_range = res.data.data.map(item => {
             return {
               label: item.dictLabel,
               value: item.dictCode
             }
           })
-          }).catch(err => {})
         },
         /** 确认按钮 */
         onSubmit() {

src/views/base/project/config.js

@@ -5,13 +5,13 @@ export const formLabel = [
 export const columnsList = [
     { t_props: 'name', t_label: '工程项目名称', },
     { t_props: 'impUnit', t_label: '实施单位' },
-    { t_props: 'projectType', t_label: '工程类型' },
+    { t_props: 'projectTypeName', t_label: '工程类型' },
     { t_props: 'proId', t_label: 'i8工程id', },
     { t_props: 'isMatch', t_label: '是否匹配i8工程', t_slot: 'isMatch' },
     { t_props: 'htzt', t_label: '合同主体', },
     { t_props: 'manager', t_label: '项目经理', },
     { t_props: 'phone', t_label: '联系电话', t_slot: 'phone' },
-    { t_props: 'stats', t_label: '工程状态', },
+    { t_props: 'statsName', t_label: '工程状态' },
     { t_props: 'remark', t_label: '备注', },
 ]
 

src/views/base/project/index.vue

@@ -7,13 +7,13 @@
           :columnsList="columnsList"
           :request-api="queryProjectListApi"
           ref="tableRef"
-
+          @transIdList="getIdList"
         >
             <template slot="btn" slot-scope="{ queryParams }">
                 <el-button type="primary" @click="handleAddData()"
                     >新建</el-button
                 >
-                <el-button @click="handleExportData(queryParams, 'base/project/export', '工程清单')"
+                <el-button @click="handleExportData(exportList, 'base/project/export', '工程清单', queryParams)"
                     >导出</el-button
                 >
             </template>
@@ -62,7 +62,13 @@ import FormProject from './components/form-project'
 import { queryProjectListApi, deleteProjectApi } from '@/api/base/project'
 export default {
     name: 'ProjectManage',
-    methods: { queryProjectListApi, deleteProjectApi },
+    methods: {
+      queryProjectListApi,
+      deleteProjectApi,
+      getIdList(idList) {
+        this.exportList = idList
+      }
+    },
     mixins: [commonMixin], // 混入公共方法和数据
     components: {
         FormProject,
@@ -71,6 +77,8 @@ export default {
         return {
             // 搜索区表单配置项
             formLabel,
+            // 表格导出id列表
+            exportList: undefined,
             // 列表区配置项
             columnsList,
             // 弹框区配置项

src/views/material/masupplier/components/form-masupplier.vue

@@ -0,0 +1,183 @@
+<template>
+    <!-- 往来单位 新增、编辑 表单组件 -->
+    <div>
+        <el-form
+            label-width="100px"
+            size="medium"
+            ref="contactUnitsParamsRef"
+            :model="storageConfigParams"
+            :rules="storageConfigParamsRules"
+        >
+            <el-form-item label="仓库名称" prop="name">
+                <el-select v-model="storageConfigParams.houseId">
+                  <el-option
+                    v-for="item in storageConfigRange"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="物资名称" prop="typeId">
+              <treeselect
+                v-model="storageConfigParams.typeId"
+                :options="typeRange"
+                noChildrenText="没有数据了"
+                noOptionsText="没有数据"
+                noResultsText="没有搜索结果"
+                placeholder="请选择所属上级"
+              />
+            </el-form-item>
+            <el-form-item>
+                <el-button type="success" @click="onSubmit">确定</el-button>
+                <el-button
+                    @click="
+                        () => {
+                            this.$emit('closeDialog')
+                        }
+                    "
+                    >取消</el-button
+                >
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import {
+  addStorageConfigListApi,
+  updateStorageConfigListApi
+} from '@/api/material/storageConfig'
+import {
+  queryStorageListApi
+} from '@/api/material/storage'
+import {
+  queryMaTypeTreeListApi
+} from '@/api/material/type'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+export default {
+    name: 'FormStorage',
+    props: {
+        editParams: {
+            type: Object,
+            default: () => null,
+        },
+    },
+    components: { Treeselect },
+    created() {
+      this.getHouseRange()
+      this.getTypeRange()
+    },
+    mounted() {
+        if (this.editParams) {
+            Object.assign(this.storageConfigParams, this.editParams)
+            this.subSort = 2
+        } else {
+            this.subSort = 1
+        }
+    },
+    data() {
+        return {
+            subSort: '', // 提交类型：新增 1 / 修改 2
+            storageConfigParams: {
+                houseId: undefined, // 仓库名称
+                typeId: undefined, // 物资名称
+            },
+            // 仓库下拉选项
+            storageConfigRange: [],
+            // 类型下拉选项
+            typeRange: [],
+            // 校验规则
+            storageConfigParamsRules: {
+                /* pro_name: [
+                    {
+                        required: true,
+                        message: '请输入工程名称',
+                        trigger: 'blur',
+                    },
+                ],
+                pro_unit: [
+                    {
+                        required: true,
+                        message: '请选择施工单位',
+                        trigger: 'blur',
+                    },
+                ],
+                pro_type_of: [
+                    {
+                        required: true,
+                        message: '请选择工程类型',
+                        trigger: 'blur',
+                    },
+                ],
+                pro_type: [
+                    {
+                        required: true,
+                        message: '请选择工程状态',
+                        trigger: 'blur',
+                    },
+                ],
+                pro_nature: [
+                    {
+                        required: true,
+                        message: '请选择工程性质',
+                        trigger: 'blur',
+                    },
+                ], */
+            },
+        }
+    },
+    methods: {
+        /** 初始化获取仓库下拉 */
+        getHouseRange() {
+          queryStorageListApi().then(res => {
+            console.log(res)
+            this.storageConfigRange = res.rows.map(item => {
+              return {
+                value: item.id,
+                label: item.name,
+              }
+            })
+          }).catch(err => {})
+        },
+        /** 初始化获取类型下拉 */
+        getTypeRange() {
+          queryMaTypeTreeListApi().then(res => {
+            this.typeRange = res.data
+          }).catch(err => {})
+        },
+        /** 确认按钮 */
+        onSubmit() {
+            this.$refs.contactUnitsParamsRef.validate((valid) => {
+                if (valid) {
+                    console.log('校验通过', this.storageConfigParams, this.subSort)
+                    // 1. 表单校验通过后调后台 Api
+                    if(this.subSort === 1) {
+                      addStorageConfigListApi(this.storageConfigParams).then(res => {
+                        console.log(res)
+                        this.$modal.msgSuccess('新增成功')
+                      }).catch(err => {})
+                    } else if(this.subSort === 2) {
+                      updateStorageConfigListApi(this.storageConfigParams).then(res => {
+                        console.log(res)
+                        this.$modal.msgSuccess('修改成功')
+                      }).catch(err => {})
+                    }
+                    // 2. 成功之后通知父组件关闭弹框
+                    this.$emit('closeDialog', true)
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style scoped>
+::v-deep .el-select {
+    width: 100%;
+}
+::v-deep .el-form-item__label{
+  font-weight: normal;
+}
+</style>

src/views/material/masupplier/config.js

@@ -0,0 +1,15 @@
+
+export const formLabel = [
+    { f_label: '关键字', f_model: 'houseId', f_type: 'ipt' },
+]
+export const columnsList = [
+    { t_props: 'houseId', t_label: 'a', },
+    { t_props: 'typeId', t_label: 'b' },
+    // { t_props: 'companyId', t_label: '地理位置' },
+    // { t_props: 'remark', t_label: '备注' },
+]
+export const dialogConfig = {
+    outerWidth: '40%',
+    outerTitle: '',
+    outerVisible: false,
+}

src/views/material/masupplier/index.vue

@@ -0,0 +1,88 @@
+<template>
+    <!-- 往来单位管理页面 -->
+    <div class="app-container">
+        <!-- 列表 -->
+        <TableModel
+          :formLabel="formLabel"
+          :columnsList="columnsList"
+          :request-api="queryStorageConfigListApi"
+          ref="tableRef"
+        >
+            <template slot="btn" slot-scope="{ queryParams }">
+                <el-button type="primary" @click="handleAddData()"
+                    >新建</el-button
+                >
+                <el-button @click="handleExportData(queryParams, 'base/customer/export', '往来单位清单')"
+                    >导出</el-button
+                >
+            </template>
+
+            <template slot="handle" slot-scope="{ data }">
+                <el-button
+                  type="warning"
+                  size="mini"
+                >解绑</el-button
+                >
+                <el-button
+                    type="primary"
+                    size="mini"
+                    @click="handleEditData(data)"
+                    >编辑</el-button
+                >
+                <el-button
+                    type="danger"
+                    size="mini"
+                    @click="handleDeleteData(data.id, delStorageListApi)"
+                    >删除</el-button
+                >
+            </template>
+<!--            <template slot="isActive" slot-scope="{ data }">
+              {{ data.isActive == '1' ? '启用' : '不启用' }}
+            </template>
+            <template slot="phone" slot-scope="{ data }">
+              {{ phoneCrypto(data.phone) }}
+            </template>-->
+        </TableModel>
+
+        <!-- 新增以及修改时的弹框 -->
+        <DialogModel
+            :dialogConfig="dialogConfig"
+            @closeDialogOuter="closeDialogOuter"
+        >
+            <template slot="outerContent">
+                <!-- 新增以及修改数据的表单组件 -->
+                <FormMasupplier
+                    @closeDialog="closeDialog"
+                    :editParams="editParams"
+                />
+            </template>
+        </DialogModel>
+    </div>
+</template>
+
+<script>
+import { columnsList, dialogConfig, formLabel } from './config'
+import { commonMixin } from '../mixins/common'
+import FormMasupplier from './components/form-masupplier.vue'
+import {
+  queryStorageConfigListApi
+} from '@/api/material/storageConfig'
+
+export default {
+    name: 'storageConfigManage',
+    mixins: [commonMixin], // 混入公共方法和数据
+    components: { FormMasupplier },
+    methods: {
+      queryStorageConfigListApi
+    },
+    data() {
+        return {
+            formLabel,
+            columnsList,
+            dialogConfig,
+            addDialogTitle: '新建仓库', // 新建时弹框标题
+            editDialogTitle: '修改仓库', // 修改时弹框标题
+        }
+    },
+}
+</script>

src/views/material/type/components/form-type.vue

@@ -76,11 +76,11 @@
       <el-form-item label="类型编码" prop="code">
         <el-input v-model="typeEditParamsLv1.code" disabled />
       </el-form-item>
-      <el-form-item label="检验方式" prop="materialName">
+      <el-form-item label="检验方式" prop="testType">
-        <el-input v-model="typeEditParamsLv1.materialName" />
+        <el-input v-model="typeEditParamsLv1.testType" />
       </el-form-item>
-      <el-form-item label="检验结果" prop="materialType">
+      <el-form-item label="检验结果" prop="testResult">
-        <el-input v-model="typeEditParamsLv1.materialType" />
+        <el-input v-model="typeEditParamsLv1.testResult" />
       </el-form-item>
     </el-form>
     <!--  form-修改 level2 -->
@@ -98,6 +98,12 @@
       <el-form-item label="类型编码" prop="code">
         <el-input v-model="typeEditParamsLv2.code" disabled />
       </el-form-item>
+      <el-form-item label="检验方式" prop="testType">
+        <el-input v-model="typeEditParamsLv2.testType" />
+      </el-form-item>
+      <el-form-item label="检验结果" prop="testResult">
+        <el-input v-model="typeEditParamsLv2.testResult" />
+      </el-form-item>
     </el-form>
     <!--  form-修改 level3 -->
     <el-form
@@ -114,6 +120,12 @@
       <el-form-item label="类型编码" prop="code">
         <el-input v-model="typeEditParamsLv3.code" disabled />
       </el-form-item>
+      <el-form-item label="检验方式" prop="testType">
+        <el-input v-model="typeEditParamsLv3.testType" />
+      </el-form-item>
+      <el-form-item label="检验结果" prop="testResult">
+        <el-input v-model="typeEditParamsLv3.testResult" />
+      </el-form-item>
     </el-form>
     <!--  form-修改 level4 -->
     <el-form
@@ -175,12 +187,28 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="是否需要试验" prop="ifExam">
-            <el-select v-model="typeEditParamsLv4.ifExam"></el-select>
+            <el-select v-model="typeEditParamsLv4.ifExam">
+              <el-option
+                v-for="item in ifTestRange"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="管理模式" prop="manageType">
-            <el-select v-model="typeEditParamsLv4.manageType"></el-select>
+            <el-select v-model="typeEditParamsLv4.manageType">
+              <el-option
+                v-for="item in manageTypeRange"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -337,18 +365,22 @@ export default {
       typeEditParamsLv1: {
         constructionType: undefined, // 类型名称
         code: undefined, // 类型编码
-        materialName: undefined, // 检验方式
+        testType: undefined, // 检验方式
-        materialType: undefined, // 检验结果
+        testResult: undefined, // 检验结果
       },
       // 物资修改表单 Lv2
       typeEditParamsLv2: {
         constructionType: undefined, // 类型名称
         code: undefined, // 类型编码
+        testType: undefined, // 检验方式
+        testResult: undefined, // 检验结果
       },
       // 物资修改表单 Lv3
       typeEditParamsLv3: {
         constructionType: undefined, // 类型名称
         code: undefined, // 类型编码
+        testType: undefined, // 检验方式
+        testResult: undefined, // 检验结果
       },
       // 物资修改表单 Lv4
       typeEditParamsLv4: {
@@ -404,7 +436,17 @@ export default {
       },
       typeEditParamsLv2Rules: {},
       typeEditParamsLv3Rules: {},
-      typeEditParamsLv4Rules: {}
+      typeEditParamsLv4Rules: {},
+      // 下拉选
+      ifTestRange: [
+        { label: '是', value: 1 },
+        { label: '否', value: 0 },
+      ],
+      manageTypeRange: [
+        { label: '编码追溯', value: 0 },
+        { label: '数量+编码', value: 1 },
+        { label: '数量', value: 2 },
+      ]
     }
   },
   methods: {

src/views/material/type/config.js

@@ -10,7 +10,7 @@ export const columnsList = [
   { t_props: 'specificationCode', t_label: '规格型号' },
 ]
 export const dialogConfig = {
-  outerWidth: '40%',
+  outerWidth: '60%',
   outerTitle: '',
   outerVisible: false,
 }