Merge branch 'feature/Feature-basic_data' into develop

src/api/basic_data/dealer.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/api/basic_data/logistics.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/api/basic_data/material.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/api/basic_data/supplier.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/api/basic_data/taker.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/api/basic_data/warehouse.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/admin/user/mch/list',
+    method: 'get',
+    params
+  })
+}

src/views/basic_data/dealer.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/dealer/components/dealer-apply-detail.vue

@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <div>
+      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
+    </div>
+    <div class="message">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>申请信息</span>
+        </div>
+        <el-row>
+          <el-col :span="4">企业名称</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">联系人</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">联系电话</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">企业名称</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">联系人</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">联系电话</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+        </el-row>
+      </el-card>
+      <div>
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>跟进记录</span>
+          </div>
+          <!-- 列表 -->
+
+          <el-table
+            :data="dataList"
+            :header-cell-style="{
+              'background-color': '#e8e8e8',
+              color: 'black',
+            }"
+            border=""
+          >
+            <el-table-column
+              align="center"
+              label="跟进人"
+              prop="person"
+              min-width="160"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              align="center"
+              label="跟进时间"
+              prop="personDate"
+              min-width="160"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              align="center"
+              label="跟进状态"
+              prop="state"
+              min-width="160"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              align="center"
+              label="处理意见"
+              prop="suggest"
+              min-width="160"
+              show-overflow-tooltip
+            />
+          </el-table>
+        </el-card>
+      </div>
+
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>跟进登录</span>
+        </div>
+        <el-row>
+          <el-col :span="4">跟进人</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">跟进时间</el-col>
+          <el-col :span="4"><input type="text" /></el-col>
+          <el-col :span="4">跟进状态</el-col>
+          <el-col :span="4"
+            ><select value="1">
+              <option value="1">跟进中</option>
+              <option value="2">vertical</option>
+            </select></el-col
+          >
+          <el-col :span="4">处理意见</el-col>
+          <el-col :span="4"
+            ><input type="text" placeholder="记录处理意见"
+          /></el-col>
+        </el-row>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dataList: [
+        {
+          person: "李四",
+          personDate: "2020-09-10 12:12",
+          state: "跟进中",
+          suggest: "业务沟通中",
+        },
+        {
+          person: "李四",
+          personDate: "2020-09-10 12:12",
+          state: "跟进中",
+          suggest: "业务沟通中",
+        },
+        {
+          person: "李四",
+          personDate: "2020-09-10 12:12",
+          state: "跟进中",
+          suggest: "业务沟通中",
+        },
+      ],
+    };
+  },
+  methods: {
+    goBack() {
+      console.log(this.$parent);
+      this.$parent.isShow = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-card__body {
+  .el-col:nth-child(2n + 1) {
+    background-color: #e8e8e8;
+  }
+  .el-col {
+    border: 1px solid black;
+    height: 48px;
+    text-align: center;
+    line-height: 48px;
+    overflow: hidden;
+    margin: 0px 0px -1px -1px;
+    input {
+      outline: none;
+      border: 0px;
+      height: 48px;
+    }
+  }
+}
+
+.message {
+  margin-top: 10px;
+}
+</style>

src/views/basic_data/dealer/components/dealer_list-detail.vue

@@ -0,0 +1,287 @@
+<template>
+  <div>
+    <div class="sty">
+      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
+    </div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>客户</span>
+      </div>
+      <el-row>
+        <el-col :span="8"
+          ><span class="color">创建组织</span><input type="text"
+        /></el-col>
+        <el-col :span="8"><span>客户编码</span><input type="text" /></el-col>
+        <el-col :span="8"
+          ><span class="color">使用组织</span><input type="text"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8"><span>简称</span><input type="text" /></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>基本信息</span>
+      </div>
+      <div class="baseInfo">
+        <div>
+          <div class="base-header">
+            <span>地址</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">国家</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">地区</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">省份</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">城市</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">通讯地址</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">邮政编码</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">公司网址</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">商城订单对应组织</span
+              ><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">联系邮箱</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>管理</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">联系电话</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">传真</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司类别</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司性质</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司规模</span><input type="text"
+            /></el-col>
+          </el-row>
+          <div class="base-header">
+            <span>开票信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">发票抬头</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">纳税登记号</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">开户银行</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">银行账号</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">开票联系电话</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">开票通讯地址</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>相关</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">对应供应商</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">对应集团客户</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">集团客户</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">默认付款方</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">不校验可发量</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">客户类别</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">客户分组</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">对应组织</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">备注</span><input type="text"
+            /></el-col>
+          </el-row>
+          <div class="base-header">
+            <span>智慧订货</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">允许对智慧订货</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>信用额度</span>
+      </div>
+      <el-row>
+        <el-col :span="8"
+          ><span class="color">信用额度</span><input type="text"
+        /></el-col>
+        <el-col :span="8"><span>有效期</span><input type="text" /></el-col>
+        <el-col :span="8"></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>业务信息</span>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    goBack() {
+      console.log(this.$parent);
+      this.$parent.isShow = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.color {
+  color: #1f93ec;
+}
+.el-col-24 {
+  margin: 6px 0;
+}
+
+.marg-r {
+  padding-right: 15px;
+  font-size: 12px;
+  display: inline-block;
+  width: 120px;
+}
+.base-header {
+  height: 20px;
+  width: 60%;
+  border-bottom: 2px solid gray;
+  span {
+    width: 100px;
+    height: 100%;
+    display: block;
+    text-align: center;
+    color: #fff;
+
+    background-color: gray;
+  }
+}
+.box-card {
+  margin-bottom: 20px;
+}
+.el-col-8 {
+  span {
+    padding-right: 10px;
+    display: inline-block;
+    width: 100px;
+  }
+}
+.baseInfo {
+  display: flex;
+  justify-content: space-between;
+  > div {
+    width: 33%;
+  }
+}
+.sty {
+  margin-bottom: 20px;
+}
+.el-row {
+  margin-bottom: 20px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>

src/views/basic_data/dealer/dealer_apply.vue

@@ -0,0 +1,216 @@
+<template>
+  <div class="base">
+    <div v-if="isShow">
+      <div class="top">
+        <div class="left">
+          <el-input
+            v-model="enterprise.name"
+            placeholder="企业名称"
+            width="20%"
+          />
+          <el-input
+            v-model="enterprise.friend"
+            placeholder="联系人"
+            width="20%"
+          />
+          <el-input
+            v-model="enterprise.telephone"
+            placeholder="联系电话"
+            width="20%"
+          />
+          <el-input
+            v-model="enterprise.address"
+            placeholder="联系地址"
+            width="20%"
+          />
+          <el-input v-model="enterprise.email" placeholder="邮箱" width="20%" />
+        </div>
+        <div class="right">
+          <el-button type="info">查询</el-button>
+          <el-button type="info">重置</el-button>
+        </div>
+      </div>
+      <div class="main">
+        <el-row>
+          <el-button type="info">删除</el-button>
+          <el-button type="info">导出</el-button>
+        </el-row>
+      </div>
+      <div class="main">
+        <!-- 列表 -->
+        <el-table
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#e8e8e8',
+            color: 'black',
+          }"
+          border=""
+        >
+          <el-table-column type="selection" min-width="100"></el-table-column>
+          <el-table-column
+            align="center"
+            label="企业名称"
+            prop="enterprise"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="联系人"
+            prop="friend"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="联系电话"
+            prop="telephone"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="邮箱"
+            prop="email"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="联系地址"
+            prop="address"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="申请时间"
+            prop="reqDate"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="跟进人"
+            prop="person"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="跟进时间"
+            prop="personDate"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="跟进状态"
+            prop="state"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="操作"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >跟进</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+
+    <DealerApplyDetail v-else />
+  </div>
+</template>
+
+<script>
+import DealerApplyDetail from "./components/dealer-apply-detail.vue";
+export default {
+  data() {
+    return {
+      isShow: true,
+      showDialog: false,
+      dataList: [
+        {
+          enterprise: "佛山市禅城区梁云冷气经营部",
+          friend: "张三",
+          telephone: "17839906442",
+          email: "@163.com",
+          address: "广东深圳市",
+          reqDate: "2022-5-34  12:08",
+          person: "张三",
+          personDate: "2022-5-24   12:09",
+          state: "跟进中",
+        },
+        {
+          enterprise: "佛山市禅城区梁云冷气经营部",
+          friend: "张三",
+          telephone: "17839906442",
+          email: "@163.com",
+          address: "广东深圳市",
+          reqDate: "2022-5-34  12:08",
+          person: "张三",
+          personDate: "2022-5-24   12:09",
+          state: "跟进中",
+        },
+        {
+          enterprise: "佛山市禅城区梁云冷气经营部",
+          friend: "张三",
+          telephone: "17839906442",
+          email: "@163.com",
+          address: "广东深圳市",
+          reqDate: "2022-5-34  12:08",
+          person: "张三",
+          personDate: "2022-5-24   12:09",
+          state: "跟进中",
+        },
+      ],
+      enterprise: {
+        name: "",
+        friend: "",
+        telephone: "",
+        address: "",
+        email: "",
+      },
+    };
+  },
+  components: {
+    DealerApplyDetail,
+  },
+  methods: {
+    editFn() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.base {
+  padding: 20px 20px 0 20px;
+}
+.textColor {
+  color: black;
+}
+.main {
+  margin: 1px 20px 8px;
+}
+.top {
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  .left {
+    display: flex;
+    justify-content: start;
+    .el-input {
+      margin-right: 18px;
+    }
+  }
+}
+</style>

src/views/basic_data/dealer/dealer_deposit.vue

@@ -0,0 +1,268 @@
+<template>
+  <div class="main">
+    <el-card class="box-card">
+      <el-row>
+        <h4>通用经销商工程机押金比例配置</h4>
+        <h4>
+          工程机押金比例配置
+          <input
+            type="text"
+            class="inp"
+          />%通用工程押金比例配置适用于,没有单独配置工程机押金比例的经销商.
+        </h4>
+      </el-row>
+    </el-card>
+    <div class="search">
+      <el-input placeholder="输入筛选条件"></el-input>
+      <el-button type="info">过滤</el-button>
+    </div>
+    <div class="table">
+      <el-row>
+        <el-button type="info">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+    </div>
+
+    <!-- 列表 -->
+    <div class="table">
+      <el-table
+        :data="dataList"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column
+          align="center"
+          label="序号"
+          prop="num"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="经销商编码"
+          prop="bianma"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="经销商名称"
+          prop="dealerName"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="押金比例"
+          prop="yaJin"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="备注"
+          prop="beiZhu"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="创建人"
+          prop="createMan"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="更新人"
+          prop="updateMan"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="更新时间"
+          prop="updateDate"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="操作"
+          min-width="160"
+          show-overflow-tooltip
+        >
+          <el-button type="text" class="textColor" @click="editFn"
+            >编辑</el-button
+          >
+          <el-button type="text" class="textColor">删除</el-button>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 分页 -->
+    <div>
+      <el-pagination class="right" layout="prev, pager, next" :total="1000">
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="经销商工程机押金比例设置"
+      :visible.sync="showDialog"
+      width="30%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="dialogForm" label-width="100px" label-position="right">
+        <el-form-item label="经销商编码">
+          <el-select
+            v-model="dialogForm.bianma"
+            placeholder="请选择活动区域"
+            class="inputStyle"
+          >
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="经销商名称">
+          <el-input v-model="dialogForm.name" class="inputStyle"></el-input>
+        </el-form-item>
+        <el-form-item label="押金比例">
+          <el-input v-model="dialogForm.yaJin" class="inputStyle"></el-input>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input
+            type="textarea"
+            v-model="dialogForm.beiZhu"
+            placeholder="请输入备注信息"
+            class="inputStyle"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showDialog = false">取 消</el-button>
+        <el-button type="primary" @click="showDialog = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dialogForm: {
+        bianma: "",
+        name: "",
+        yaJin: "",
+        beiZhu: "",
+      },
+      showDialog: false,
+      dataList: [
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          yaJin: "0.1",
+          beiZhu: "???",
+          createMan: "??",
+          createDate: "2000/01/01",
+          updateMan: "??",
+          updateDate: "2020/01/01",
+        },
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          yaJin: "0.1",
+          beiZhu: "???",
+          createMan: "??",
+          createDate: "2000/01/01",
+          updateMan: "??",
+          updateDate: "2020/01/01",
+        },
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          yaJin: "0.1",
+          beiZhu: "???",
+          createMan: "??",
+          createDate: "2000/01/01",
+          updateMan: "??",
+          updateDate: "2020/01/01",
+        },
+      ],
+    };
+  },
+  methods: {
+    editFn() {
+      this.showDialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-form {
+  .inputStyle {
+    width: 80%;
+  }
+}
+::v-deep .dialog-footer {
+  display: flex;
+  justify-content: center;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.inp {
+  margin: 0 12px;
+}
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.right {
+  margin-top: 12px;
+  float: right;
+}
+.textColor {
+  color: black;
+}
+.table {
+  margin-top: 12px;
+}
+.search {
+  display: flex;
+  margin-top: 12px;
+  ::v-deep .el-input {
+    width: 50%;
+    margin-right: 12px;
+  }
+}
+.main {
+  padding: 12px;
+}
+</style>>
+

src/views/basic_data/dealer/dealer_list.vue

@@ -0,0 +1,269 @@
+<template>
+  <div class="app-container">
+    <div v-if="isShow">
+      <!-- 筛选条件 -->
+      <div class="screen-container">
+        <div class="top clearfix">
+          <div class="title fl">条件筛选</div>
+        </div>
+        <el-form
+          ref="screenForm"
+          :model="screenForm"
+          label-width="70px"
+          size="small"
+          label-position="left"
+        >
+          <el-row :gutter="20">
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="关键字" prop="name">
+                <el-input
+                  v-model="screenForm.name"
+                  placeholder="请输入关键字"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="">
+                <el-button size="small">清空</el-button>
+                <el-button size="small" type="primary">搜索</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <div class="table">
+        <el-table
+          v-loading="listLoading"
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#eef2f8',
+            'border-right': '1px solid #bec2c8',
+          }"
+        >
+          <el-table-column type="selection" min-width="100"></el-table-column>
+          <el-table-column
+            align="center"
+            label="客户编码"
+            prop="bianMa"
+            min-width="100"
+            label-class-name="bianma"
+            class-name="fontstyle"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="客户名称"
+            prop="username"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="简称"
+            prop="jianCheng"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="单据状态"
+            prop="danJuZhuangTai"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="禁用状态"
+            prop="jinYong"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="使用组织"
+            prop="use"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核人"
+            prop="shenHeRen"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核日期"
+            prop="shenHeDate"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="客户分组"
+            prop="keHu"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="操作"
+            prop="caozuo"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >编辑</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="pagination clearfix">
+        <div class="fr">
+          <el-pagination
+            :current-page="currentPage"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="10"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="listTotal"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <DealerListDetail v-else />
+  </div>
+</template>
+
+<script>
+import DealerListDetail from "./components/dealer_list-detail.vue";
+export default {
+  data() {
+    return {
+      isShow: true,
+      dataList: [
+        {
+          bianMa: "001",
+          username: "张蕙兰",
+          jianCheng: "zhl",
+          danJuZhuangTai: "已审核",
+          jinYong: "否",
+          use: "广州格匠机电工程科技有限公司",
+          shenHeRen: "郑桂茹",
+          shenHeDate: "2020/11/11",
+          keHu: "花都线",
+        },
+        {
+          bianMa: "001",
+          username: "张蕙兰",
+          jianCheng: "zhl",
+          danJuZhuangTai: "已审核",
+          jinYong: "否",
+          use: "广州格匠机电工程科技有限公司",
+          shenHeRen: "郑桂茹",
+          shenHeDate: "2020/11/11",
+          keHu: "花都线",
+        },
+        {
+          bianMa: "001",
+          username: "张蕙兰",
+          jianCheng: "zhl",
+          danJuZhuangTai: "已审核",
+          jinYong: "否",
+          use: "广州格匠机电工程科技有限公司",
+          shenHeRen: "郑桂茹",
+          shenHeDate: "2020/11/11",
+          keHu: "花都线",
+          zip: 200333,
+        },
+      ], // 列表数据
+
+      listLoading: false, // 列表加载loading
+      screenForm: {
+        // 筛选表单数据
+        name: "", // 名称
+      },
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      listTotal: 0, // 列表总数
+    };
+  },
+  components: {
+    DealerListDetail,
+  },
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange() {},
+    handleCurrentChange() {},
+    handleNodeClick(data) {
+      console.log(data);
+    },
+    editFn() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .fontstyle {
+  color: #0909ff;
+}
+::v-deep .bianma {
+  color: #409eff;
+}
+.tree-container {
+  width: 18%;
+  height: calc(100vh - 110px);
+  flex-shrink: 0;
+  background: #f5f5f5;
+  margin-right: 2%;
+  display: flex;
+  flex-direction: column;
+  overflow-y: hidden;
+  .el-tree {
+    height: 100%;
+    background: none;
+    width: 100%;
+    overflow: scroll;
+    // ::v-deep .el-tree-node:focus > .el-tree-node__content {
+    //   color: #ffffff;
+    //   background-color: #409EFF;
+    // }
+    ::v-deep > .el-tree-node {
+      display: inline-block;
+      min-width: 100%;
+    }
+    ::v-deep .el-tree-node > .el-tree-node__content {
+      padding-right: 10px;
+      align-self: baseline;
+    }
+    ::v-deep .el-tree-node.is-current > .el-tree-node__content {
+      background-color: #409eff;
+      .custom-tree-node {
+        i {
+          color: #fff;
+        }
+        span {
+          color: #fff;
+        }
+      }
+    }
+    ::v-deep .el-tree-node > .el-tree-node__children {
+      overflow: unset;
+    }
+    .custom-tree-node {
+      i {
+        font-size: 14px;
+        color: #999;
+      }
+      span {
+        font-size: 14px;
+        margin-left: 6px;
+        color: #666;
+      }
+    }
+  }
+}
+.mymain-container {
+  width: 80%;
+  margin-top: 0;
+}
+</style>

src/views/basic_data/dealer/dealer_stock.vue

@@ -0,0 +1,311 @@
+<template>
+  <div class="app-container">
+    <!-- 筛选条件 -->
+    <div class="screen-container">
+      <el-row :gutter="30">
+        <el-col :span="4">
+          <el-input
+            v-model="dealerForm.name"
+            placeholder="经销商名称"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="dealerForm.coding"
+            placeholder="存货分类编码"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="dealerForm.select"
+            placeholder="存货分类"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="8">
+          <div class="right">
+            <el-button type="info" @click="queryFn">查询</el-button>
+            <el-button type="info" @click="resetFn">重置</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="mymain-container">
+      <el-row>
+        <el-button type="info">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+
+      <!-- 列表 -->
+      <div class="table">
+        <el-table
+          v-loading="listLoading"
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#e8e8e8',
+            color: 'black',
+          }"
+          border=""
+        >
+          <el-table-column type="selection" min-width="100"></el-table-column>
+          <el-table-column
+            align="center"
+            label="经销商名称"
+            prop="nname"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="存货分类编码"
+            prop="bianma"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="存货分类名称"
+            prop="selectname"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="创建人"
+            prop="person"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="创建时间"
+            prop="createdata"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="更新人"
+            prop="updateperson"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="更新时间"
+            prop="update"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="操作"
+            prop="caozuo"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >编辑</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+
+    <!-- 分页 -->
+    <div>
+      <el-pagination class="right" layout="prev, pager, next" :total="1000">
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="编辑"
+      :visible.sync="dialogForm"
+      width="30%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="form" label-width="100px" label-position="right">
+        <el-form-item label="经销商名称">
+          <el-select v-model="form.name" placeholder="请选择活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="活动分类">
+          <el-select v-model="form.select" placeholder="请选择活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="dialogForm = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { COMMON_SELECT } from "@/utils/select_data";
+import { getList } from "@/api/basic_data/dealer";
+import { downloadFiles } from "@/utils/util";
+import { getToken } from "@/utils/auth";
+import { getDetail, resetPassword, editAccount } from "@/api/merchant";
+
+export default {
+  data() {
+    var validatePass = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("请输入登录密码"));
+      } else if (value.length < 12) {
+        callback(new Error("密码长度至少12位"));
+      } else if (/[A-Za-z].*[0-9]|[0-9].*[A-Za-z]/.test(value) == false) {
+        callback(new Error("密码必须包含数字和字母"));
+      } else {
+        if (this.resetForm.confirmPassword !== "") {
+          this.$refs.resetForm.validateField("confirmPassword");
+        }
+        callback();
+      }
+    };
+    var validatePass2 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("请再次输入密码"));
+      } else if (value !== this.resetForm.newPassword) {
+        callback(new Error("两次输入密码不一致"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      dialogForm: false,
+      form: {
+        name: "",
+        select: "",
+      },
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      listTotal: 0, // 列表总数
+      dealerForm: {
+        name: "",
+        coding: "",
+        select: "",
+      },
+      dataList: [
+        {
+          nname: "佛山市禅城区梁云冷气经营部",
+          bianma: "01",
+          selectname: "家用空调",
+          person: "LID",
+          createdata: "2022-05-18 12:00",
+          updateperson: "LID",
+          update: "2022-05-24  12:00",
+        },
+        {
+          nname: "佛山市禅城区梁云冷气经营部",
+          bianma: "01",
+          selectname: "家用空调",
+          person: "LID",
+          createdata: "2022-05-18 12:00",
+          updateperson: "LID",
+          update: "2022-05-24  12:00",
+        },
+        {
+          nname: "佛山市禅城区梁云冷气经营部",
+          bianma: "01",
+          selectname: "家用空调",
+          person: "LID",
+          createdata: "2022-05-18 12:00",
+          updateperson: "LID",
+          update: "2022-05-24  12:00",
+        },
+        {
+          nname: "佛山市禅城区梁云冷气技术部",
+          bianma: "02",
+          selectname: "家用电视",
+          person: "CCC",
+          createdata: "2022-05-18 12:00",
+          updateperson: "CCC",
+          update: "2022-05-24  12:00",
+        },
+      ], // 列表数据
+      listLoading: false, // 列表加载loading
+    };
+  },
+  created() {},
+  computed: {},
+  methods: {
+    editFn() {
+      this.dialogForm = true;
+    },
+    queryFn() {
+      if (
+        this.dealerForm.name === "" &&
+        this.dealerForm.coding === "" &&
+        this.dealerForm.select === ""
+      ) {
+        return;
+      }
+
+      let res = this.dataList.filter(
+        (v) =>
+          v.nname === this.dealerForm.name &&
+          v.coding === this.dealerForm.bianma &&
+          v.select === this.dealerForm.selectname
+      );
+      this.dataList = res;
+    },
+    resetFn() {
+      this.dealerForm.name = "";
+      this.dealerForm.coding = "";
+      this.dealerForm.select = "";
+      console.log(this.dealerForm);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-input--suffix {
+  width: 300px;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+::v-deep .dialog-footer {
+  display: flex;
+  justify-content: center;
+}
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #415058;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.formWidth {
+  width: 70%;
+  margin-right: 20px;
+}
+.right {
+  float: right;
+}
+.textColor {
+  color: black;
+}
+</style>

src/views/basic_data/logistics.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/logistics/logistics_list.vue

@@ -0,0 +1,292 @@
+<template>
+  <div>
+    <!-- 筛选条件 -->
+    <div class="base">
+      <el-row :gutter="30">
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.name"
+            placeholder="物流公司名称"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.telephone"
+            placeholder="客服电话"
+            width="20%"
+          />
+        </el-col>
+
+        <el-col :span="14">
+          <div class="right">
+            <el-button type="info">查询</el-button>
+            <el-button type="info">重置</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 按钮 -->
+    <div class="table base">
+      <el-row>
+        <el-button type="info">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+    </div>
+    <!-- 列表 -->
+    <div class="table base">
+      <el-table
+        :data="dataList"
+        element-loading-text="Loading"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column
+          align="center"
+          label=""
+          prop="num"
+          min-width="60"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="物流公司名称"
+          prop="name"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="物流公司代码"
+          prop="code"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="提货人"
+          prop="consignee"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="提货人电话"
+          prop="consigneePhone"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="客服电话"
+          prop="customerService"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建人"
+          prop="createUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新人"
+          prop="updateUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新时间"
+          prop="updateDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          min-width="160"
+          show-overflow-tooltip
+        >
+          <el-button type="text" class="textColor" @click="editFn"
+            >编辑</el-button
+          >
+          <el-button type="text" class="textColor">删除</el-button>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div>
+      <el-pagination
+        class="right base"
+        layout="prev, pager, next"
+        :total="1000"
+      >
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="提货车辆档案"
+      :visible.sync="showDialogForm"
+      width="30%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="diaLogForm" label-width="100px">
+        <el-form-item label="物流公司名称">
+          <el-input v-model="diaLogForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="物流公司代码">
+          <el-input v-model="diaLogForm.code"></el-input>
+        </el-form-item>
+        <el-form-item label="提货人">
+          <el-input v-model="diaLogForm.consignee"></el-input>
+        </el-form-item>
+        <el-form-item label="提货人电话">
+          <el-input v-model="diaLogForm.consigneePhone"></el-input>
+        </el-form-item>
+        <el-form-item label="客服电话">
+          <el-input v-model="diaLogForm.sparePhone"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showDialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="showDialogForm = false"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      diaLogForm: {
+        name: "",
+        code: "",
+        consignee: "",
+        consigneePhone: "",
+        customerService: "",
+      },
+      showDialogForm: false,
+      dataList: [
+        {
+          num: "1",
+          name: "嘉贤",
+          code: "1212",
+          consignee: "",
+          consigneePhone: "",
+          customerService: "12345678901",
+          createUser: "",
+          createDate: "",
+          updateUser: "",
+          updateDate: "",
+        },
+        {
+          num: "1",
+          name: "嘉贤",
+          code: "1212",
+          consignee: "",
+          consigneePhone: "",
+          customerService: "12345678901",
+          createUser: "",
+          createDate: "",
+          updateUser: "",
+          updateDate: "",
+        },
+        {
+          num: "1",
+          name: "嘉贤",
+          code: "1212",
+          consignee: "",
+          consigneePhone: "",
+          customerService: "12345678901",
+          createUser: "",
+          createDate: "",
+          updateUser: "",
+          updateDate: "",
+        },
+        {
+          num: "1",
+          name: "嘉贤",
+          code: "1212",
+          consignee: "",
+          consigneePhone: "",
+          customerService: "12345678901",
+          createUser: "",
+          createDate: "",
+          updateUser: "",
+          updateDate: "",
+        },
+      ],
+      searchForm: {
+        name: "",
+        username: "",
+        telephone: "",
+      },
+    };
+  },
+  methods: {
+    editFn() {
+      this.showDialogForm = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.textColor {
+  color: black;
+}
+::v-deep .el-date-editor {
+  width: 100%;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-col-9 .el-button {
+  padding: 5px;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.base {
+  padding: 20px 20px 0;
+}
+.table {
+  margin-top: 12px;
+}
+.right {
+  float: right;
+}
+</style>

src/views/basic_data/material.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/material/components/material_list-detail.vue

@@ -0,0 +1,648 @@
+<template>
+  <div>
+    <div class="sty">
+      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
+    </div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>信息</span>
+      </div>
+      <el-row>
+        <el-col :span="8"><span>创建组织</span><input type="text" /></el-col>
+        <el-col :span="8"><span>使用组织</span><input type="text" /></el-col>
+        <el-col :span="8"><span>编码</span><input type="text" /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8"><span>名称</span><input type="text" /></el-col>
+        <el-col :span="8"></el-col>
+        <el-col :span="8"></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>基本</span>
+      </div>
+      <div class="baseInfo">
+        <div>
+          <div class="base-header">
+            <span>基本信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">规格型号</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">助记码</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">旧物料编码</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">条码</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">描述</span
+              ><textarea
+                class="textareaStyle"
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+              ></textarea>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">物料分组</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">物料属性</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">配置生产</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">特征件子项</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">套件</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">基本单位</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">正常</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">禁用原因</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>控制</span>
+          </div>
+          <el-row>
+            <el-row></el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">允许采购</span><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">允许销售</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">允许库存</span><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">允许生产</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">允许委外</span><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">允许资产</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+          </el-row>
+
+          <div class="base-header">
+            <span>财务信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">默认税率</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">存货类别</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">税分类</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">结算成本价加减价比例(%)</span
+              ><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">商城公开价</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">套机码</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>重量信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">毛重</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">净重</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">重量单位</span><input type="text"
+            /></el-col>
+          </el-row>
+
+          <div class="base-header">
+            <span>尺寸信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">长</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">宽</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">高</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">体积</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">尺寸单位</span><input type="text"
+            /></el-col>
+          </el-row>
+
+          <div class="base-header">
+            <span>状态</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">数据状态</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">禁用状态</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">已使用</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+        </div>
+      </div>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>库存</span>
+      </div>
+      <div class="baseInfo">
+        <div>
+          <div class="base-header">
+            <span>存储</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">库存单位</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">换算方向</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">仓库</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">仓位</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">单箱标准数量</span><input type="text"
+            /></el-col>
+          </el-row>
+          <div class="base-header">
+            <span>库存控制</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">可锁库</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>管理</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">启用批号管理</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">批号编码规则</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">启用保质期管理</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">批号附属信息</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">保质期单位</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">在架寿命期</span><input type="text"
+            /></el-col>
+          </el-row>
+          <div class="base-header">
+            <span>库存成本</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">参考成本</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">成本单位</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">币别</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>库存计划</span>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <span class="marg-r startUse">启用</span>
+              <div class="start">
+                <div><input type="checkbox" /><span>最小库存预警</span></div>
+                <div><input type="checkbox" /><span>安全库存预警</span></div>
+                <div><input type="checkbox" /><span>最大库存预警</span></div>
+                <div><input type="checkbox" /><span>在订货点预警</span></div>
+              </div>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">最小库存</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">再定货点</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">经济订货批量</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">最大库存</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+      </div>
+      <div>
+        <div class="base-header">
+          <span>客机信息</span>
+        </div>
+        <!-- 列表 -->
+        <br />
+        <el-table
+          v-loading="listLoading"
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#e8e8e8',
+            color: 'black',
+          }"
+          border=""
+        >
+          <el-table-column
+            align="center"
+            label="序号"
+            prop="nname"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="内机编码"
+            prop="bianma"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="内机名称"
+            prop="selectname"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="型号"
+            prop="person"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="内机体积"
+            prop="createdata"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="外机编码"
+            prop="updateperson"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="外机名称"
+            prop="update"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="型号"
+            prop="update"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="外机体积"
+            prop="update"
+            min-width="160"
+            show-overflow-tooltip
+          ></el-table-column>
+        </el-table>
+        <br />
+        <el-row>
+          <el-col :span="6">
+            <strong class="marg-r">商城分类</strong>
+            <select name="" id="" class="selectStyle2">
+              <option value="">挂式空调</option>
+            </select>
+          </el-col>
+        </el-row>
+        <div>
+          <div class="img">
+            <strong>产品图片</strong>
+          </div>
+          <br />
+          <el-upload list-type="picture-card">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+          <br />
+          <span>(上传图片大小规格: , 最多上传5张)</span>
+          <div class="img"></div>
+        </div>
+        <br />
+        <div>
+          <div class="img">
+            <strong>详情图</strong>
+          </div>
+          <br />
+          <el-upload list-type="picture-card">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+          <br />
+          <span>(上传图片宽度不超过: ,)</span>
+          <div class="img"></div>
+        </div>
+        <br />
+        <el-row>
+          <el-col :span="6">
+            <strong class="marg-r">是否允许订货</strong>
+            <select name="" id="" class="selectStyle2">
+              <option value="">是</option>
+              <option value="">否</option>
+            </select>
+          </el-col>
+        </el-row>
+        <br />
+        <br />
+        <el-button type="info">保存</el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    goBack() {
+      console.log(this.$parent);
+      this.$parent.isShow = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-upload {
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  border: 1px solid grey;
+}
+.img {
+  width: 30%;
+  height: 25px;
+  //   background-color: aqua;
+  border-bottom: 1px solid gray;
+}
+.startUse {
+  vertical-align: top;
+}
+.start {
+  display: inline-block;
+  width: 35%;
+
+  div {
+    float: left;
+    width: 50%;
+    span {
+      font-size: 12px;
+      vertical-align: text-bottom;
+      padding: 0px 3px;
+    }
+  }
+}
+.baseWidth {
+  width: 46%;
+}
+.inputDate {
+  width: 46%;
+}
+.selectStyle2 {
+  width: 35%;
+}
+.selectStyle {
+  width: 35%;
+}
+.textareaStyle {
+  vertical-align: text-top;
+  resize: none;
+  width: 35%;
+  height: 100px;
+}
+.color {
+  color: #1f93ec;
+}
+.el-col-24 {
+  margin: 6px 0;
+}
+
+.marg-r {
+  padding-right: 15px;
+  font-size: 12px;
+  display: inline-block;
+  width: 120px;
+}
+.base-header {
+  height: 20px;
+  width: 60%;
+  border-bottom: 2px solid gray;
+  span {
+    width: 100px;
+    height: 100%;
+    display: block;
+    text-align: center;
+    color: #fff;
+
+    background-color: gray;
+  }
+}
+.box-card {
+  margin-bottom: 20px;
+}
+.el-col-8 {
+  span {
+    padding-right: 10px;
+    display: inline-block;
+    width: 100px;
+  }
+}
+.baseInfo {
+  display: flex;
+  justify-content: space-between;
+  > div {
+    width: 33%;
+  }
+}
+.sty {
+  margin-bottom: 20px;
+}
+.el-row {
+  margin-bottom: 20px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>

src/views/basic_data/material/material_list.vue

@@ -0,0 +1,202 @@
+<template>
+  <div class="app-container">
+    <div v-if="isShow">
+      <!-- 筛选条件 -->
+      <div class="screen-container">
+        <div class="top clearfix">
+          <div class="title fl">条件筛选</div>
+        </div>
+        <el-form
+          ref="screenForm"
+          :model="screenForm"
+          label-width="70px"
+          size="small"
+          label-position="left"
+        >
+          <el-row :gutter="20">
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="关键字" prop="name">
+                <el-input
+                  v-model="screenForm.name"
+                  placeholder="请输入关键字"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="">
+                <el-button size="small">清空</el-button>
+                <el-button size="small" type="primary">搜索</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <div class="table">
+        <el-table
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#eef2f8',
+            'border-right': '1px solid #bec2c8',
+          }"
+        >
+          <el-table-column type="selection" min-width="100"></el-table-column>
+          <el-table-column
+            align="center"
+            label="使用组织"
+            prop="usename"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="编码"
+            prop="bianMa"
+            min-width="100"
+            label-class-name="bianma"
+            class-name="fontstyle"
+          ></el-table-column>
+
+          <el-table-column
+            align="center"
+            label="名称"
+            prop="name"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="规格型号"
+            prop="model"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="数据状态"
+            prop="dataState"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="是否维护商城资料"
+            prop="maintainData"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="是否维护内外机档案"
+            prop="maintainFiles"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="基本单位"
+            prop="baseCompany"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="已使用"
+            prop="used"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="操作"
+            prop="caozuo"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >编辑</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="fr base">
+        <el-pagination
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="listTotal"
+        >
+        </el-pagination>
+      </div>
+    </div>
+    <MaterialListDetail v-else />
+  </div>
+</template>
+
+<script>
+import MaterialListDetail from "./components/material_list-detail.vue";
+export default {
+  data() {
+    return {
+      isShow: true,
+      dataList: [
+        {
+          usename: "广州格匠机电工程有限公司",
+          bianMa: "0021",
+          name: "电器",
+          model: "KFR-50LW/(50530)FNh",
+          dataState: "已审核",
+          maintainData: "是",
+          maintainFiles: "是",
+          baseCompany: "Pcs",
+          used: "否",
+        },
+        {
+          usename: "广州格匠机电工程有限公司",
+          bianMa: "0021",
+          name: "电器",
+          model: "KFR-50LW/(50530)FNh",
+          dataState: "已审核",
+          maintainData: "是",
+          maintainFiles: "是",
+          baseCompany: "Pcs",
+          used: "否",
+        },
+        {
+          usename: "广州格匠机电工程有限公司",
+          bianMa: "0021",
+          name: "电器",
+          model: "KFR-50LW/(50530)FNh",
+          dataState: "已审核",
+          maintainData: "是",
+          maintainFiles: "是",
+          baseCompany: "Pcs",
+          used: "否",
+        },
+      ], // 列表数据
+
+      screenForm: {
+        // 筛选表单数据
+        name: "", // 名称
+      },
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      listTotal: 0, // 列表总数
+    };
+  },
+  components: { MaterialListDetail },
+  methods: {
+    editFn() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.base {
+  margin-top: 20px;
+}
+::v-deep .fontstyle {
+  color: #0909ff;
+}
+::v-deep .bianma {
+  color: #409eff;
+}
+</style>

src/views/basic_data/supplier.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/supplier/components/supplier_list-detail.vue

@@ -0,0 +1,398 @@
+<template>
+  <div>
+    <div class="sty">
+      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
+    </div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>供应商编码</span>
+      </div>
+      <el-row>
+        <el-col :span="6"
+          ><span class="color">创建组织</span><input type="text"
+        /></el-col>
+        <el-col :span="6"><span>使用组织</span><input type="text" /></el-col>
+        <el-col :span="6"
+          ><span class="color">注册编码</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">编码</span><input type="text"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"><span>名称</span><input type="text" /></el-col>
+        <el-col :span="6"><span>简称</span><input type="text" /></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>基本信息</span>
+      </div>
+      <div class="baseInfo">
+        <div>
+          <div class="base-header">
+            <span>地址</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">国家</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">地区</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">通讯地址</span
+              ><textarea
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+                class="textareaStyle"
+              ></textarea>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">邮政编码</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">语言</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">公司地址</span
+              ><textarea
+                class="textareaStyle"
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+              ></textarea>
+            </el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>注册</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">行业</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">创立日期</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">法人代表</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">注册资金(万元)</span
+              ><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司规模工商登记号</span
+              ><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">生产经许可证</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">统一社会信用代码</span
+              ><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">注册地址</span
+              ><textarea
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+                class="textareaStyle"
+              ></textarea>
+            </el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>管理</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">负责部门</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">负责人</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">供应商分类</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">供应类别</span
+              ><select name="" id="" class="selectStyle">
+                <option value="">采购</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">供应商等级</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">供应商分组</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司类别</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">公司性质</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">公司规模</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">对应组织</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>商务信息</span>
+      </div>
+      <el-row>
+        <el-col :span="6"
+          ><span class="color">采购组</span><input type="text"
+        /></el-col>
+        <el-col :span="6"><span>默认价目表</span><input type="text" /></el-col>
+        <el-col :span="6"
+          ><span>业务状态</span
+          ><select name="" id="" class="selectStyle2">
+            <option value="">正常</option>
+          </select></el-col
+        >
+        <el-col :span="6"><span>默认折扣表</span><input type="text" /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"
+          ><span>冻结范围</span
+          ><select name="" id="" class="selectStyle2">
+            <option value=""></option></select
+        ></el-col>
+        <el-col :span="6"
+          ><span class="color">供货方</span><input type="text"
+        /></el-col>
+        <el-col :span="6"><span>冻结人</span><input type="text" /></el-col>
+        <el-col :span="6"
+          ><span class="color">VMI仓库</span><input type="text"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"
+          ><span>冻结日期</span><input type="date" class="inputDate"
+        /></el-col>
+        <el-col :span="6"><span>VMI业务</span><input type="checkbox" /></el-col>
+        <el-col :span="6"
+          ><span class="color">汇总公司</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span>启用供应商协同</span><input type="checkbox"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"><span>保证金比例</span><input type="text" /></el-col>
+        <el-col :span="6"
+          ><span class="color">默认联系人</span><input type="text"
+        /></el-col>
+        <el-col :span="6"></el-col>
+        <el-col :span="6"></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>财务信息</span>
+      </div>
+      <el-row>
+        <el-col :span="6"
+          ><span class="color">对应客户</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span>单次预付额度</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">发票类型</span
+          ><select name="" id="" class="selectStyle2">
+            <option value="">正常</option>
+          </select></el-col
+        >
+        <el-col :span="6"
+          ><span class="color">结算币别</span><input type="text"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"
+          ><span class="color">税分类</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">默认税率</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">结算方式</span><input type="text"
+        /></el-col>
+        <el-col :span="6"><span>税务登记号</span><input type="text" /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"
+          ><span>描述</span
+          ><textarea
+            class="textareaStyle"
+            name=""
+            id=""
+            cols="30"
+            rows="10"
+            style="width: 46%"
+          ></textarea>
+        </el-col>
+        <el-col :span="6"
+          ><span class="color">付款条件</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">经营类型</span><input type="text"
+        /></el-col>
+        <el-col :span="6"
+          ><span class="color">结算方</span><input type="text"
+        /></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6"
+          ><span class="color">收款方</span><input type="text"
+        /></el-col>
+        <el-col :span="6"></el-col>
+        <el-col :span="6"></el-col>
+        <el-col :span="6"></el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    goBack() {
+      console.log(this.$parent);
+      this.$parent.isShow = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.baseWidth {
+  width: 46%;
+}
+.inputDate {
+  width: 46%;
+}
+.selectStyle2 {
+  width: 46%;
+}
+.selectStyle {
+  width: 35%;
+}
+.textareaStyle {
+  vertical-align: text-top;
+  resize: none;
+  width: 35%;
+  height: 100px;
+}
+.color {
+  color: #1f93ec;
+}
+.el-col-24 {
+  margin: 6px 0;
+}
+
+.marg-r {
+  padding-right: 15px;
+  font-size: 12px;
+  display: inline-block;
+  width: 120px;
+}
+.base-header {
+  height: 20px;
+  width: 60%;
+  border-bottom: 2px solid gray;
+  span {
+    width: 100px;
+    height: 100%;
+    display: block;
+    text-align: center;
+    color: #fff;
+
+    background-color: gray;
+  }
+}
+.box-card {
+  margin-bottom: 20px;
+}
+.el-col-6 {
+  span {
+    padding-right: 10px;
+    display: inline-block;
+    width: 100px;
+  }
+}
+.baseInfo {
+  display: flex;
+  justify-content: space-between;
+  > div {
+    width: 33%;
+  }
+}
+.sty {
+  margin-bottom: 20px;
+}
+.el-row {
+  margin-bottom: 20px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>

src/views/basic_data/supplier/supplier_list.vue

@@ -0,0 +1,167 @@
+<template>
+  <div class="base">
+    <div v-if="isShow">
+      <!-- 搜索框 -->
+      <div class="base">
+        <el-form
+          ref="screenForm"
+          :model="searchForm"
+          label-width="70px"
+          size="small"
+          label-position="left"
+        >
+          <el-row :gutter="20">
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="关键字" prop="name">
+                <el-input
+                  v-model="searchForm.name"
+                  placeholder="请输入关键字"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="">
+                <el-button size="small">清空</el-button>
+                <el-button size="small" type="primary">搜索</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <!-- 表格 -->
+      <div class="base">
+        <div class="table">
+          <el-table
+            :data="dataList"
+            :header-cell-style="{
+              'background-color': '#eef2f8',
+              'border-right': '1px solid #bec2c8',
+            }"
+          >
+            <el-table-column type="selection" min-width="100"></el-table-column>
+            <el-table-column
+              align="center"
+              label="编码"
+              prop="bianMa"
+              min-width="100"
+              label-class-name="bianma"
+              class-name="fontstyle"
+            ></el-table-column>
+            <el-table-column
+              align="center"
+              label="使用组织"
+              prop="useZh"
+              min-width="100"
+            ></el-table-column>
+            <el-table-column
+              align="center"
+              label="名称"
+              prop="name"
+              min-width="100"
+            ></el-table-column>
+            <el-table-column
+              align="center"
+              label="简称"
+              prop="jc"
+              min-width="100"
+            ></el-table-column>
+            <el-table-column
+              align="center"
+              label="供应商分组"
+              prop="gongYing"
+              min-width="100"
+            ></el-table-column>
+            <el-table-column
+              align="center"
+              label="操作"
+              prop="caozuo"
+              min-width="160"
+              show-overflow-tooltip
+            >
+              <el-button type="text" class="textColor" @click="editFn"
+                >编辑</el-button
+              >
+              <el-button type="text" class="textColor">删除</el-button>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <div class="pagination clearfix">
+          <div class="fr">
+            <el-pagination
+              :current-page="currentPage"
+              :page-sizes="[10, 20, 30, 50]"
+              :page-size="10"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="listTotal"
+            >
+            </el-pagination>
+          </div>
+        </div>
+      </div>
+    </div>
+    <SupplierListDetail v-else />
+  </div>
+</template>
+
+<script>
+import SupplierListDetail from "./components/supplier_list-detail.vue";
+export default {
+  data() {
+    return {
+      isShow: true,
+      searchForm: {
+        name: "",
+      },
+      dataList: [
+        {
+          bianMa: "DG0001",
+          useZh: "广州格匠机电工程有限公司",
+          name: "东莞市美信机电工程有限公司",
+          jc: "",
+          gongYing: "东莞",
+        },
+        {
+          bianMa: "DG0001",
+          useZh: "广州格匠机电工程有限公司",
+          name: "东莞市美信机电工程有限公司",
+          jc: "",
+          gongYing: "东莞",
+        },
+        {
+          bianMa: "DG0001",
+          useZh: "广州格匠机电工程有限公司",
+          name: "东莞市美信机电工程有限公司",
+          jc: "",
+          gongYing: "东莞",
+        },
+        {
+          bianMa: "DG0001",
+          useZh: "广州格匠机电工程有限公司",
+          name: "东莞市美信机电工程有限公司",
+          jc: "",
+          gongYing: "东莞",
+        },
+      ],
+    };
+  },
+  components: {
+    SupplierListDetail,
+  },
+  methods: {
+    editFn() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.base {
+  padding: 20px;
+}
+.fr {
+  margin-top: 20px;
+}
+</style>

src/views/basic_data/taker.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/taker/taker_car.vue

@@ -0,0 +1,251 @@
+<template>
+  <div>
+    <!-- 筛选条件 -->
+    <div class="base">
+      <el-row :gutter="30">
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.name"
+            placeholder="经销商名称"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.username"
+            placeholder="提货人姓名"
+            width="20%"
+          />
+        </el-col>
+
+        <el-col :span="14">
+          <div class="right">
+            <el-button type="info">查询</el-button>
+            <el-button type="info">重置</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 按钮 -->
+    <div class="table base">
+      <el-row>
+        <el-button type="info">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+    </div>
+    <!-- 列表 -->
+    <div class="table base">
+      <el-table
+        :data="dataList"
+        element-loading-text="Loading"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column type="selection" min-width="100"></el-table-column>
+        <el-table-column
+          align="center"
+          label="经销商名称"
+          prop="name"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="车辆车牌号"
+          prop="carNumber"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建者"
+          prop="createUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新者"
+          prop="updateUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新时间"
+          prop="updateDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          min-width="160"
+          show-overflow-tooltip
+        >
+          <el-button type="text" class="textColor" @click="editFn"
+            >编辑</el-button
+          >
+          <el-button type="text" class="textColor">删除</el-button>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div>
+      <el-pagination
+        class="right base"
+        layout="prev, pager, next"
+        :total="1000"
+      >
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="提货车辆档案"
+      :visible.sync="dialogForm"
+      width="40%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="addForm" label-width="120px">
+        <el-form-item label="经销商名称">
+          <el-select v-model="addForm.name" placeholder="选择名称">
+            <el-option> dsdsds</el-option>
+          </el-select>
+        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车牌号">
+              <el-input v-model="addForm.username"></el-input> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话">
+              <el-input v-model="addForm.userID"></el-input> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车型">
+              <el-input v-model="addForm.telephone"></el-input> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="体积">
+              <el-input v-model="addForm.sparePhone"></el-input> </el-form-item
+          ></el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="dialogForm = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      addForm: {
+        name: "",
+        username: "",
+        userID: "",
+        telephone: "",
+        sparePhone: "",
+        valid: "",
+        Verification: "",
+      },
+      dialogForm: false,
+      dataList: [
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          carNumber: "粤Axxxxx",
+          createUser: "张三",
+          createDate: "2022-01-02 12:12",
+          updateUser: "张三",
+          updateDate: "2022-01-02 12:21",
+        },
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          carNumber: "粤Axxxxx",
+          createUser: "张三",
+          createDate: "2022-01-02 12:12",
+          updateUser: "张三",
+          updateDate: "2022-01-02 12:21",
+        },
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          carNumber: "粤Axxxxx",
+          createUser: "张三",
+          createDate: "2022-01-02 12:12",
+          updateUser: "张三",
+          updateDate: "2022-01-02 12:21",
+        },
+      ],
+      searchForm: {
+        name: "",
+        username: "",
+        telephone: "",
+      },
+    };
+  },
+  methods: {
+    editFn() {
+      this.dialogForm = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.textColor {
+  color: black;
+}
+::v-deep .el-date-editor {
+  width: 100%;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-col-9 .el-button {
+  padding: 5px;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.base {
+  padding: 20px 20px 0;
+}
+.table {
+  margin-top: 12px;
+}
+.right {
+  float: right;
+}
+</style>

src/views/basic_data/taker/taker_list.vue

@@ -0,0 +1,309 @@
+<template>
+  <div>
+    <!-- 筛选条件 -->
+    <div class="base">
+      <el-row :gutter="30">
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.name"
+            placeholder="经销商名称"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.username"
+            placeholder="存货分类编码"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.telephone"
+            placeholder="存货分类"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="8">
+          <div class="right">
+            <el-button type="info">查询</el-button>
+            <el-button type="info">重置</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 按钮 -->
+    <div class="table base">
+      <el-row>
+        <el-button type="info" @click="addFn">新增</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+    </div>
+    <!-- 列表 -->
+    <div class="table base">
+      <el-table
+        :data="dataList"
+        element-loading-text="Loading"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column type="selection" min-width="100"></el-table-column>
+        <el-table-column
+          align="center"
+          label="经销商名称"
+          prop="name"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="提货人姓名"
+          prop="username"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="身份证"
+          prop="userID"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="联系电话"
+          prop="telephone"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="备用电话"
+          prop="sparePhone"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="附件"
+          prop="enclosure"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="有效期"
+          prop="valid"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建人"
+          prop="createUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="状态"
+          prop="state"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div>
+      <el-pagination
+        class="right base"
+        layout="prev, pager, next"
+        :total="1000"
+      >
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="提货人档案"
+      :visible.sync="dialogForm"
+      width="40%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="addForm" label-width="120px">
+        <el-form-item label="经销商名称">
+          <el-select v-model="addForm.name" placeholder="名称">
+            <el-option> dsdsds</el-option>
+          </el-select>
+        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="提货人姓名">
+              <el-input v-model="addForm.username"></el-input> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证号码">
+              <el-input v-model="addForm.userID"></el-input> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="联系电话">
+              <el-input v-model="addForm.telephone"></el-input> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="备用电话">
+              <el-input v-model="addForm.sparePhone"></el-input> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="有效期">
+              <el-date-picker
+                v-model="addForm.valid"
+                type="date"
+                placeholder="选择日期"
+              >
+              </el-date-picker> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="验证码">
+              <el-row :gutter="6">
+                <el-col :span="14">
+                  <el-input v-model="addForm.Verification" />
+                </el-col>
+                <el-col :span="9">
+                  <el-button type="info">获取验证码</el-button>
+                </el-col>
+              </el-row>
+            </el-form-item></el-col
+          >
+        </el-row>
+        <el-form-item label="上传提货人附件">
+          <el-upload class="upload-demo">
+            <el-button size="small" type="info">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="dialogForm = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      addForm: {
+        name: "",
+        username: "",
+        userID: "",
+        telephone: "",
+        sparePhone: "",
+        valid: "",
+        Verification: "",
+      },
+      dialogForm: false,
+      dataList: [
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          username: "张三",
+          userID: "01234567891234567689",
+          telephone: "01234567891",
+          sparePhone: "1234567890",
+          enclosure: "",
+          valid: "2022-04-30",
+          createUser: "张三",
+          createDate: "2022-01-02 12:21",
+          state: "失效",
+        },
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          username: "张三",
+          userID: "01234567891234567689",
+          telephone: "01234567891",
+          sparePhone: "1234567890",
+          enclosure: "",
+          valid: "2022-04-30",
+          createUser: "张三",
+          createDate: "2022-01-02 12:21",
+          state: "失效",
+        },
+        {
+          name: "佛山市禅城区梁云冷气经营部",
+          username: "张三",
+          userID: "01234567891234567689",
+          telephone: "01234567891",
+          sparePhone: "1234567890",
+          enclosure: "",
+          valid: "2022-04-30",
+          createUser: "张三",
+          createDate: "2022-01-02 12:21",
+          state: "失效",
+        },
+      ],
+      searchForm: {
+        name: "",
+        username: "",
+        telephone: "",
+      },
+    };
+  },
+  methods: {
+    addFn() {
+      this.dialogForm = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+::v-deep .el-date-editor {
+  width: 100%;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-col-9 .el-button {
+  padding: 5px;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.base {
+  padding: 20px 20px 0;
+}
+.table {
+  margin-top: 12px;
+}
+.right {
+  float: right;
+}
+</style>

src/views/basic_data/warehouse.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/basic_data/warehouse/components/warehouse_list-detail.vue

@@ -0,0 +1,288 @@
+<template>
+  <div>
+    <div class="sty">
+      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
+    </div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>组织信息</span>
+      </div>
+      <el-row>
+        <el-col :span="8"><span>创建组织</span><input type="text" /></el-col>
+        <el-col :span="8"><span>编码</span><input type="text" /></el-col>
+        <el-col :span="8"><span>名称</span><input type="text" /></el-col>
+      </el-row>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>基本信息</span>
+      </div>
+      <div class="baseInfo">
+        <div>
+          <div class="base-header">
+            <span>基本信息</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">仓库属性</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">普通仓库</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">供应商</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">客户</span
+              ><textarea
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+                class="textareaStyle"
+              ></textarea>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">仓库地址</span
+              ><textarea
+                class="textareaStyle"
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+              ></textarea>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">仓库负责人</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">联系电话</span><input type="text" />
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">描述</span
+              ><textarea
+                class="textareaStyle"
+                name=""
+                id=""
+                cols="30"
+                rows="10"
+              ></textarea>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">分组</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">管易仓</span><input type="checkbox"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">管易仓编码</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">第三方仓储类型</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">正常</option>
+              </select></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">第三方仓库编码</span><input type="text"
+            /></el-col>
+          </el-row>
+        </div>
+        <div>
+          <div class="base-header">
+            <span>库存状态</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">库存状态类型</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">默认库存状态</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">默认收料状态</span><input type="text"
+            /></el-col>
+          </el-row>
+          <div class="base-header">
+            <span>控制</span>
+          </div>
+          <el-row>
+            <el-row>
+              <el-col :span="24"
+                ><span class="marg-r">允许客户查询</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">允许即时库存负库存</span
+                ><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">允许MRP计划</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">允许锁库</span><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">参与预警</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">启用仓位管理</span><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"
+                ><span class="marg-r">参与拣货</span><input type="checkbox"
+              /></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"
+                ><span class="marg-r">不参与可发量统计</span
+                ><input type="checkbox"
+              /></el-col>
+              <el-col :span="8"> </el-col>
+            </el-row>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">拣货优先级(1~9999)</span><input type="text"
+            /></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r color">仓位维度数据列表显示格式</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">正常</option>
+              </select></el-col
+            >
+          </el-row>
+          <div class="base-header">
+            <span>状态</span>
+          </div>
+          <el-row>
+            <el-col :span="24"
+              ><span class="marg-r">数据状态</span
+              ><select name="" id="" class="selectStyle2">
+                <option value="">暂存</option>
+              </select></el-col
+            >
+          </el-row>
+        </div>
+        <div></div>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    goBack() {
+      console.log(this.$parent);
+      this.$parent.isShow = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.baseWidth {
+  width: 46%;
+}
+.inputDate {
+  width: 46%;
+}
+.selectStyle2 {
+  width: 35%;
+}
+.selectStyle {
+  width: 35%;
+}
+.textareaStyle {
+  vertical-align: text-top;
+  resize: none;
+  width: 35%;
+  height: 100px;
+}
+.color {
+  color: #1f93ec;
+}
+.el-col-24 {
+  margin: 6px 0;
+}
+
+.marg-r {
+  padding-right: 15px;
+  font-size: 12px;
+  display: inline-block;
+  width: 120px;
+}
+.base-header {
+  height: 20px;
+  width: 60%;
+  border-bottom: 2px solid gray;
+  span {
+    width: 100px;
+    height: 100%;
+    display: block;
+    text-align: center;
+    color: #fff;
+
+    background-color: gray;
+  }
+}
+.box-card {
+  margin-bottom: 20px;
+}
+.el-col-8 {
+  span {
+    padding-right: 10px;
+    display: inline-block;
+    width: 100px;
+  }
+}
+.baseInfo {
+  display: flex;
+  justify-content: space-between;
+  > div {
+    width: 33%;
+  }
+}
+.sty {
+  margin-bottom: 20px;
+}
+.el-row {
+  margin-bottom: 20px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>

src/views/basic_data/warehouse/warehouse_book.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="base">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>仓库每天预约提货设置</span>
+      </div>
+      <!-- 列表 -->
+      <div class="">
+        <el-table
+          :data="dataList"
+          :header-cell-style="{
+            'background-color': '#e8e8e8',
+            color: 'black',
+          }"
+          border=""
+        >
+          <el-table-column
+            align="center"
+            label="序号"
+            prop="num"
+            min-width="60"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            align="center"
+            label="仓库"
+            prop="store"
+            min-width="160"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            align="center"
+            label="预约存货类型"
+            prop="type"
+            min-width="160"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            align="center"
+            label="最大预约单量"
+            prop="maxNum"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.maxNum"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            label="最大预约台数"
+            prop="maxSets"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.maxSets"></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            align="center"
+            label="操作"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >编辑</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dataList: [
+        {
+          num: "1",
+          store: "万豪仓",
+          type: "家用空调",
+          maxNum: "1111",
+          maxSets: "12331",
+        },
+        {
+          num: "1",
+          store: "万豪仓",
+          type: "家用空调",
+          maxNum: "1111",
+          maxSets: "",
+        },
+        {
+          num: "1",
+          store: "万豪仓",
+          type: "家用空调",
+          maxNum: "1111",
+          maxSets: "",
+        },
+        {
+          num: "1",
+          store: "万豪仓",
+          type: "家用空调",
+          maxNum: "1111",
+          maxSets: "",
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.base {
+  padding: 20px;
+}
+</style>

src/views/basic_data/warehouse/warehouse_cost.vue

@@ -0,0 +1,299 @@
+<template>
+  <div class="main">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>仓库费规则设施</span>
+      </div>
+      <el-row>
+        <el-col :span="4">
+          <strong>仓储费设置:</strong>
+        </el-col>
+        <el-col :span="16">
+          <div class="set">
+            <strong>货品仓库存放</strong
+            ><input class="inputs" v-model="input" placeholder="10" /> ><strong
+              >天内可免费受存储管理费用.</strong
+            >
+          </div>
+          <div>
+            <strong>当超过</strong
+            ><input class="inputs" v-model="input" placeholder="10" />
+            <strong>天后,按每立方米</strong
+            ><input class="inputs" v-model="input" placeholder="10" /><strong
+              >元/天计算</strong
+            >
+          </div>
+          <h5>当商品不足1立方米时,按一立方米计算</h5>
+        </el-col>
+      </el-row>
+      <h4 class="zhu">
+        注:改规则适用所有经销商,个性化液之后,则不再按该规则执行
+      </h4>
+    </el-card>
+    <div class="search">
+      <el-input placeholder="输入筛选条件"></el-input>
+      <el-button type="info">过滤</el-button>
+    </div>
+    <div class="table">
+      <el-row>
+        <el-button type="info">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+        <el-button type="info">导入</el-button>
+        <el-button type="info">导出</el-button>
+        <el-button type="info">打印</el-button>
+      </el-row>
+    </div>
+
+    <!-- 列表 -->
+    <div class="table">
+      <el-table
+        :data="dataList"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column type="selection" min-width="100" />
+
+        <el-table-column
+          align="center"
+          label="经销商编码"
+          prop="bianma"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="经销商名称"
+          prop="dealerName"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="存放免费天数"
+          prop="freeDay"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="收费规则(每立方米)"
+          prop="rule"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="创建人"
+          prop="createMan"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="更新人"
+          prop="updateMan"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="更新时间"
+          prop="updateDate"
+          min-width="160"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          align="center"
+          label="操作"
+          min-width="160"
+          show-overflow-tooltip
+        >
+          <el-button type="text" class="textColor" @click="editFn"
+            >编辑</el-button
+          >
+          <el-button type="text" class="textColor">删除</el-button>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 分页 -->
+    <div>
+      <el-pagination class="right" layout="prev, pager, next" :total="1000">
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="仓库费规则配置"
+      :visible.sync="showDialog"
+      width="30%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="dialogForm" label-width="100px" label-position="right">
+        <el-form-item label="经销商编码">
+          <el-select
+            v-model="dialogForm.bianma"
+            placeholder="请选择活动区域"
+            class="inputStyle"
+          >
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="经销商名称">
+          <el-input v-model="dialogForm.name" class="inputStyle"></el-input>
+        </el-form-item>
+        <el-form-item label="仓库存放" class="sty">
+          <el-input
+            v-model="dialogForm.freeDay"
+            class="inputStyle"
+          />天内可免费受存储管理费用. 当超过
+          <el-input
+            v-model="dialogForm.day"
+            class="inputStyle"
+          />天后,按每立方米
+          <el-input v-model="dialogForm.money" class="inputStyle" />
+          元/天计算
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showDialog = false">取 消</el-button>
+        <el-button type="primary" @click="showDialog = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dialogForm: {
+        bianma: "",
+        name: "",
+        day: "",
+        freeDay: "",
+        money: "",
+      },
+      showDialog: false,
+      dataList: [
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          rule: "0.1",
+          freeDay: "123",
+          createMan: "张三",
+          createDate: "2000/01/01",
+          updateMan: "张三",
+          updateDate: "2020/01/01",
+        },
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          rule: "0.1",
+          freeDay: "123",
+          createMan: "张三",
+          createDate: "2000/01/01",
+          updateMan: "张三",
+          updateDate: "2020/01/01",
+        },
+        {
+          num: "1",
+          bianma: "1002",
+          dealerName: "佛山市禅城区梁云冷气经营部",
+          rule: "0.1",
+          freeDay: "123",
+          createMan: "张三",
+          createDate: "2000/01/01",
+          updateMan: "张三",
+          updateDate: "2020/01/01",
+        },
+      ],
+    };
+  },
+  methods: {
+    editFn() {
+      this.showDialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .sty {
+  width: 85%;
+  .el-form-item__content .el-input {
+    width: 22%;
+    margin: 0px 10px 16px 0;
+  }
+}
+.zhu {
+  padding-top: 18px;
+}
+.set {
+  margin-bottom: 30px;
+}
+.inputs {
+  margin: 0 18px;
+}
+::v-deep .el-form {
+  .inputStyle {
+    width: 80%;
+  }
+}
+::v-deep .dialog-footer {
+  display: flex;
+  justify-content: center;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.inp {
+  margin: 0 12px;
+}
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.right {
+  margin-top: 12px;
+  float: right;
+}
+.textColor {
+  color: black;
+}
+.table {
+  margin-top: 12px;
+}
+.search {
+  display: flex;
+  margin-top: 12px;
+  ::v-deep .el-input {
+    width: 50%;
+    margin-right: 12px;
+  }
+}
+.main {
+  padding: 12px;
+}
+</style>>
+

src/views/basic_data/warehouse/warehouse_list.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="app-container">
+    <div v-if="isShow">
+      <!-- 筛选条件 -->
+      <div class="screen-container">
+        <div class="top clearfix">
+          <div class="title fl">条件筛选</div>
+        </div>
+        <el-form
+          ref="screenForm"
+          :model="screenForm"
+          label-width="70px"
+          size="small"
+          label-position="left"
+        >
+          <el-row :gutter="20">
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="关键字" prop="name">
+                <el-input
+                  v-model="screenForm.name"
+                  placeholder="请输入关键字"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :xs="24" :sm="12" :lg="6">
+              <el-form-item label="">
+                <el-button size="small">清空</el-button>
+                <el-button size="small" type="primary">搜索</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <div class="table">
+        <el-table
+          :data="dataList"
+          element-loading-text="Loading"
+          :header-cell-style="{
+            'background-color': '#eef2f8',
+            'border-right': '1px solid #bec2c8',
+          }"
+        >
+          <el-table-column type="selection" min-width="100"></el-table-column>
+          <el-table-column
+            align="center"
+            label="编码"
+            prop="bianMa"
+            min-width="100"
+            label-class-name="bianma"
+            class-name="fontstyle"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="名称"
+            prop="name"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="仓库地址"
+            prop="address"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="仓库负责人"
+            prop="storeUser"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="仓库属性"
+            prop="storeAttribute"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="第三方仓储类型"
+            prop="storeType"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="数据状态"
+            prop="dataState"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="允许即时库存负库存"
+            prop="allow"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="启用仓位管理"
+            prop="openStore"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="不参与可发量统计"
+            prop="noStatistics"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="参与预警"
+            prop="warning"
+            min-width="100"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="操作"
+            prop="caozuo"
+            min-width="160"
+            show-overflow-tooltip
+          >
+            <el-button type="text" class="textColor" @click="editFn"
+              >编辑</el-button
+            >
+            <el-button type="text" class="textColor">删除</el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="fr base">
+        <el-pagination
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="listTotal"
+        >
+        </el-pagination>
+      </div>
+    </div>
+    <WarehouseListDetail v-else />
+  </div>
+</template>
+
+<script>
+import WarehouseListDetail from "./components/warehouse_list-detail.vue";
+export default {
+  data() {
+    return {
+      isShow: true,
+      dataList: [
+        {
+          bianMa: "BXGM001",
+          name: "冰箱美国仓",
+          address: "",
+          storeUser: "",
+          storeAttribute: "普通仓库",
+          storeType: "",
+          dataState: "已审核",
+          allow: "否",
+          openStore: "否",
+          noStatistics: "否",
+          warning: "是",
+        },
+        {
+          bianMa: "BXGM001",
+          name: "冰箱美国仓",
+          address: "",
+          storeUser: "",
+          storeAttribute: "普通仓库",
+          storeType: "",
+          dataState: "已审核",
+          allow: "否",
+          openStore: "否",
+          noStatistics: "否",
+          warning: "是",
+        },
+        {
+          bianMa: "BXGM001",
+          name: "冰箱美国仓",
+          address: "",
+          storeUser: "",
+          storeAttribute: "普通仓库",
+          storeType: "",
+          dataState: "已审核",
+          allow: "否",
+          openStore: "否",
+          noStatistics: "否",
+          warning: "是",
+        },
+      ], // 列表数据
+
+      screenForm: {
+        // 筛选表单数据
+        name: "", // 名称
+      },
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      listTotal: 0, // 列表总数
+    };
+  },
+  components: {
+    WarehouseListDetail,
+  },
+  methods: {
+    editFn() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.base {
+  margin-top: 20px;
+}
+::v-deep .fontstyle {
+  color: #0909ff;
+}
+::v-deep .bianma {
+  color: #409eff;
+}
+</style>

src/views/basic_data/warehouse/warehouse_site.vue

@@ -0,0 +1,298 @@
+<template>
+  <div>
+    <!-- 筛选条件 -->
+    <div class="base">
+      <el-row :gutter="30">
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.storeName"
+            placeholder="仓库名称"
+            width="20%"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-input
+            v-model="searchForm.positionName"
+            placeholder="仓位名称"
+            width="20%"
+          />
+        </el-col>
+
+        <el-col :span="14">
+          <div class="right">
+            <el-button type="info">查询</el-button>
+            <el-button type="info">重置</el-button>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 按钮 -->
+    <div class="table base">
+      <el-row>
+        <el-button type="info" @click="addFn">新增</el-button>
+        <el-button type="info">编辑</el-button>
+        <el-button type="info">删除</el-button>
+      </el-row>
+    </div>
+    <!-- 列表 -->
+    <div class="table base">
+      <el-table
+        :data="dataList"
+        element-loading-text="Loading"
+        :header-cell-style="{
+          'background-color': '#e8e8e8',
+          color: 'black',
+        }"
+        border=""
+      >
+        <el-table-column
+          align="center"
+          label="序号"
+          prop="num"
+          min-width="60"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="仓库名称"
+          prop="storeName"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="仓位名称"
+          prop="positionName"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="库存警戒线"
+          prop="alert"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="库存充足"
+          prop="adequate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建人"
+          prop="createUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="创建时间"
+          prop="createDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新人"
+          prop="updateUser"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="更新时间"
+          prop="updateDate"
+          min-width="160"
+          show-overflow-tooltip
+        ></el-table-column>
+
+        <el-table-column
+          align="center"
+          label="操作"
+          min-width="160"
+          show-overflow-tooltip
+        >
+          <el-button type="text" class="textColor" @click="editFn"
+            >编辑</el-button
+          >
+          <el-button type="text" class="textColor">删除</el-button>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div>
+      <el-pagination
+        class="right base"
+        layout="prev, pager, next"
+        :total="1000"
+      >
+      </el-pagination>
+    </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="仓库仓位对应关系"
+      :visible.sync="showDialogForm"
+      width="30%"
+      :show-close="false"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="diaLogForm" label-width="100px">
+        <el-form-item label="仓库名称">
+          <el-input v-model="diaLogForm.storeName"></el-input>
+        </el-form-item>
+        <el-form-item label="仓位名称">
+          <el-select
+            v-model="diaLogForm.positionName"
+            multiple
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="库存警戒线">
+          <el-input v-model="diaLogForm.alert"></el-input>
+        </el-form-item>
+        <el-form-item label="库存状态"> - </el-form-item>
+        <el-form-item label="备注">
+          <el-input type="textarea" v-model="diaLogForm.text"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showDialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="showDialogForm = false"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      options: [
+        {
+          value: "选项1",
+          label: "1",
+        },
+        {
+          value: "选项2",
+          label: "2",
+        },
+        {
+          value: "选项3",
+          label: "3",
+        },
+        {
+          value: "选项4",
+          label: "4",
+        },
+        {
+          value: "选项5",
+          label: "5",
+        },
+      ],
+      diaLogForm: {
+        storeName: "",
+        positionName: [],
+        alert: "",
+        text: "",
+      },
+      showDialogForm: false,
+      dataList: [
+        {
+          num: "1",
+          storeName: "万豪仓",
+          positionName: "万豪普通仓",
+          alert: "122台",
+          adequate: "充足",
+          createUser: "LID",
+          createDate: "2022-05-12 12:00",
+          updateUser: "LID",
+          updateDate: "2022-05-24 12:08",
+        },
+        {
+          num: "1",
+          storeName: "万豪仓",
+          positionName: "万豪普通仓",
+          alert: "122台",
+          adequate: "充足",
+          createUser: "LID",
+          createDate: "2022-05-12 12:00",
+          updateUser: "LID",
+          updateDate: "2022-05-24 12:08",
+        },
+        {
+          num: "1",
+          storeName: "万豪仓",
+          positionName: "万豪普通仓",
+          alert: "122台",
+          adequate: "充足",
+          createUser: "LID",
+          createDate: "2022-05-12 12:00",
+          updateUser: "LID",
+          updateDate: "2022-05-24 12:08",
+        },
+      ],
+      searchForm: {
+        positionName: "",
+        storeName: "",
+      },
+    };
+  },
+  methods: {
+    addFn() {
+      this.showDialogForm = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-pagination {
+  .active {
+    border: 1px solid #64adfd;
+    margin-left: 6px;
+    color: #64adfd;
+    height: 32px;
+    width: 32px;
+    border-radius: 2px;
+  }
+}
+.textColor {
+  color: black;
+}
+::v-deep .el-date-editor {
+  width: 100%;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-col-9 .el-button {
+  padding: 5px;
+}
+::v-deep .el-dialog__header {
+  background-color: #dddddd;
+}
+.base {
+  padding: 20px 20px 0;
+}
+.table {
+  margin-top: 12px;
+}
+.right {
+  float: right;
+}
+</style>