提交到 lx 分支

1 month ago · fa465a2b62
parent 86d919887c
commit fa465a2b62
69 changed files with 22705 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
 node_modules
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
 registry=https://registry.npmmirror.com/
--- a/babel.config.js
+++ b/babel.config.js
@ -0,0 +1,6 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
 }
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,19 @@
 {
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,41 @@
 {
  "name": "supermarket-manager",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios.js": "1.6.3",
    "core-js": "^3.8.3",
    "jquery": "^3.6.4",
    "js-cookie": "^3.0.1",
    "qs": "^6.11.1",
    "vue": "^2.6.14",
    "vue-router": "^3.5.1",
    "vue-vibe": "8.2.6",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "element-ui": "^2.15.13",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^5.76.2"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ],
  "description": "## Project setup ``` npm install ```",
  "main": "babel.config.js",
  "author": "",
  "license": "ISC"
 }
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,23 @@
 <!--
 * @Description: 
 * @Author: 
 * @Date: 09-07 20:58:35
 -->
 <!DOCTYPE html>
 <html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
 </html>
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,22 @@
 <!--
 * @Description: 
 * @Author: 
 * @Date: 09-07 20:58:35
 -->
 <template>
    <div id="app">
        <router-view/>
    </div>
 </template>
 <script>
 import '@/assets/font/font.css'
 export default {
 }
 </script>
 <style>
 body,html {
    overflow-x: hidden;
 }
 </style>
--- a/src/api/goods_management/goods/goodsApi.js
+++ b/src/api/goods_management/goods/goodsApi.js
@ -0,0 +1,37 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/goods_management/goods'
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 /*保存*/
 export function save(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 /*上/下架业务*/
 export function upOrdown(data) {
    return ajaxPost(apiPrefix + "/upOrdown", data)
 }
 //修改
 export function update(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 /*查询商品信息*/
 export function queryGoodsById(data) {
    return ajaxGet(apiPrefix + "/queryGoodsById", data)
 }
 export function selected_goodsAll() {
    return ajaxGet(apiPrefix + "/selected_goodsAll", {})
 }
 export function selected_storeAll() {
    return ajaxGet(apiPrefix + "/selected_storeAll", {})
 }
 export function returnGoods(data) {
    return ajaxPost(apiPrefix + "/returnGoods", data)
 }
--- a/src/api/goods_management/goods_category/goodsCategoryApi.js
+++ b/src/api/goods_management/goods_category/goodsCategoryApi.js
@ -0,0 +1,23 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/goods_management/goods_category'
 /*保存*/
 export function save(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 /*修改*/
 export function update(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 /*停用*/
 export function deactivate(sid) {
    return ajaxPost(apiPrefix + "/deactivate", {cid:sid})
 }
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 export function getNormalCategoryAll(){
    return ajaxGet(apiPrefix+"/normalCategoryAll")
 }
--- a/src/api/goods_management/goods_store/goodsStoreApi.js
+++ b/src/api/goods_management/goods_store/goodsStoreApi.js
@ -0,0 +1,16 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/goods_management/goods_store'
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 export function queryGoodsStoreById(data) {
    return ajaxGet(apiPrefix + "/queryGoodsStoreById", data)
 }
 export function updateInventory(data) {
    return ajaxPost(apiPrefix + "/updateInventory", data)
 }
--- a/src/api/goods_management/point_products/pointProductApi.js
+++ b/src/api/goods_management/point_products/pointProductApi.js
@ -0,0 +1,29 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/goods_management/point_products'
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 export function del(data) {
    return ajaxGet(apiPrefix + "/del", data)
 }
 export function queryOptionGoods() {
    return ajaxGet(apiPrefix + "/queryOptionGoods", {})
 }
 export function savePointGoods(data) {
    return ajaxPost(apiPrefix + "/savePointGoods", data)
 }
 export function queryPointGoodsById(data) {
    return ajaxGet(apiPrefix + "/queryPointGoodsById", data)
 }
 export function updatePointGoods(data) {
    return ajaxPost(apiPrefix + "/updatePointGoods", data)
 }
--- a/src/api/goods_management/statistic/statisticSaleApi.js
+++ b/src/api/goods_management/statistic/statisticSaleApi.js
@ -0,0 +1,8 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/goods_management/statistic_sale'
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
--- a/src/api/inventory_management/detail_store_goods/detail_store_goodsApi.js
+++ b/src/api/inventory_management/detail_store_goods/detail_store_goodsApi.js
@ -0,0 +1,54 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix_in = '/inventory_management/detail_store_goods_in'
 const apiPrefix_out = '/inventory_management/detail_store_goods_out'
 /**入库模块**/
 /*入库保存*/
 export function saveIn(data) {
    return ajaxPost(apiPrefix_in + "/save", data)
 }
 /*入库列表显示*/
 export function queryPageByQoIn(data) {
    return ajaxPost(apiPrefix_in + "/queryPageByQo", data)
 }
 /*删除入库记录*/
 export function delIn(data) {
    return ajaxPost(apiPrefix_in + "/delIn", data)
 }
 /*删除出库记录*/
 export function delOut(data) {
    return ajaxPost(apiPrefix_out + "/delOut", data)
 }
 export function queryOptionsSuppliers() {
    return ajaxGet(apiPrefix_in + "/queryOptionsSuppliers", {})
 }
 /**出库模块**/
 /*出库列表显示*/
 export function queryPageByQoOut(data) {
    return ajaxPost(apiPrefix_out + "/queryPageByQoOut", data)
 }
 /*初始化选择框*/
 export function initOutOptions() {
    return ajaxGet(apiPrefix_out + "/initOutOptions",{})
 }
 /*出库选择商品导致仓库改变*/
 export function changeOutGoods(data) {
    return ajaxGet(apiPrefix_out + "/changeOutGoods",data)
 }
 /*出库选择仓库导致商品改变*/
 export function changeOutStore(data) {
    return ajaxGet(apiPrefix_out + "/changeOutStore",data)
 }
 export function queryOutGoods(data) {
    return ajaxPost(apiPrefix_out + "/queryOutGoods", data)
 }
 export function saveOut(data) {
    return ajaxPost(apiPrefix_out + "/save", data)
 }
--- a/src/api/inventory_management/notice/noticeApi.js
+++ b/src/api/inventory_management/notice/noticeApi.js
@ -0,0 +1,23 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/inventory_management/detail_store_goods/notice'
 export function queryPageNoticeIn(data) {
    return ajaxPost(apiPrefix+ "/queryPageNoticeIn", data)
 }
 export function queryPageNoticeOut_shelves(data) {
    return ajaxPost(apiPrefix+ "/queryPageNoticeOut_shelves", data)
 }
 export function saveOut_shelves(data) {
    return ajaxPost(apiPrefix+ "/saveOut_shelves", data)
 }
 export function queryPageNoticeOut_untreated(data) {
    return ajaxPost(apiPrefix+ "/queryPageNoticeOut_untreated", data)
 }
 export function resolveOutUntreatedForm(data) {
    return ajaxPost(apiPrefix+ "/resolveOutUntreatedForm", data)
 }
--- a/src/api/inventory_management/storage_situation/storageSituationApi.js
+++ b/src/api/inventory_management/storage_situation/storageSituationApi.js
@ -0,0 +1,10 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/inventory_management/store/storage_situation'
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 export function queryStoreGoodsByStoreId(data) {
    return ajaxPost(apiPrefix + "/queryStoreGoodsByStoreId", data)
 }
--- a/src/api/inventory_management/store/storeApi.js
+++ b/src/api/inventory_management/store/storeApi.js
@ -0,0 +1,21 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const storeApiPrefix = '/inventory_management/store'
 //获取仓库信息
 export function storeList(data) {
    return ajaxPost(storeApiPrefix + "/list", data)
 }
 /*保存*/
 export function save(data) {
    return ajaxPost(storeApiPrefix + "/save", data)
 }
 /*修改*/
 export function update(data) {
    return ajaxPost(storeApiPrefix + "/update", data)
 }
 /*停用*/
 export function deactivate(sid) {
    return ajaxPost(storeApiPrefix + "/deactivate", {sid:sid})
 }
--- a/src/api/inventory_management/supplier/supplierApi.js
+++ b/src/api/inventory_management/supplier/supplierApi.js
@ -0,0 +1,23 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/inventory_management/supplier'
 //获取供货商信息
 export function queryPageSupplier(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 export function saveSupplier(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 export function updateSupplier(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 export function queryByCn(data) {
    return ajaxGet(apiPrefix + "/queryByCn", data)
 }
 export function delSupplier(data) {
    return ajaxPost(apiPrefix + "/deactivate", data)
 }
--- a/src/api/login/loginApi.js
+++ b/src/api/login/loginApi.js
@ -0,0 +1 @@
--- a/src/api/member_management/member/memberApi.js
+++ b/src/api/member_management/member/memberApi.js
@ -0,0 +1,28 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/member_management/member'
 /*列表显示*/
 export function queryPageByQo(data) {
    return ajaxPost(apiPrefix + "/queryPageByQo", data)
 }
 /*删除操作*/
 export function delMember(data) {
    return ajaxPost(apiPrefix + "/delMember", data)
 }
 /*保存*/
 export function save(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 //修改
 export function update(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 /*查询会员信息*/
 export function queryMemberById(data) {
    return ajaxGet(apiPrefix + "/queryMemberById", data)
 }
 export function queryMemberByPhone(data) {
    return ajaxGet(apiPrefix + "/queryMemberByPhone", data)
 }
--- a/src/api/personal/personApi.js
+++ b/src/api/personal/personApi.js
@ -0,0 +1,7 @@
 import {ajaxGet} from "@/assets/js/common";
 const apiPrefix = '/personal'
 export function queryInformation() {
    return ajaxGet(apiPrefix + "/information", {})
 }
--- a/src/api/personnel_management/department/deptApi.js
+++ b/src/api/personnel_management/department/deptApi.js
@ -0,0 +1,20 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/personnel_management/dept'
 //获取仓库信息
 export function listByQo(data) {
    return ajaxGet(apiPrefix + "/list", data)
 }
 /*保存*/
 export function save(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 /*修改*/
 export function update(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 /*停用*/
 export function deactivate(id) {
    return ajaxPost(apiPrefix + "/deactivate", {id:id})
 }
--- a/src/api/personnel_management/employee/empApi.js
+++ b/src/api/personnel_management/employee/empApi.js
@ -0,0 +1,32 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/personnel_management/employee'
 //获取仓库信息
 export function pageByQo(data) {
    return ajaxPost(apiPrefix + "/list", data)
 }
 /*保存*/
 export function save(data) {
    return ajaxPost(apiPrefix + "/save", data)
 }
 /*修改*/
 export function update(data) {
    return ajaxPost(apiPrefix + "/update", data)
 }
 /*离职*/
 export function deactivate(id) {
    return ajaxPost(apiPrefix + "/deactivate", {id:id})
 }
 /*详情*/
 export function detail(id) {
    return ajaxGet(apiPrefix + "/detail", {uid:id})
 }
 /*修改按钮*/
 export function editBtnClick(id) {
    return ajaxGet(apiPrefix + "/editbtn", {uid:id})
 }
 /*重置密码*/
 export function resetPwd(data){
    return ajaxPost(apiPrefix+"/resetPwd",data)
 }
--- a/src/api/sale_management/exchange_point_products/exchangePointProductsApi.js
+++ b/src/api/sale_management/exchange_point_products/exchangePointProductsApi.js
@ -0,0 +1,41 @@
 import {ajaxGet, ajaxJson, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/sale_management/exchange_point_products_records'
 export function queryPointProductBymemberId(data) {
    return ajaxGet(apiPrefix + "/queryPointProductBymemberId", data)
 }
 export function queryMemberByGoodsId(data) {
    return ajaxGet(apiPrefix + "/queryMemberByGoodsId", data)
 }
 export function queryPointProductByGoodsId(data) {
    return ajaxGet(apiPrefix + "/queryPointProductByGoodsId", data)
 }
 export function saveExchangePointProductRecords(data) {
    return ajaxPost(apiPrefix + "/saveExchangePointProductRecords", data)
 }
 export function queryOptionsMemberPhone() {
    return ajaxGet(apiPrefix + "/queryOptionsMemberPhone", {})
 }
 export function queryPageByQoExchangePointProducts(data) {
    return ajaxPost(apiPrefix + "/queryPageByQoExchangePointProducts", data)
 }
 export function delExchangePointProducts(data) {
    return ajaxGet(apiPrefix + "/delExchangePointProducts", data)
 }
 export function queryOptionsPointProducts() {
    return ajaxGet(apiPrefix + "/queryOptionsPointProducts", {})
 }
 export function queryOptionsMember() {
    return ajaxGet(apiPrefix + "/queryOptionsMember", {})
 }
--- a/src/api/sale_management/saleRecordsApi.js
+++ b/src/api/sale_management/saleRecordsApi.js
@ -0,0 +1,23 @@
 import {ajaxGet, ajaxJson, ajaxPost} from "@/assets/js/common";
 const apiPrefix = '/sale_management/sale_record'
 /*得到订单号*/
 export function getCn() {
    return ajaxGet(apiPrefix + "/getCn", {})
 }
 export function getOptionSaleRecordsGoods() {
    return ajaxGet(apiPrefix + "/getOptionSaleRecordsGoods", {})
 }
 export function saveSaleRecords(data) {
    return ajaxJson(apiPrefix + "/saveSaleRecords", data)
 }
 export function queryPageByQoSaleRecords(data) {
    return ajaxPost(apiPrefix + "/queryPageByQoSaleRecords", data)
 }
 export function delSaleRecords(data) {
    return ajaxGet(apiPrefix + "/delSaleRecords", data)
 }
--- a/src/api/system/menu/menuApi.js
+++ b/src/api/system/menu/menuApi.js
@ -0,0 +1,8 @@
 import {ajaxPost} from "@/assets/js/common";
 const menuApiPrefix = '/system/menu'
 //条件分页获取菜单的信息
 export function queryPageByQo(data) {
    return ajaxPost(menuApiPrefix + "/queryPageByQo", data)
 }
--- a/src/api/system/role/roleApi.js
+++ b/src/api/system/role/roleApi.js
@ -0,0 +1,45 @@
 import {ajaxGet, ajaxPost} from "@/assets/js/common";
 const roleApiPrefix = '/system/role'
 //获取角色全部信息
 export function roleList(data) {
    return ajaxPost(roleApiPrefix + "/list", data)
 }
 //停用角色
 export function forbiddenRole(id) {
    return ajaxPost(roleApiPrefix + "/forbiddenRole", {rid: id})
 }
 //修改角色信息
 export function edit_role(data) {
    return ajaxPost(roleApiPrefix + "/edit_role", data)
 }
 //创建角色
 export function save_role(data) {
    return ajaxPost(roleApiPrefix + "/save", data)
 }
 /*授权按钮*/
 export function checkPermissons(rid) {
    return ajaxGet(roleApiPrefix + "/checkPermissons", {rid: rid})
 }
 /*保存角色-权限关系*/
 export function saveRolePermissons(data) {
    return ajaxPost(roleApiPrefix + "/saveRolePermissons", data)
 }
 export function getAllRole(){
    return ajaxGet(roleApiPrefix +"/all",{})
 }
 /*保存角色和员工的关系*/
 export function saveRoleEmp(data) {
    return ajaxPost(roleApiPrefix + "/saveRoleEmp", data)
 }
 export function queryRoleIdsByEid(eid) {
    return ajaxGet(roleApiPrefix+"/queryRoleIdsByEid",{eid:eid})
 }
--- a/src/assets/css/globel.css
+++ b/src/assets/css/globel.css
@ -0,0 +1,27 @@
 body{
  margin: 0;
  padding: 0;
  background-color: #E9EEF3;
 }
 #app{
  width: 100%;
  height: 100%;
 }
 .el-header {
  background-color: #6495ED;
  color: #333;
  border-bottom: 1px black solid;
  height: 150px;
 }
 .el-aside {
  background-color: #6495ED;
 }
 .el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
 }
--- a/src/assets/font/font.css
+++ b/src/assets/font/font.css
@ -0,0 +1,123 @@
@font-face {
  font-family: "iconfont"; /* Project id 4215199 */
  src: url('font.woff2?t=1693416579183') format('woff2'),
       url('font.woff?t=1693416579183') format('woff'),
       url('font.ttf?t=1693416579183') format('truetype');
 }
 .iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .icon-r-bottom:before {
  content: "\e621";
 }
 .icon-r-left:before {
  content: "\e622";
 }
 .icon-r-top:before {
  content: "\e623";
 }
 .icon-r-no:before {
  content: "\e61b";
 }
 .icon-r-refresh:before {
  content: "\e61c";
 }
 .icon-r-yes:before {
  content: "\e61d";
 }
 .icon-r-building:before {
  content: "\e61e";
 }
 .icon-r-team:before {
  content: "\e61f";
 }
 .icon-r-right:before {
  content: "\e620";
 }
 .icon-r-find:before {
  content: "\e610";
 }
 .icon-r-add:before {
  content: "\e611";
 }
 .icon-r-edit:before {
  content: "\e612";
 }
 .icon-r-user2:before {
  content: "\e613";
 }
 .icon-r-delete:before {
  content: "\e614";
 }
 .icon-r-lock:before {
  content: "\e615";
 }
 .icon-r-paper:before {
  content: "\e616";
 }
 .icon-r-setting:before {
  content: "\e617";
 }
 .icon-r-list:before {
  content: "\e618";
 }
 .icon-r-home:before {
  content: "\e619";
 }
 .icon-r-shield:before {
  content: "\e61a";
 }
 .icon-r-user3:before {
  content: "\e60f";
 }
 .icon-r-mark1:before {
  content: "\e609";
 }
 .icon-r-user1:before {
  content: "\e60a";
 }
 .icon-r-love:before {
  content: "\e60b";
 }
 .icon-r-mark2:before {
  content: "\e60c";
 }
 .icon-r-mark3:before {
  content: "\e60d";
 }
 .icon-r-mark4:before {
  content: "\e60e";
 }
--- a/src/assets/font/font.js
+++ b/src/assets/font/font.js
--- a/src/assets/font/font.json
+++ b/src/assets/font/font.json
@ -0,0 +1,198 @@
 {
  "id": "4215199",
  "name": "rbicon",
  "font_family": "iconfont",
  "css_prefix_text": "icon-",
  "description": "",
  "glyphs": [
    {
      "icon_id": "37171292",
      "name": "下",
      "font_class": "r-bottom",
      "unicode": "e621",
      "unicode_decimal": 58913
    },
    {
      "icon_id": "37171293",
      "name": "左",
      "font_class": "r-left",
      "unicode": "e622",
      "unicode_decimal": 58914
    },
    {
      "icon_id": "37171289",
      "name": "上",
      "font_class": "r-top",
      "unicode": "e623",
      "unicode_decimal": 58915
    },
    {
      "icon_id": "37009521",
      "name": "拒绝",
      "font_class": "r-no",
      "unicode": "e61b",
      "unicode_decimal": 58907
    },
    {
      "icon_id": "37009520",
      "name": "刷新",
      "font_class": "r-refresh",
      "unicode": "e61c",
      "unicode_decimal": 58908
    },
    {
      "icon_id": "37009518",
      "name": "同意",
      "font_class": "r-yes",
      "unicode": "e61d",
      "unicode_decimal": 58909
    },
    {
      "icon_id": "37009517",
      "name": "建筑",
      "font_class": "r-building",
      "unicode": "e61e",
      "unicode_decimal": 58910
    },
    {
      "icon_id": "37009519",
      "name": "团队",
      "font_class": "r-team",
      "unicode": "e61f",
      "unicode_decimal": 58911
    },
    {
      "icon_id": "37009516",
      "name": "右",
      "font_class": "r-right",
      "unicode": "e620",
      "unicode_decimal": 58912
    },
    {
      "icon_id": "36984024",
      "name": "查找",
      "font_class": "r-find",
      "unicode": "e610",
      "unicode_decimal": 58896
    },
    {
      "icon_id": "36984020",
      "name": "新增",
      "font_class": "r-add",
      "unicode": "e611",
      "unicode_decimal": 58897
    },
    {
      "icon_id": "36984023",
      "name": "修改",
      "font_class": "r-edit",
      "unicode": "e612",
      "unicode_decimal": 58898
    },
    {
      "icon_id": "36984022",
      "name": "用户2",
      "font_class": "r-user2",
      "unicode": "e613",
      "unicode_decimal": 58899
    },
    {
      "icon_id": "36984021",
      "name": "删除",
      "font_class": "r-delete",
      "unicode": "e614",
      "unicode_decimal": 58900
    },
    {
      "icon_id": "36984014",
      "name": "锁",
      "font_class": "r-lock",
      "unicode": "e615",
      "unicode_decimal": 58901
    },
    {
      "icon_id": "36984016",
      "name": "草纸",
      "font_class": "r-paper",
      "unicode": "e616",
      "unicode_decimal": 58902
    },
    {
      "icon_id": "36984015",
      "name": "齿轮",
      "font_class": "r-setting",
      "unicode": "e617",
      "unicode_decimal": 58903
    },
    {
      "icon_id": "36984013",
      "name": "列表",
      "font_class": "r-list",
      "unicode": "e618",
      "unicode_decimal": 58904
    },
    {
      "icon_id": "36984012",
      "name": "房子",
      "font_class": "r-home",
      "unicode": "e619",
      "unicode_decimal": 58905
    },
    {
      "icon_id": "36984011",
      "name": "盾牌",
      "font_class": "r-shield",
      "unicode": "e61a",
      "unicode_decimal": 58906
    },
    {
      "icon_id": "36984025",
      "name": "用户3",
      "font_class": "r-user3",
      "unicode": "e60f",
      "unicode_decimal": 58895
    },
    {
      "icon_id": "36983993",
      "name": "印章",
      "font_class": "r-mark1",
      "unicode": "e609",
      "unicode_decimal": 58889
    },
    {
      "icon_id": "36983994",
      "name": "用户1",
      "font_class": "r-user1",
      "unicode": "e60a",
      "unicode_decimal": 58890
    },
    {
      "icon_id": "36983995",
      "name": "爱心",
      "font_class": "r-love",
      "unicode": "e60b",
      "unicode_decimal": 58891
    },
    {
      "icon_id": "36983996",
      "name": "水滴",
      "font_class": "r-mark2",
      "unicode": "e60c",
      "unicode_decimal": 58892
    },
    {
      "icon_id": "36983997",
      "name": "波纹",
      "font_class": "r-mark3",
      "unicode": "e60d",
      "unicode_decimal": 58893
    },
    {
      "icon_id": "36983998",
      "name": "阳光",
      "font_class": "r-mark4",
      "unicode": "e60e",
      "unicode_decimal": 58894
    }
  ]
 }
--- a/src/assets/font/font.ttf
+++ b/src/assets/font/font.ttf
--- a/src/assets/font/font.woff
+++ b/src/assets/font/font.woff
--- a/src/assets/font/font.woff2
+++ b/src/assets/font/font.woff2
--- a/src/assets/img/01.jpg
+++ b/src/assets/img/01.jpg
--- a/src/assets/img/03.jpg
+++ b/src/assets/img/03.jpg
--- a/src/assets/img/13.jpg
+++ b/src/assets/img/13.jpg
--- a/src/assets/js/auth.js
+++ b/src/assets/js/auth.js
@ -0,0 +1,26 @@
 import Cookies from 'js-cookie'
 import router from '../../router/index';
 const TokenKey = 'token'
 export function getToken() {
  return Cookies.get(TokenKey)
 }
 export function setToken(token) {
  return Cookies.set(TokenKey, token)
 }
 export function removeToken() {
  return Cookies.remove(TokenKey)
 }
 export function loginEmp() {
  let str = Cookies.get("employee")
  if(str == undefined) {
    router.push('/')
    return null
  }
  return JSON.parse(str)
 }
 export function clearCookie(name) {
  Cookies.remove(name)
 }
--- a/src/assets/js/common.js
+++ b/src/assets/js/common.js
@ -0,0 +1,127 @@
 /*
 * @Description: 
 * @Author: 
 * @Date: 04-07 20:58:35
 */
 import { getToken } from "@/assets/js/auth";
 import axios from "axios.js";
 import { Message } from "element-ui";
 import Cookies from "js-cookie";
 import qs from 'qs';
 const prefix_url = "http://localhost:9291"
 /*刷新Cooke的存活时间*/
 function refreshCookies() {
    var token=getToken()
    if (token){
        //刷新cookie
        axios({
            url:prefix_url+"/checkedToken",
            method:"GET",
            params:{token:token}
        }).then(res=>{
            res=res.data
            if (res.code==200){
                Cookies.set("token", res.data.token, {expires: 1/48})
                Cookies.set("employee", JSON.stringify(res.data.employee), {expires: 1/48})
            }
        }).catch((e)=>{
            console.log(e)
        })
    }
    return token;
 }
 /*post请求*/
 export function ajaxPost(url, param) {
    return axios({
        url: prefix_url + url,
        method: "POST",
        headers:{
            'token': refreshCookies() //设置token 其中K名要和后端协调好
        },
        data: qs.stringify(param)
    }).catch((e) => {
        console.log(e);
        if (
            e.response == undefined ||
            e.response.data == undefined
        ) {
            popup(e, "error")
        } else {
            popup(e.response.data, "error")
        }
    })
 }
 /*json请求*/
 export function ajaxJson(url, param) {
    return axios({
        url: prefix_url + url,
        method: "POST",
        headers:{
            'Content-Type':'application/json',
            'token': refreshCookies() //设置token 其中K名要和后端协调好
        },
        data: param
    }).catch((e) => {
        console.log(e);
        if (
            e.response == undefined ||
            e.response.data == undefined
        ) {
            popup(e, "error")
        } else {
            popup(e.response.data, "error")
        }
    })
 }
 /*GET请求*/
 export function ajaxGet(url, param) {
    return axios({
        url: prefix_url + url,
        method: "GET",
        headers: {
            'token': refreshCookies() //设置token 其中K名要和后端协调好
        },
        params:param
    }).catch((e) => {
        console.log(e);
        if (
            e.response == undefined ||
            e.response.data == undefined
        ) {
            popup(e, "error")
        } else {
            popup(e.response.data, "error")
        }
    })
 }
 /*给用户弹出相应的提示*/
 export function popup(msg, type) {
    switch (type) {
        case "warning":
            Message.warning(msg);
            break;
        case "error":
            Message.error({message: msg, duration: 5000, showClose: true});
            break;
        case "info":
            Message.info(msg);
            break;
        default:
            Message.success(msg);
    }
 }
 require("vue-vibe")
--- a/src/main.js
+++ b/src/main.js
@ -0,0 +1,24 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
 //ElementUI相关
 import ElementUI from 'element-ui'
 //ElementUI相关
 import 'element-ui/lib/theme-chalk/index.css'
 import '@/assets/css/globel.css'
 import qs from 'qs';
 import axios from 'axios.js'
 Vue.prototype.qs = qs;
 Vue.prototype.$axios = axios
 //ElementUI相关
 Vue.use(ElementUI)
 Vue.config.productionTip = false
 new Vue({
  router,
  store,
  render: h => h(App)
 }).$mount('#app')
--- a/src/router/index.js
+++ b/src/router/index.js
@ -0,0 +1,151 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 const routes = [
    {
        path: '/',
        name: 'login',
        component: () => import('../views/Login.vue'),
    },
    {
        path: '/index',
        name: 'index',
        redirect:'/home',
        component: () => import('../views/index.vue'),
        children: [
            {
                path: '/home',
                name: '/home',
                component: () => import('../views/Home.vue')
            },
            {
                path: '/personal/edit_pwd',
                name: '/personal/edit_pwd',
                component: () => import('../views/personal/Edit_pwd.vue')
            },
            {
                path: '/personal/information',
                name: '/personal/information',
                component: () => import('../views/personal/Information.vue')
            },
            {
                path: '/system/role/list',
                name: '/system/role/list',
                component: () => import('../views/system/role/List.vue')
            },
            {
                path: '/system/menu/list',
                name: '/system/menu/list',
                component: () => import('../views/system/menu/List.vue')
            },
            {
                path: '/inventory_management/store/list',
                name: '/inventory_management/store/list',
                component: () => import('../views/inventory_management/store/List.vue')
            },
            {
                path: '/inventory_management/detail_store_goods_in/list',
                name: '/inventory_management/detail_store_goods_in/list',
                component: () => import('../views/inventory_management/detail_store_goods_in/List.vue')
            },
            {
                path: '/inventory_management/detail_store_goods_out/list',
                name: '/inventory_management/detail_store_goods_out/list',
                component: () => import('../views/inventory_management/detail_store_goods_out/List.vue')
            },
            {
                path: '/inventory_management/supplier/list',
                name: '/inventory_management/supplier/list',
                component: () => import('../views/inventory_management/supplier/List.vue')
            },
            {
                path: '/inventory_management/detail_store_goods_in/notice/list',
                name: '/inventory_management/detail_store_goods_in/notice/list',
                component: () => import('../views/inventory_management/detail_store_goods_in/notice/List.vue')
            },
            {
                path: '/inventory_management/detail_store_goods_out/notice/list',
                name: '/inventory_management/detail_store_goods_out/notice/list',
                component: () => import('../views/inventory_management/detail_store_goods_out/notice/List.vue')
            },
            {
                path: '/inventory_management/store/storage_situation',
                name: '/inventory_management/store/storage_situation',
                component: () => import('../views/inventory_management/store/StorageSituation.vue')
            },
            {
                path: '/goods_management/goods_category/list',
                name: '/goods_management/goods_category/list',
                component: () => import('../views/goods_management/goods_category/List.vue')
            },
            {
                path: '/goods_management/goods/list',
                name: '/goods_management/goods/list',
                component: () => import('../views/goods_management/goods/List.vue')
            },
            {
                path: '/goods_management/goods_store/list',
                name: '/goods_management/goods_store/list',
                component: () => import('../views/goods_management/goods_store/List.vue')
            },
            {
                path: '/goods_management/statistic_sale/list',
                name: '/goods_management/statistic_sale/list',
                component: () => import('../views/goods_management/statistic_sale/List.vue')
            },
            {
                path: '/goods_management/point_products/list',
                name: '/goods_management/point_products/list',
                component: () => import('../views/goods_management/point_products/List.vue')
            },
            {
                path: '/personnel_management/dept/list',
                name: '/personnel_management/dept/list',
                component: () => import('../views/personnel_management/dept/List.vue')
            },
            {
                path: '/personnel_management/employee/list',
                name: '/personnel_management/employee/list',
                component: () => import('../views/personnel_management/employee/List.vue')
            },
            {
                path: '/member_management/member/list',
                name: '/member_management/member/list',
                component: () => import('../views/member_management/member/List.vue')
            },
            {
                path: '/sale_management/sale_cmd/list',
                name: '/sale_management/sale_cmd/list',
                component: () => import('../views/sale_management/sale_cmd/List.vue')
            },
            {
                path: '/sale_management/sale_records/list',
                name: '/sale_management/sale_records/list',
                component: () => import('../views/sale_management/sale_records/List.vue')
            },
            {
                path: '/sale_management/exchange_point_products_records/list',
                name: '/sale_management/exchange_point_products_records/list',
                component: () => import('../views/sale_management/exchange_point_products_records/List.vue')
            },
        ]
    },
 ]
 import 'vue-vibe'
 const router = new VueRouter({
    mode: "history",
    routes
 })
 export default router
--- a/src/store/index.js
+++ b/src/store/index.js
@ -0,0 +1,18 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 Vue.use(Vuex)
 export default new Vuex.Store({
  state: {
    BaseApi: "http://localhost:9291"
  },
  getters: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
 })
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@ -0,0 +1,41 @@
 <!--
 * @Description: 
 * @Author: 
 * @Date: 09-12 00:42:31
 -->
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
        </el-breadcrumb><br />
        <div id="home_bg">
            <h1 style="color: white;font-size: 28px;">欢迎访问超市管理系统</h1>
        </div>
    </div>
 </template>
 <script>
 export default {
    data() {
        return {
        };
    },
    methods: {
    },
    mounted() {
    },
 };
 </script>
 <style>
 #home_bg {
    top: 0;
    left: 0;
    overflow-y: auto;
    height: 80vh;
    background: url("../assets/img/13.jpg") center top / cover no-repeat;
 }
 </style>
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@ -0,0 +1,144 @@
 <template>
    <div id="login">
        <div class="loginForm">
            <el-form :model="loginForm" ref="loginForm" class="demo-ruleForm">
                <br />
                <i class="iconfont icon-r-building" style="font-size: 36px">
                    <b style="font-size: 28px"> 超市管理系统 </b> </i><br /><br />
                <el-form-item prop="username">
                    <el-row>
                        <el-col :span="5" style="text-align: right">
                            <i class="iconfont icon-r-user1" style="font-size: 28px; color: grey">
                            </i>
                        </el-col>
                        <el-col :span="19" style="text-align: left; padding-left: 10px">
                            <el-input v-model="loginForm.username" placeholder="账号"></el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item prop="password">
                    <el-row>
                        <el-col :span="5" style="text-align: right">
                            <i class="iconfont icon-r-lock" style="font-size: 28px; color: grey">
                            </i>
                        </el-col>
                        <el-col :span="19" style="text-align: left; padding-left: 10px">
                            <el-input type="password" v-model="loginForm.password" placeholder="密码"></el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item>
                    <el-row>
                        <el-col :span="24" style="text-align: center;padding-left: 45px;">
                            <el-button type="primary" @click="submitForm('loginForm')">
                                登录</el-button>
                        </el-col>
                    </el-row>
                </el-form-item>
            </el-form>
        </div>
    </div>
 </template>
 <style>
 #login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: hidden;
    height: 100%;
    background: url("../assets/img/01.jpg") center top / cover no-repeat;
 }
 .loginForm {
    background-color: white;
    width: 400px;
    height: 280px;
    margin: 150px auto;
    text-align: center;
    padding-top: 10px;
    border-color: #555555;
    border-style: solid;
    border-radius: 15px;
 }
 .loginForm input {
    width: 260px;
 }
 h3 {
    margin: 10px 0;
 }
 .loginForm button {
    margin-right: 40px;
 }
 </style>
 <script>
 import { ajaxPost, popup } from "@/assets/js/common";
 import Cookies from "js-cookie";
 export default {
    data() {
        return {
            loginForm: {
                username: "",
                password: "",
            },
            rules: {
                username: [
                    {
                        required: true,
                        message: "账号不能为空",
                        trigger: "blur",
                    },
                ],
                password: [
                    {
                        required: true,
                        message: "密码不能为空",
                        trigger: "blur",
                    },
                    {
                        min: 6,
                        max: 8,
                        message: "密码长度为5-8位",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        submitForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    ajaxPost("/login", this.loginForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            Cookies.set("token", res.data.token, {
                                expires: 1 / 48,
                            });
                            Cookies.set(
                                "employee",
                                JSON.stringify(res.data.employee),
                                { expires: 1 / 48 }
                            );
                            popup("登录成功，请稍等...");
                            this.$router.push("/index");
                        } else {
                            popup(res.msg, "warning");
                        }
                    });
                } else {
                    popup("账号或密码格式不正确！", "error");
                }
            });
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        },
    },
 };
 </script>
--- a/src/views/goods_management/goods/List.vue
+++ b/src/views/goods_management/goods/List.vue
@ -0,0 +1,859 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品信息</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="6" style="text-align: left; padding-right: 10px">
                <el-input placeholder="商品编号" v-model="searchForm.id" />
            </el-col>
            <el-col :span="6" style="text-align: left; padding-right: 10px">
                <el-input placeholder="商品名称" v-model="searchForm.name" />
            </el-col>
            <el-col :span="6" style="text-align: left; padding-right: 10px">
                <el-input
                    placeholder="商品售价"
                    v-model="searchForm.sellPrice"
                />
            </el-col>
            <el-col :span="6">
                <el-select
                    v-model="searchForm.categoryId"
                    placeholder="商品分类"
                    filterable
                    @change="$forceUpdate()"
                    clearable
                >
                    <el-option
                        v-for="item in options_category"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                    >
                    </el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="6" style="text-align: left; padding-right: 10px">
                <el-select
                    v-model="searchForm.state"
                    placeholder="请选择状态"
                    clearable
                >
                    <el-option
                        v-for="item in options_state"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="18">
                <span>时间：</span>
                <el-date-picker
                    v-model="searchForm.operateStartTime"
                    type="date"
                    placeholder="起始时间"
                >
                </el-date-picker>
                -
                <el-date-picker
                    v-model="searchForm.operateEndTime"
                    type="date"
                    placeholder="结束时间"
                >
                </el-date-picker>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newVisable = true"
                >
                    创建商品
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" label="序号"> </el-table-column>
                <el-table-column prop="coverUrl" label="封面">
                    <template v-slot="scope">
                        <img
                            height="60px"
                            :src="BaseApi + scope.row.coverUrl"
                        />
                    </template>
                </el-table-column>
                <el-table-column prop="id" label="编号"> </el-table-column>
                <el-table-column prop="name" label="名称"> </el-table-column>
                <el-table-column prop="sellPrice" label="售价">
                </el-table-column>
                <el-table-column prop="purchashPrice" label="成本价">
                </el-table-column>
                <el-table-column prop="residueNum" label="在售数量">
                </el-table-column>
                <el-table-column prop="categoryName" label="类型">
                </el-table-column>
                <el-table-column prop="state" label="状态">
                    <template v-slot="scope">
                        <el-tag
                            size="mini"
                            type="success"
                            v-if="scope.row.state == '0'"
                            >上架</el-tag
                        >
                        <el-tag size="mini" type="danger" v-else>下架</el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="residueStoreNum" label="库存量">
                    <template v-slot="scope">
                        {{
                            scope.row.residueStoreNum
                                ? scope.row.residueStoreNum
                                : 0
                        }}
                    </template>
                </el-table-column>
                <el-table-column prop="updateby" label="操作者">
                </el-table-column>
                <el-table-column
                    prop="updateTime"
                    :show-overflow-tooltip="true"
                    label="操作时间"
                >
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="备注"
                >
                </el-table-column>
                <el-table-column width="420" fixed="right" label="操作">
                    <template v-slot="scope">
                        <el-button
                            type="success"
                            @click="editBtn(scope.row.id)"
                        >
                            修改</el-button
                        >
                        <el-button
                            type="danger"
                            @click="returnBtn(scope.row.id)"
                        >
                            退还</el-button
                        >
                        <el-button
                            v-if="scope.row.state == '0'"
                            type="warning"
                            @click="
                                upOrdown(
                                    scope.row.id,
                                    scope.row.state,
                                    scope.row.residueNum
                                )
                            "
                        >
                            下架
                        </el-button>
                        <el-button
                            v-if="scope.row.state == '1'"
                            type="warning"
                            @click="upOrdown(scope.row.id, scope.row.state)"
                        >
                            上架
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--创建商品表单弹出-->
        <el-dialog
            title="创建商品"
            :visible.sync="newVisable"
            @close="dialog_imgClose"
            width="50%"
        >
            <el-form
                :model="newForm"
                :rules="rules"
                ref="newForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="商品图：">
                    <!--                    action="http://localhost:9291/goods_management/goods/uploadImg"-->
                    <el-upload
                        class="avatar-uploader"
                        action="http://localhost:9291/goods_management/goods/uploadImg"
                        :show-file-list="false"
                        :on-success="handleAvatarSuccess"
                        :before-upload="beforeAvatarUpload"
                    >
                        <img
                            v-if="imageUrl"
                            :src="BaseApi + imageUrl"
                            class="avatar"
                        />
                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                </el-form-item>
                <el-form-item label="商品名：" prop="name">
                    <el-input
                        v-model="newForm.name"
                        placeholder="如：农夫山泉"
                    ></el-input>
                </el-form-item>
                <el-form-item label="成本价：" prop="purchashPrice">
                    <el-input
                        v-model="newForm.purchashPrice"
                        placeholder="如：9.9"
                    ></el-input>
                </el-form-item>
                <el-form-item label="销售价格：">
                    <el-input
                        v-model="newForm.sellPrice"
                        placeholder="如：9.9"
                    ></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="textarea"
                        placeholder="如：农夫山泉是矿泉水"
                        v-model="newForm.info"
                    ></el-input>
                </el-form-item>
                <el-form-item label="分类：">
                    <el-select
                        v-model="newForm.categoryId"
                        placeholder="请选择分类"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_category"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="submitNewForm('newForm')"
                        > 提交</el-button
                    >
                    <el-button @click="saveCancel('newForm')"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--修改表单-->
        <el-dialog
            title="修改商品信息"
            :visible.sync="dialogVisible"
            @close="dialog_imgClose"
            width="50%"
        >
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <!--                action="http://localhost:9291/goods_management/goods/uploadImg"-->
                <el-upload
                    class="avatar-uploader"
                    action="http://localhost:9291/goods_management/goods/uploadImg"
                    :show-file-list="false"
                    :on-success="handleAvatarSuccess"
                    :before-upload="beforeAvatarUpload"
                >
                    <img
                        v-if="imageUrl"
                        :src="BaseApi + imageUrl"
                        class="avatar"
                    />
                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
                <el-form-item label="商品名：" prop="name">
                    <el-input
                        v-model="editForm.name"
                        placeholder="如：农夫山泉"
                    ></el-input>
                </el-form-item>
                <el-form-item label="成本价：" prop="purchashPrice">
                    <el-input
                        v-model="editForm.purchashPrice"
                        placeholder="如：9.9"
                    ></el-input>
                </el-form-item>
                <el-form-item label="销售价格：">
                    <el-input
                        v-model="editForm.sellPrice"
                        placeholder="如：9.9"
                    ></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="textarea"
                        placeholder="如：农夫山泉是矿泉水"
                        v-model="editForm.info"
                    ></el-input>
                </el-form-item>
                <el-form-item style="width: 40%" label="分类：">
                    <el-select
                        v-model="editForm.categoryId"
                        placeholder="请选择分类"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_category"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                        > 提交</el-button
                    >
                    <el-button @click="resetEditForm('editForm')"
                        > 关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--退还表单-->
        <el-dialog
            title="退还商品入库信息"
            :visible.sync="returnVisible"
            width="60%"
        >
            <el-form
                :model="returnForm"
                :rules="rules"
                ref="returnForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="商品名：">
                            <el-input
                                readonly
                                v-model="returnForm.goodsName"
                                placeholder="如：农夫山泉"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="仓库：" prop="storeId">
                            <el-select
                                v-model="returnForm.storeId"
                                placeholder="请选择仓库"
                                filterable
                                clearable
                            >
                                <el-option
                                    v-for="item in options_store"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id"
                                >
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="数量：" prop="goodsNum">
                            <el-input
                                type="number"
                                @change="
                                    () => {
                                        if (
                                            this.goodsNum_max <
                                            this.returnForm.goodsNum
                                        ) {
                                            this.returnForm.goodsNum =
                                                this.goodsNum_max;
                                        }
                                        if (this.returnForm.goodsNum < 1) {
                                            this.returnForm.goodsNum = 1;
                                        }
                                    }
                                "
                                min="1"
                                :max="goodsNum_max"
                                v-model="returnForm.goodsNum"
                                placeholder="如：1"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="类型：" prop="state">
                            <el-select
                                v-model="returnForm.state"
                                @change="$forceUpdate"
                                placeholder="请选择类型"
                                clearable
                            >
                                <el-option label="过期" value="1"></el-option>
                                <el-option label="入库" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="描述：">
                            <el-input
                                type="textarea"
                                placeholder="如：该商品正执行下架操作"
                                v-model="returnForm.info"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="日期：" prop="createTime">
                            <el-date-picker
                                size="mini"
                                value-format="yyyy-MM-dd"
                                v-model="returnForm.createTime"
                                type="date"
                                placeholder="退还日期"
                            >
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item style="width: 80%">
                    <el-button
                        type="primary"
                        @click="submitReturnForm('returnForm')"
                        >
                             确定</el-button
                    >
                    <el-button @click="resetReturnForm('returnForm')"
                        > 关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    queryPageByQo,
    save,
    update,
    upOrdown,
    queryGoodsById,
    selected_storeAll,
    returnGoods,
 } from "@/api/goods_management/goods/goodsApi";
 import { getNormalCategoryAll } from "@/api/goods_management/goods_category/goodsCategoryApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            /*搜索*/
            options_category: [],
            options_state: [
                { label: "上架", value: "0" },
                { label: "下架", value: "1" },
            ],
            goodsNum_max: "",
            options_store: [],
            newVisable: false,
            dialogVisible: false,
            returnVisible: false,
            returnForm: {
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                createTime: "",
                info: "",
                storeId: "",
            },
            newForm: {},
            editForm: {
                id: "",
                name: "",
                info: "",
                categoryId: "",
                sellPrice: "",
                purchashPrice: "",
                state: "",
                coverUrl: "",
            },
            imageUrl: "",
            /*表格*/
            tableData: [],
            searchForm: {
                total: 0,
                currentPage: 1,
                pageSize: 5,
                state: "0",
            },
            rules: {
                name: [
                    {
                        required: true,
                        message: "商品名不能为空",
                        trigger: "blur",
                    },
                ],
                purchashPrice: [
                    {
                        required: true,
                        message: "成本价不能为空",
                        trigger: "blur",
                    },
                ],
                storeId: [
                    {
                        required: true,
                        message: "仓库编号不能为空",
                        trigger: "blur",
                    },
                ],
                createTime: [
                    {
                        required: true,
                        message: "退还日期不能为空",
                        trigger: "blur",
                    },
                ],
                state: [
                    {
                        required: true,
                        message: "退还类型不能为空",
                        trigger: "blur",
                    },
                ],
                goodsNum: [
                    {
                        required: true,
                        message: "退还数量不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        normalCategoryAll() {
            getNormalCategoryAll().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_category = res.data;
                }
            });
        },
        normalStoreAll() {
            selected_storeAll().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_store = res.data;
                }
            });
        },
        dialog_imgClose() {
            this.imageUrl = "";
        },
        init() {
            if (
                this.searchForm.operateStartTime >
                this.searchForm.operateEndTime
            ) {
                popup("结束时间不能小于开始时间", "warning");
                return;
            }
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        /*创建新的商品*/
        saveCancel(formName) {
            this.newForm = {};
            this.$refs[formName].resetFields();
            this.newVisable = false;
        },
        /*上传头像*/
        handleAvatarSuccess(res) {
            this.imageUrl = res.url;
        },
        beforeAvatarUpload(file) {
            const isJPG =
                file.type === "image/jpeg" || file.type === "image/png";
            const isLt2M = file.size / 1024 / 1024 < 3;
            if (!isJPG) {
                this.$message.error("上传头像图片只能是 JPG或PNG 格式!");
            }
            if (!isLt2M) {
                this.$message.error("上传头像图片大小不能超过 3MB!");
            }
            return isJPG && isLt2M;
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    this.newForm.coverUrl = this.imageUrl;
                    save(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.newForm = {};
                            this.imageUrl = "";
                            this.newVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        /*上/下架业务*/
        upOrdown(gid, state, residueNum) {
            if (state == "0") {
                if (residueNum) {
                    popup("请先将该商品从货架上退还给仓库", "warning");
                    return;
                }
            }
            this.$confirm(
                "确定要将该商品" + (state == "0" ? "下架" : "上架") + "？",
                "警示",
                {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning",
                }
            )
                .then(() => {
                    upOrdown({ gid: gid, state: state }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            if (state == "0") {
                                popup("下架成功");
                            } else {
                                popup("上架成功");
                            }
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        resetReturnForm(formName) {
            this.$refs[formName].resetFields();
            this.returnVisible = false;
            this.returnForm = {};
        },
        /*修改*/
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    this.editForm.coverUrl = this.imageUrl;
                    update(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.editForm = {};
                            this.imageUrl = "";
                            this.dialogVisible = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        resetEditForm(formName) {
            this.$refs[formName].resetFields();
            this.editForm = {};
            this.dialogVisible = false;
        },
        editBtn(id) {
            queryGoodsById({ id: id }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.editForm = {
                        id: res.data.id,
                        name: res.data.name,
                        info: res.data.info,
                        categoryId: res.data.categoryId,
                        sellPrice: res.data.sellPrice,
                        purchashPrice: res.data.purchashPrice,
                        state: res.data.state,
                        coverUrl: res.data.coverUrl,
                    };
                    this.imageUrl = this.editForm.coverUrl
                        ? this.editForm.coverUrl
                        : "";
                    this.dialogVisible = true;
                } else {
                    popup(res.msg, "warning");
                }
            });
        },
        returnBtn(id) {
            this.returnForm = {
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                createTime: "",
                info: "",
                storeId: "",
            };
            queryGoodsById({ id: id }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.returnForm.goodsId = res.data.id;
                    this.returnForm.goodsName = res.data.name;
                    this.returnForm.goodsNum = res.data.residueNum;
                    if (this.returnForm.goodsNum == 0) {
                        popup("货架上没有商品", "warning");
                        return;
                    }
                    this.goodsNum_max = res.data.residueNum;
                    this.returnVisible = true;
                } else {
                    popup(res.msg, "warning");
                }
            });
        },
        submitReturnForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    returnGoods(this.returnForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("退还成功");
                            this.returnVisible = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
    },
    mounted() {
        this.init();
        this.normalCategoryAll();
        this.normalStoreAll();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/goods_management/goods_category/List.vue
+++ b/src/views/goods_management/goods_category/List.vue
@ -0,0 +1,353 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>分类管理</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="分类名称" v-model="searchForm.name" />
            </el-col>
            <el-col :span="8">
                <el-select
                    v-model="searchForm.state"
                    placeholder="状态"
                    clearable
                >
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="停用" value="-1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newVisable = true"
                >
                    创建分类
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" label-width="100px" label="序号">
                </el-table-column>
                <el-table-column prop="name" label-width="100px" label="名称">
                </el-table-column>
                <el-table-column
                    prop="info"
                    label-width="100px"
                    :show-overflow-tooltip="true"
                    label="描述"
                >
                </el-table-column>
                <el-table-column prop="state" label-width="100px" label="状态">
                    <template v-slot="scope">
                        <el-tag type="success" v-if="scope.row.state == '0'"
                            >正常</el-tag
                        >
                        <el-tag type="danger" v-else>停用</el-tag>
                    </template>
                </el-table-column>
                <el-table-column label="操作" width="260" fixed="right">
                    <template v-slot="scope">
                        <el-button
                            type="success"
                            @click="editbtn(scope.row)"
                        >
                            修改</el-button
                        >
                        <el-button
                            type="danger"
                            @click="forbidden(scope.row.id)"
                        >
                            停用</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--创建弹出框-->
        <el-dialog title="创建商品分类" :visible.sync="newVisable" width="50%">
            <el-form
                :model="newForm"
                :rules="rules"
                ref="newForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：" prop="name">
                    <el-input v-model="newForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="textarea" v-model="newForm.info"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitNewForm('newForm')"
                    >
                        提交</el-button
                    >
                    <el-button @click="saveCancel"
                          > 取消</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--修改描述/状态弹出框-->
        <el-dialog
            title="分类信息修改"
            :visible.sync="dialogVisible"
            width="50%"
        >
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：" prop="name">
                    <el-input v-model="editForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="textarea"
                        v-model="editForm.info"
                    ></el-input>
                </el-form-item>
                <el-form-item label="状态：" prop="state">
                    <el-select
                        v-model="editForm.state"
                        clearable
                        @change="$forceUpdate()"
                        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>
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                    >
                        提交</el-button
                    >
                    <el-button
                        @click="resetEditForm('editForm')"
                    >
                         重置</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    deactivate,
    queryPageByQo,
    save,
    update,
 } from "@/api/goods_management/goods_category/goodsCategoryApi";
 export default {
    data() {
        return {
            /*搜索*/
            newVisable: false,
            dialogVisible: false,
            options: [
                { label: "正常", value: "0" },
                { label: "停用", value: "-1" },
            ],
            /*表格*/
            tableData: [],
            searchForm: {
                total: 0,
                currentPage: 1,
                pageSize: 5,
            },
            editForm: {},
            newForm: {},
            rules: {
                name: [
                    {
                        required: true,
                        message: "名称不能为空",
                        trigger: "blur",
                    },
                ],
                state: [
                    {
                        required: true,
                        message: "状态不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        init() {
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    console.log(res.data);
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitSearchForm() {
            this.init();
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    save(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.newForm = {};
                            this.newVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        saveCancel() {
            this.newVisable = false;
            this.$refs["newForm"].resetFields();
        },
        /*修改信息业务*/
        editbtn(row) {
            this.editForm = { ...row };
            this.dialogVisible = true;
        },
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    update(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.editForm = {};
                            this.dialogVisible = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        resetEditForm(formName) {
            this.$refs[formName].resetFields();
        },
        /*停用业务*/
        forbidden(sid) {
            deactivate(sid).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    popup("操作成功");
                    this.searchForm.currentPage = 1;
                } else {
                    popup(res.msg, "error");
                }
                this.init();
            });
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/goods_management/goods_store/List.vue
+++ b/src/views/goods_management/goods_store/List.vue
@ -0,0 +1,286 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品库存</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="商品名称" v-model="searchForm.name" />
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left; padding-right: 10px">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column width="200" prop="id" label="编号">
                </el-table-column>
                <el-table-column prop="coverUrl" label="封面">
                    <template v-slot="scope">
                        <img
                            height="60px"
                            :src="BaseApi + scope.row.coverUrl"
                        />
                    </template>
                </el-table-column>
                <el-table-column prop="name" label="商品名"> </el-table-column>
                <el-table-column prop="inventory" label="基本库存量">
                </el-table-column>
                <el-table-column prop="shelves" label="货架基本数量">
                </el-table-column>
                <el-table-column label="操作" width="200" fixed="right">
                    <template v-slot="scope">
                        <el-button
                            type="success"
                            @click="editBtn(scope.row.id)"
                        >
                            <i
                                class="iconfont icon-r-edit"
                            >
                            </i>
                            修改库存量</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--修改库存量-->
        <el-dialog
            title="修改商品库存量"
            :visible.sync="editVisible"
            width="60%"
        >
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                label-width="150px"
                class="demo-ruleForm"
            >
                <el-form-item style="width: 60%" label="商品名：">
                    <el-input
                        disabled
                        v-model="editForm.name"
                        placeholder="如：农夫山泉"
                    ></el-input>
                </el-form-item>
                <el-form-item
                    label="基本库存量："
                    style="width: 60%"
                    prop="inventory"
                >
                    <el-input
                        type="number"
                        @change="
                            () => {
                                if (editForm.inventory <= 0) {
                                    editForm.inventory = 1;
                                }
                            }
                        "
                        v-model="editForm.inventory"
                        placeholder="如：10"
                    ></el-input>
                </el-form-item>
                <el-form-item
                    label="货架基本数量："
                    style="width: 60%"
                    prop="shelves"
                >
                    <el-input
                        type="number"
                        @change="
                            () => {
                                if (editForm.shelves <= 0) {
                                    editForm.shelves = 1;
                                }
                            }
                        "
                        v-model="editForm.shelves"
                        placeholder="如：10"
                    ></el-input>
                </el-form-item>
                <el-form-item style="width: 60%">
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                        >
                             提交</el-button
                    >
                    <el-button @click="closeEdit('editForm')"
                        > 关闭</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    queryGoodsStoreById,
    queryPageByQo,
    updateInventory,
 } from "@/api/goods_management/goods_store/goodsStoreApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            editVisible: false,
            /*表格*/
            tableData: [],
            editForm: {},
            searchForm: {
                total: 0,
                currentPage: 1,
                pageSize: 5,
                state: "0",
            },
            rules: {
                inventory: [
                    {
                        required: true,
                        message: "库存量不能为空",
                        trigger: "blur",
                    },
                ],
                shelves: [
                    {
                        required: true,
                        message: "货架数量不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        init() {
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    console.log(res.data);
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        editBtn(id) {
            queryGoodsStoreById({ id: id }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.editForm = { ...res.data };
                    this.editVisible = true;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    updateInventory(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("更新成功");
                            this.editForm = {};
                            this.editVisible = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        closeEdit(formName) {
            this.$refs[formName].resetFields();
            this.editForm = {};
            this.editVisible = false;
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/goods_management/point_products/List.vue
+++ b/src/views/goods_management/point_products/List.vue
@ -0,0 +1,523 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>积分商品</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="商品名称" v-model="searchForm.name" />
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left; padding-right: 10px">
                <el-button
                    type="primary"
                    @click="subSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newBtn"
                >
                    创建积分商品</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" width="200" label="序号">
                </el-table-column>
                <el-table-column
                    prop="coverUrl"
                    :show-overflow-tooltip="true"
                    label="封面"
                >
                    <template v-slot="scope">
                        <img
                            height="60px"
                            :src="BaseApi + scope.row.coverUrl"
                        />
                    </template>
                </el-table-column>
                <el-table-column
                    prop="goodsName"
                    :show-overflow-tooltip="true"
                    label="商品名"
                >
                </el-table-column>
                <el-table-column
                    prop="integral"
                    :show-overflow-tooltip="true"
                    label="积分"
                >
                </el-table-column>
                <el-table-column
                    prop="updateby"
                    :show-overflow-tooltip="true"
                    label="操作者"
                >
                </el-table-column>
                <el-table-column width="260" fixed="right" label="操作">
                    <template v-slot="scope">
                        <el-button
                            type="success"
                            @click="editBtn(scope.row.goodsId)"
                        >
                             修改</el-button
                        >
                        <el-button
                            type="danger"
                            @click="delBtn(scope.row.goodsId)"
                        >
                             删除</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--创建-->
        <el-dialog title="创建积分商品" :visible.sync="newVisable" width="50%">
            <el-form
                :model="newForm"
                :rules="rules"
                ref="newForm"
                class="demo-ruleForm"
            >
                <el-form-item
                    v-if="selectGoodsVisiable"
                    label="商品"
                    prop="goodsId"
                >
                    <el-select
                        v-model="newForm.goodsId"
                        placeholder="请选择商品"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_goods"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item v-else label="商品" prop="goodsId">
                    <el-select
                        disabled
                        v-model="newForm.goodsId"
                        placeholder="请选择商品"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_goods"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item v-if="!selectGoodsVisiable" label="图片：">
                    <img
                        style="width: 100px"
                        :src="BaseApi + newForm.coverUrl"
                        alt="商品图片"
                    />
                </el-form-item>
                <el-form-item
                    v-if="!selectGoodsVisiable"
                    label="积分："
                    prop="integral"
                >
                    <el-input
                        @change="
                            () => {
                                if (this.newForm.integral < 0) {
                                    this.newForm.integral = 0;
                                }
                            }
                        "
                        type="number"
                        v-model="newForm.integral"
                        placeholder="如：3000"
                    />
                </el-form-item>
                <el-form-item v-if="selectGoodsVisiable">
                    <el-button
                        type="primary"
                        @click="confirmGoods('newForm')"
                    >
                         确定</el-button
                    >
                    <el-button
                        @click="closeGoods('newForm')"
                        > 关闭</el-button
                    >
                </el-form-item>
                <el-form-item v-else>
                    <el-button
                        type="primary"
                        @click="submitNewForm('newForm')"
                    >
                         确定</el-button
                    >
                    <el-button
                        @click="cancel('newForm')"
                         > 取消</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--修改-->
        <el-dialog title="修改积分商品" :visible.sync="editVisable" width="50%">
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                class="demo-ruleForm"
            >
                <el-form-item label="商品" prop="goodsId">
                    <el-select
                        disabled
                        v-model="editForm.goodsId"
                        placeholder="请选择商品"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_goods1"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="图片：">
                    <img
                        style="width: 100px"
                        :src="BaseApi + editForm.coverUrl"
                        alt="商品图片"
                    />
                </el-form-item>
                <el-form-item label="积分：" prop="integral">
                    <el-input
                        @change="
                            () => {
                                if (this.editForm.integral < 0) {
                                    this.editForm.integral = 0;
                                }
                            }
                        "
                        type="number"
                        v-model="editForm.integral"
                        placeholder="如：3000"
                    />
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                    >
                         确定</el-button
                    >
                    <el-button
                        @click="cancelEdit('editForm')"
                         > 取消</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    del,
    queryOptionGoods,
    queryPageByQo,
    queryPointGoodsById,
    savePointGoods,
    updatePointGoods,
 } from "@/api/goods_management/point_products/pointProductApi";
 import {
    queryGoodsById,
    selected_goodsAll,
 } from "@/api/goods_management/goods/goodsApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            tableData: [],
            searchForm: {
                pageSize: 5,
            },
            selectGoodsVisiable: true,
            newVisable: false,
            editVisable: false,
            newForm: {
                goodsId: "",
                goodsName: "",
                integral: "",
                coverUrl: "",
            },
            editForm: {
                goodsId: "",
                goodsName: "",
                integral: "",
                coverUrl: "",
            },
            options_goods: [],
            options_goods1: [],
            rules: {
                goodsId: [
                    {
                        required: true,
                        message: "商品编号不能为空",
                        trigger: "blur",
                    },
                ],
                integral: [
                    {
                        required: true,
                        message: "积分不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        queryOptionGoods() {
            queryOptionGoods().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_goods = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        newBtn() {
            if (this.options_goods.length == 0) {
                popup("没有可以添加的积分商品", "warning");
                return;
            }
            this.newVisable = true;
            this.selectGoodsVisable = true;
        },
        closeGoods(formName) {
            this.$refs[formName].resetFields();
            this.newVisable = false;
        },
        confirmGoods(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    queryGoodsById({ id: this.newForm.goodsId }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            this.newForm.coverUrl = res.data.coverUrl;
                            this.newForm.goodsName = res.data.name;
                            this.selectGoodsVisiable = false;
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    savePointGoods(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("创建成功");
                            this.newVisable = false;
                            this.selectGoodsVisiable = true;
                            this.newForm = {};
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    updatePointGoods(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("创建成功");
                            this.editVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        cancel(formName) {
            this.$refs[formName].resetFields();
            this.selectGoodsVisiable = true;
        },
        cancelEdit(formName) {
            this.$refs[formName].resetFields();
            this.editVisable = false;
            this.editForm = {};
        },
        subSearchForm() {
            this.init();
        },
        init() {
            (this.editForm = {
                goodsId: "",
                goodsName: "",
                integral: "",
                coverUrl: "",
            }),
                this.queryOptionGoods();
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        delBtn(cn) {
            this.$confirm("确定要删除这条记录" + "？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    del({ id: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("删除成功");
                            this.init();
                        } else {
                            popup(res.msg, "warning");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        editBtn(cn) {
            queryPointGoodsById({ goodsId: cn }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.editVisable = true;
                    this.editForm.goodsId = res.data.goodsId;
                    this.editForm.goodsName = res.data.goodsName;
                    this.editForm.integral = res.data.integral;
                    this.editForm.coverUrl = res.data.coverUrl;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
    },
    mounted() {
        this.init();
        selected_goodsAll().then((res) => {
            res = res.data;
            if (res.code == 200) {
                this.options_goods1 = res.data;
            } else {
                popup(res.msg, "error");
            }
        });
    },
 };
 </script>
 <style>
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .search {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .search .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/goods_management/statistic_sale/List.vue
+++ b/src/views/goods_management/statistic_sale/List.vue
@ -0,0 +1,181 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理 </el-breadcrumb-item>
            <el-breadcrumb-item>销量统计</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8">
                <el-input v-model="searchForm.name" placeholder="商品名称" />
            </el-col>
            <el-col :span="16">
                <i class="iconfont icon-r-add" style="font-size: 28px">
                    <b>
                        总销量：<span style="color: #fc4316"
                            >{{
                                totalSalesVolume ? totalSalesVolume : 0
                            }}件</span
                        >
                    </b>
                </i>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" width="200" label="序号">
                </el-table-column>
                <el-table-column
                    prop="coverUrl"
                    :show-overflow-tooltip="true"
                    label="封面"
                >
                    <template v-slot="scope">
                        <img width="60px" :src="BaseApi + scope.row.coverUrl" />
                    </template>
                </el-table-column>
                <el-table-column
                    prop="goodsName"
                    :show-overflow-tooltip="true"
                    label="商品名"
                >
                </el-table-column>
                <el-table-column
                    prop="salesVolume"
                    :show-overflow-tooltip="true"
                    label="销量"
                >
                </el-table-column>
                <el-table-column
                    prop="percentage"
                    :show-overflow-tooltip="true"
                    label="销售量占比"
                >
                    <template v-slot="scope">
                        <el-progress
                            width="50"
                            type="dashboard"
                            :percentage="scope.row.percentage"
                            :color="customColorMethod"
                        ></el-progress>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import { queryPageByQo } from "@/api/goods_management/statistic/statisticSaleApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            tableData: [],
            totalSalesVolume: "", //所有商品总销量
            searchForm: {
                pageSize: 5,
            },
            options_goods: [],
        };
    },
    methods: {
        /*分页*/
        init() {
            /*查询商品信息*/
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.totalSalesVolume = res.data.total;
                    this.tableData = res.data.vos.records;
                    this.searchForm.total = res.data.vos.total;
                    this.searchForm.pageSize = res.data.vos.size;
                    this.searchForm.currentPage = res.data.vos.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        customColorMethod(percentage) {
            if (percentage < 30) {
                return "#f56c6c";
            } else if (percentage < 70) {
                return "#e6a23c";
            } else {
                return "#67c23a";
            }
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .search {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .search .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/index.vue
+++ b/src/views/index.vue
@ -0,0 +1,204 @@
 <template>
    <el-container>
        <el-header style="height: 80px">
            <el-row>
                <el-col :span="12" style="margin-top: 20px">
                    <i style="color: white; font-size: 32px" class="iconfont icon-r-building">
                        <b style="font-size: 26px"> 超市管理系统</b></i>
                </el-col>
                <el-col :span="12" style="text-align: right; margin-top: 15px; cursor: pointer">
                    <el-dropdown>
                        <el-avatar :size="50" shape="square" :src="BaseApi + circleUrl"></el-avatar>
                        <b style="
                                font-size: 24px;
                                color: white;
                                margin-top: -10px;
                            ">
                            {{ isAdmin ? "管理员 " : "用户 " }}
                            {{ loginName }}</b>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item @click.native="informationBtn">个人资料完善</el-dropdown-item>
                            <el-dropdown-item @click.native="empExit">退出</el-dropdown-item>
                            <el-dropdown-item @click.native="logoutVisable = true">注销</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-col>
            </el-row>
        </el-header>
        <!--注销账户-->
        <el-dialog title="注销账户" :visible.sync="logoutVisable" width="70%">
            <el-form :model="logoutform" :rules="rules" ref="logoutform" label-width="100px" class="demo-ruleForm">
                <el-form-item label="内容" prop="content">
                    <el-input v-model="logoutform.content" placeholder="请填写“本人确定注销”"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="logoutSubmit('logoutform')">确 定</el-button>
                    <el-button @click="logoutCel('logoutform')">取 消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
        <el-container>
            <el-aside width="200px" style="overflow-y: hidden;min-height: 900px;">
                <el-menu background-color="#6495ED" text-color="white" :router="true" :unique-opened="true"
                    active-text-color="#FFDEAD">
                    <el-submenu v-for="item in menu_catalogs" :key="item.id" :index="item.id + ''">
                        <template slot="title">
                            <i :class="item.icon" style="font-size: 28px; color: white">
                            </i>
                            <b style="font-size: 21px;"> {{ item.label }}</b>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item v-for="c in item.children" :key="c.id" :index="c.purl">
                                <i :class="c.icon" style="font-size: 24px"> </i>
                                <b> {{ c.label }}</b>
                            </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-main>
                <router-view />
            </el-main>
        </el-container>
    </el-container>
 </template>
 <script>
 import { clearCookie, loginEmp } from "@/assets/js/auth";
 import { ajaxGet, ajaxPost, popup } from "@/assets/js/common";
 import Cookies from "js-cookie";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            logoutVisable: false,
            loginName: "",
            isAdmin: "",
            logoutform: {},
            circleUrl: loginEmp().headImg,
            menu_catalogs: [],
            rules: {
                content: [
                    {
                        required: true,
                        message: "内容不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        init() {
            this.isAdmin = loginEmp().isAdmin;
            this.loginName = loginEmp().nickName;
            ajaxGet("/empMenu", {}).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.menu_catalogs = res.data;
                }
            });
        },
        /*个人资料*/
        informationBtn() {
            this.$router.push("/personal/information");
            popup("请完善个人的资料");
        },
        /*账户退出*/
        empExit() {
            this.$confirm("确定要退出系统?", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    ajaxGet("/exit", this.pwdForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("成功退出系统...");
                            clearCookie("employee");
                            clearCookie("token");
                            this.$router.push("/");
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        /*注销账户*/
        logoutCel(formName) {
            this.$refs[formName].resetFields();
            this.logoutform = {};
            this.logoutVisable = false;
        },
        logoutSubmit(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    ajaxPost("/logout", {
                        content: this.logoutform.content,
                    }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("注销成功");
                            clearCookie("employee");
                            clearCookie("token");
                            this.logoutVisable = false;
                            this.$router.push("/");
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .avatar {
    display: inline-block;
    width: 200px;
    float: right;
 }
 .personalFul {
    background-color: #ffffff;
    position: absolute;
    z-index: 999999;
    top: 58px;
    right: 20px;
    width: 151px;
 }
 /* .personalFul ul > li {
    margin: 1px auto;
    padding: 0px;
    height: 20px;
    color: #ffffff;
    background-color: #6495ED;
    list-style-type: none;
 } */
 .personalFul ul>li:hover {
    background-color: #fc4316;
 }
 .el-menu-item i {
    color: white;
 }
 .el-submenu__title i {
    color: white;
 }
 </style>
--- a/src/views/inventory_management/detail_store_goods_in/List.vue
+++ b/src/views/inventory_management/detail_store_goods_in/List.vue
@ -0,0 +1,597 @@
 <template>
    <div id="detail_store_goods_in">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>库存管理 </el-breadcrumb-item>
            <el-breadcrumb-item>入库明细</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="3" style="text-align: left;padding-right: 10px;">
                <el-input placeholder="入库编号" v-model="searchForm.cn"/>
            </el-col>
            <el-col :span="3">
                <el-input placeholder="商品名称" v-model="searchForm.goodsName"/>
            </el-col>
            <el-col :span="16">
                <span>入库时间：</span>
                <el-date-picker
                        value-format="yyyy-MM-dd"
                        v-model="searchForm.startCreateTime"
                        type="date"
                        placeholder="起始时间">
                </el-date-picker>
                -
                <el-date-picker
                        v-model="searchForm.endCreateTime"
                        value-format="yyyy-MM-dd"
                        type="date"
                        placeholder="结束时间">
                </el-date-picker>
            </el-col>
            <el-col :span="2" >
                <el-select
                           v-model="searchForm.state1"
                           @change="$forceUpdate()"
                           placeholder="请选择状态" clearable>
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="删除" value="1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="warning"
                    @click="goodsInBtn"
                >
                    商品入库
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table
                    :data="tableData"
                    style="width: 100%;"
                    size="medium">
                <el-table-column
                        prop="cn"
                        width="200"
                        label="编号">
                </el-table-column>
                <el-table-column
                        prop="goodsName"
                        :show-overflow-tooltip="true"
                        label="商品名">
                </el-table-column>
                <el-table-column
                        prop="goodsPrice"
                        label="单价">
                </el-table-column>
                <el-table-column
                        prop="goodsNum"
                        label="入库数量">
                </el-table-column>
                <el-table-column
                        prop="expiryTime"
                        :show-overflow-tooltip="true"
                        label="过期日期">
                </el-table-column>
                <el-table-column
                        prop="expiryTime"
                        :show-overflow-tooltip="true"
                        label="是否过期">
                    <template v-slot="scope">
                        <el-tag type="danger" v-if="new Date()>Date.parse(scope.row.expiryTime)">过期</el-tag>
                        <el-tag type="success" v-else>未过期</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="createTime"
                        :show-overflow-tooltip="true"
                        label="入库时间">
                </el-table-column>
                <el-table-column
                        prop="storeName"
                        :show-overflow-tooltip="true"
                        label="存储仓库">
                </el-table-column>
                <el-table-column
                        prop="supplierName"
                        :show-overflow-tooltip="true"
                        label="供货商">
                </el-table-column>
                <el-table-column
                        prop="createby"
                        :show-overflow-tooltip="true"
                        label="录入者">
                </el-table-column>
                <el-table-column
                        prop="state"
                        label="类型">
                    <template v-slot="scope">
                        <el-tag type="success" v-if="scope.row.state=='0'">入库</el-tag>
                        <el-tag type="danger" v-if="scope.row.state=='1'">过期</el-tag>
                        <el-tag type="danger" v-if="scope.row.state=='2'">下架</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="state1"
                        label="状态">
                    <template v-slot="scope">
                        <el-tag type="success" v-if="scope.row.state1=='0'">正常</el-tag>
                        <el-tag type="danger" v-else-if="scope.row.state1=='2'">未处理</el-tag>
                        <el-tag type="danger" v-else>删除</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="info"
                        :show-overflow-tooltip="true"
                        label="备注">
                </el-table-column>
                <el-table-column
                        width="140"
                        fixed="right"
                        label="操作">
                    <template v-slot="scope">
                        <el-button type="danger" v-if="scope.row.state1=='0'"
                                   @click="del(scope.row.cn)"  >
                                   删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0;">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="searchForm.currentPage"
                        :page-sizes="[5, 10, 20, 50]"
                        :page-size="searchForm.pageSize"
                        layout="total,sizes, prev, pager, next,jumper"
                        :total="searchForm.total">
                </el-pagination>
            </div>
        </div>
        <!--商品入库表单-->
        <el-dialog
                title="商品入库"
                :visible.sync="goodsInVisable"
                width="50%">
            <el-form v-if="selectGoodsVisable" :model="selectGoods" :rules="rules" ref="selectGoods" label-width="100px"
                     class="demo-ruleForm">
                <el-form-item label="商品：" prop="goodsId">
                    <el-select v-model="selectGoods.goodsId"
                               placeholder="请选择商品"
                               filterable
                               @change="$forceUpdate()"
                               clearable>
                        <el-option
                                v-for="item in options_goods"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="仓库：" prop="storeId">
                    <el-select v-model="selectGoods.storeId"
                               placeholder="请选择存储仓库"
                               filterable
                               @change="$forceUpdate()"
                               clearable>
                        <el-option
                                v-for="item in options_store"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="success" @click="selectedGoods('selectGoods')"  >
                         确定</el-button>
                    <el-button @click="closeSelectedGoods('selectGoods')"  >
                         关闭</el-button>
                </el-form-item>
            </el-form>
            <el-form v-if="newVisable" :model="newForm" :rules="rules" ref="newForm" label-width="100px"
                     class="demo-ruleForm">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="商品名称：">
                            <el-input disabled v-model="newForm.goodsName" placeholder="如：农夫山泉"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="商品数量：" prop="goodsNum">
                            <el-input v-model="newForm.goodsNum" placeholder="如：1"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="供货商：" prop="supplierId">
                            <el-select v-model="newForm.supplierId"
                                       placeholder="请选择供货商"
                                       filterable
                                       @change="$forceUpdate()"
                                       clearable>
                                <el-option
                                        v-for="item in options_suppliers"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="商品价格：" prop="goodsPrice">
                            <el-input v-model="newForm.goodsPrice" placeholder="如：1.0"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="生产日期：" prop="birthTime">
                            <el-date-picker
                                    size="mini"
                                    style="width: 140px"
                                    value-format="yyyy-MM-dd"
                                    v-model="newForm.birthTime"
                                    type="date"
                                    placeholder="生产日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="过期日期：" prop="expiryTime">
                            <el-date-picker
                                    size="mini"
                                    style="width: 140px"
                                    value-format="yyyy-MM-dd"
                                    v-model="newForm.expiryTime"
                                    type="date"
                                    placeholder="过期日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注：">
                            <el-input type="textarea" v-model="newForm.info" placeholder="如：农夫山泉入库"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item>
                    <el-button type="warning" @click="submitNewForm('newForm')"  >
                         入库</el-button>
                    <el-button @click="saveCancel('newForm')"  >
                         取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import {
    queryGoodsById,
    selected_goodsAll,
 } from "@/api/goods_management/goods/goodsApi";
 import { popup } from "@/assets/js/common";
 import {
    delIn,
    queryOptionsSuppliers,
    queryPageByQoIn,
    saveIn,
 } from "@/api/inventory_management/detail_store_goods/detail_store_goodsApi";
 import { storeList } from "@/api/inventory_management/store/storeApi";
 export default {
    data() {
        return {
            newVisable: false,
            goodsInVisable: false,
            selectGoodsVisable: true,
            options_suppliers: [],
            searchForm: {
                pageSize: 5
            },
            tableData: [],
            newForm: {
                cn: "",
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                goodsPrice: "",
                supplierId: "",
                info: "",
                expiryTime: "",
                birthTime: "",
                storeId: "",
            },
            options_goods: [],
            options_store: [],
            rules: {
                supplierId: [
                    {
                        required: true,
                        message: "供应商不能为空",
                        trigger: "blur",
                    },
                ],
                goodsId: [
                    {
                        required: true,
                        message: "商品编号不能为空",
                        trigger: "blur",
                    },
                ],
                storeId: [
                    {
                        required: true,
                        message: "仓库编号不能为空",
                        trigger: "blur",
                    },
                ],
                goodsNum: [
                    {
                        required: true,
                        message: "商品数量不能为空",
                        trigger: "blur",
                    },
                ],
                goodsPrice: [
                    {
                        required: true,
                        message: "商品价格不能为空",
                        trigger: "blur",
                    },
                ],
                expiryTime: [
                    {
                        required: true,
                        message: "过期时间不能为空",
                        trigger: "blur",
                    },
                ],
                birthTime: [
                    {
                        required: true,
                        message: "生产时间不能为空",
                        trigger: "blur",
                    },
                ],
            },
            selectGoods: {},
        };
    },
    methods: {
        init() {
            this.newVisable = false;
            this.selectGoodsVisable = true;
            if (
                this.searchForm.startCreateTime > this.searchForm.endCreateTime
            ) {
                popup("结束时间不能小于开始时间", "warning");
                return;
            }
            queryPageByQoIn(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        closeSelectedGoods(formName) {
            this.$refs[formName].resetFields();
            this.goodsInVisable = false;
            this.newVisable = false;
            this.selectGoodsVisable = true;
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        goodsInBtn() {
            this.selectGoods = {};
            this.goodsInVisable = true;
            this.newForm = {
                cn: "",
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                goodsPrice: "",
                supplierId: "",
                info: "",
                expiryTime: "",
                birthTime: "",
                storeId: "",
            };
        },
        detailStoreGoodsIn_goodsAll() {
            selected_goodsAll().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_goods = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        detailStoreGoodsIn_suppliers() {
            queryOptionsSuppliers().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_suppliers = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        detailStoreGoodsIn_storeAll() {
            storeList({ state: "0" }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    for (var item of res.data) {
                        this.options_store.push({
                            id: item.id,
                            name: item.name,
                        });
                    }
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        selectedGoods(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    queryGoodsById({ id: this.selectGoods.goodsId }).then(
                        (res) => {
                            res = res.data;
                            if (res.code == 200) {
                                this.selectGoodsVisable = false;
                                this.newVisable = true;
                                this.newForm.storeId = this.selectGoods.storeId;
                                this.selectGoods = {
                                    storeId: "",
                                    goodsId: "",
                                };
                                this.newForm.goodsId = res.data.id;
                                this.newForm.goodsName = res.data.name;
                                this.newForm.goodsPrice =
                                    res.data.purchashPrice;
                            } else {
                                popup(res.msg, "error");
                            }
                        }
                    );
                }
            });
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    if (this.newForm.birthTime >= this.newForm.expiryTime) {
                        popup("生成日期不能大于或等于过期日期", "warning");
                        this.newForm.birthTime = "";
                        this.newForm.expiryTime = "";
                        return;
                    }
                    saveIn(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("入库成功");
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        saveCancel(formName) {
            this.$refs[formName].resetFields();
            this.newVisable = false;
            this.selectGoodsVisable = true;
        },
        del(cn) {
            this.$confirm("确定删除这条记录？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delIn({ cn: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.searchForm.state1 = "0";
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
    },
    mounted() {
        this.searchForm.state1 = "0";
        this.detailStoreGoodsIn_goodsAll();
        this.detailStoreGoodsIn_storeAll();
        this.detailStoreGoodsIn_suppliers();
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/inventory_management/detail_store_goods_in/notice/List.vue
+++ b/src/views/inventory_management/detail_store_goods_in/notice/List.vue
@ -0,0 +1,410 @@
 <template>
    <div>
        <div class="searchForm">
            <div class="column">
                <span>商品名：</span>
                <el-input style="height: 21px;width: 300px" placeholder="请输入商品名" v-model="searchForm.name"/>
            </div>
            <div class="column">
                <el-button type="success" @click="submitSearchForm">搜索</el-button>
            </div>
        </div>
        <div class="table">
            <el-table
                    :data="tableData"
                    style="width: 100%;"
                    size="medium">
                <el-table-column
                        width="200"
                        type="index"
                        label="序号">
                </el-table-column>
                <el-table-column
                        prop="coverUrl"
                        label="封面">
                    <template v-slot="scope">
                        <img height="60px" :src="scope.row.coverUrl">
                    </template>
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="商品名">
                </el-table-column>
                <el-table-column
                        prop="purchashPrice"
                        label="进货单价">
                </el-table-column>
                <el-table-column
                        prop="goodsNum"
                        label="入库数量">
                </el-table-column>
                <el-table-column>
                    <template v-slot="scope">
                        <el-button type="success"
                                   @click="goodsInBtn(scope.row)" plain>入库
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0;">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="searchForm.currentPage"
                        :page-sizes="[5, 10, 20, 50]"
                        :page-size="searchForm.pageSize"
                        layout="total,sizes, prev, pager, next,jumper"
                        :total="searchForm.total">
                </el-pagination>
            </div>
        </div>
        <!--商品入库表单-->
        <el-dialog
                title="商品入库"
                :visible.sync="goodsInVisable"
                width="50%">
            <el-form v-if="selectGoodsVisable" :model="selectGoods" :rules="rules" ref="selectGoods" label-width="100px"
                     class="demo-ruleForm">
                <el-form-item style="width:40%" label="商品：" prop="goodsId">
                    <el-select disabled v-model="selectGoods.goodsId"
                               placeholder="请选择商品"
                               filterable
                               @change="$forceUpdate()"
                               clearable>
                        <el-option
                                v-for="item in options_goods"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="width:40%" label="仓库：" prop="storeId">
                    <el-select v-model="selectGoods.storeId"
                               placeholder="请选择存储仓库"
                               filterable
                               @change="$forceUpdate()"
                               clearable>
                        <el-option
                                v-for="item in options_store"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="width:40%">
                    <el-button type="success" @click="selectedGoods('selectGoods')" plain>确定</el-button>
                    <el-button type="warning" @click="closeSelectedGoods('selectGoods')" plain> 关闭</el-button>
                </el-form-item>
            </el-form>
            <el-form size="mini" v-if="newVisable" :model="newForm" :rules="rules" ref="newForm" label-width="100px"
                     class="demo-ruleForm">
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="商品名：">
                            <el-input readonly v-model="newForm.goodsName" placeholder="如：农夫山泉"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="商品数量：" prop="goodsNum">
                            <el-input v-model="newForm.goodsNum" :placeholder="'如：'+newGoodsNum"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="供货商：" prop="supplierId">
                            <el-select v-model="newForm.supplierId"
                                       placeholder="请选择供货商"
                                       filterable
                                       @change="$forceUpdate()"
                                       clearable>
                                <el-option
                                        v-for="item in options_suppliers"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="商品价格：" prop="goodsPrice">
                            <el-input v-model="newForm.goodsPrice" placeholder="如：1.0"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="生产日期：" prop="birthTime">
                            <el-date-picker
                                    size="mini"
                                    style="width: 140px"
                                    value-format="yyyy-MM-dd"
                                    v-model="newForm.birthTime"
                                    type="date"
                                    placeholder="生产日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="过期日期：" prop="expiryTime">
                            <el-date-picker
                                    size="mini"
                                    style="width: 140px"
                                    value-format="yyyy-MM-dd"
                                    v-model="newForm.expiryTime"
                                    type="date"
                                    placeholder="过期日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item style="width: 82%" label="备注：">
                            <el-input type="textarea" v-model="newForm.info" placeholder="如：农夫山泉入库"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item>
                    <el-button type="primary" @click="submitNewForm('newForm')">入库</el-button>
                    <el-button @click="saveCancel('newForm')"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
    import {popup} from "@/assets/js/common";
    import {
        queryGoodsStoreById,
        queryPageByQo,
        updateInventory
    } from "@/api/goods_management/goods_store/goodsStoreApi";
    import {queryPageNoticeIn} from "@/api/inventory_management/notice/noticeApi";
    import {queryGoodsById, selected_goodsAll} from "@/api/goods_management/goods/goodsApi";
    import {queryOptionsSuppliers, saveIn} from "@/api/inventory_management/detail_store_goods/detail_store_goodsApi";
    import {storeList} from "@/api/inventory_management/store/storeApi";
    export default {
        data() {
            return {
                newVisable: false,
                goodsInVisable: false,
                selectGoodsVisable: true,
                newGoodsNum:'',
                newForm: {
                    cn: '',
                    goodsId: '',
                    goodsNum: '',
                    goodsName: '',
                    goodsPrice: '',
                    info: '',
                    expiryTime: '',
                    birthTime: '',
                    storeId: ''
                },
                /*表格*/
                tableData: [],
                searchForm: {
                    total: 0,
                    currentPage: 1,
                    pageSize: 10,
                    state: '0'
                },
                options_goods: [],
                options_store: [],
                options_suppliers:[],
                selectGoods: {},
                rules: {
                    supplierId:[
                        {required: true, message: '供应商不能为空', trigger: 'blur'},
                    ],
                    goodsId: [
                        {required: true, message: '商品编号不能为空', trigger: 'blur'},
                    ],
                    storeId: [
                        {required: true, message: '仓库编号不能为空', trigger: 'blur'},
                    ],
                    goodsNum: [
                        {required: true, message: '商品数量不能为空', trigger: 'blur'},
                    ],
                    goodsPrice: [
                        {required: true, message: '商品价格不能为空', trigger: 'blur'},
                    ],
                    expiryTime: [
                        {required: true, message: '过期时间不能为空', trigger: 'blur'},
                    ],
                    birthTime: [
                        {required: true, message: '生产时间不能为空', trigger: 'blur'},
                    ],
                },
            }
        },
        methods: {
            init() {
                queryPageNoticeIn(this.searchForm).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        console.log(res.data)
                        this.tableData = res.data.records
                        this.searchForm.total = res.data.total
                        this.searchForm.pageSize = res.data.size
                        this.searchForm.currentPage = res.data.current
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            /*分页*/
            handleSizeChange(val) {
                this.searchForm.pageSize = val
                this.init()
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                this.searchForm.currentPage = val
                this.init()
                console.log(`当前页: ${val}`);
            },
            submitSearchForm() {
                this.init()
            },
            detailStoreGoodsIn_goodsAll() {
                selected_goodsAll().then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.options_goods = res.data
                    } else {
                        popup(res.msg, 'error')
                    }
                })
            },
            detailStoreGoodsIn_suppliers(){
                queryOptionsSuppliers().then(res=>{
                        res=res.data
                        if (res.code==200){
                            this.options_suppliers=res.data
                        }else {
                            popup(res.msg,"error")
                        }
                    }
                )
            },
            detailStoreGoodsIn_storeAll() {
                storeList({state: '0'}).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        for (var item of res.data) {
                            this.options_store.push({id: item.id, name: item.name})
                        }
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            selectedGoods(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        queryGoodsById({id: this.selectGoods.goodsId}).then(res => {
                            res = res.data
                            if (res.code == 200) {
                                this.selectGoodsVisable = false
                                this.newVisable = true
                                this.newForm.storeId = this.selectGoods.storeId
                                this.newForm.goodsId = res.data.id
                                this.newForm.goodsName = res.data.name
                                this.newForm.goodsPrice = res.data.purchashPrice
                            } else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                })
            },
            closeSelectedGoods(formName){
                this.$refs[formName].resetFields()
                this.goodsInVisable=false
                this.newVisable = false
                this.selectGoodsVisable = true
                this.selectGoods={}
            },
            submitNewForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        saveIn(this.newForm).then(res => {
                            res = res.data
                            if (res.code == 200) {
                                popup("入库成功")
                                this.goodsInVisable=false
                                this.selectGoodsVisable = true
                                this.newVisable = false
                                this.init()
                            } else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                })
            },
            saveCancel(formName) {
                this.$refs[formName].resetFields()
                this.newVisable = false
                this.selectGoodsVisable = true
            },
            goodsInBtn(row) {
                this.selectGoods.goodsId=row.id
                this.newGoodsNum=row.goodsNum
                this.goodsInVisable = true
            },
        },
        mounted() {
            this.searchForm.state1 = '0'
            this.detailStoreGoodsIn_goodsAll()
            this.detailStoreGoodsIn_storeAll()
            this.detailStoreGoodsIn_suppliers()
            this.init()
        }
    }
 </script>
 <style>
    .searchForm {
        height: 134px;
    }
    .table {
        height: 320px;
    }
    .pageUtils {
        position: absolute;
        width: 84%;
        margin: 2px auto;
        height: 43px;
    }
    .searchForm {
        display: inline-block;
        margin: 0 auto;
        height: 51px;
        line-height: 51px;
    }
    .searchForm .column {
        display: inline-block;
        margin: 0 auto;
        margin-right: 2px;
        line-height: 48px;
        height: 51px;
    }
 </style>
--- a/src/views/inventory_management/detail_store_goods_out/List.vue
+++ b/src/views/inventory_management/detail_store_goods_out/List.vue
@ -0,0 +1,652 @@
 <template>
    <div id="detail_store_goods_out">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>库存管理 </el-breadcrumb-item>
            <el-breadcrumb-item>出库明细</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="4" style="padding-right: 10px;">
                <el-input
                    placeholder="出库编号"
                    v-model="searchForm.cn"
                />
            </el-col>
            <el-col :span="4">
                <el-input
                    placeholder="商品名称"
                    v-model="searchForm.goodsName"
                />
            </el-col>
            <el-col :span="16">
                <span>出库时间：</span>
                <el-date-picker
                    value-format="yyyy-MM-dd"
                    v-model="searchForm.startCreateTime"
                    type="date"
                    placeholder="起始时间"
                >
                </el-date-picker>
                -
                <el-date-picker
                    v-model="searchForm.endCreateTime"
                    value-format="yyyy-MM-dd"
                    type="date"
                    placeholder="结束时间"
                >
                </el-date-picker>
            </el-col>
        </el-row>
        <br>
        <el-row>
            <el-col :span="4" style="padding-right: 10px;">
                <el-select
                    v-model="searchForm.state"
                    @change="$forceUpdate()"
                    placeholder="类型"
                    clearable
                >
                    <el-option label="出库" value="0"></el-option>
                    <el-option label="过期" value="1"></el-option>
                    <el-option label="下架" value="2"></el-option>
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select
                    v-model="searchForm.state1"
                    @change="$forceUpdate()"
                    placeholder="请选择状态"
                    clearable
                >
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="删除" value="1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                     搜索</el-button
                >
                <el-button
                    type="warning"
                    @click="goodsOutBtn"
                >
                     商品出库
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column prop="cn" width="200" label="编号">
                </el-table-column>
                <el-table-column
                    prop="goodsName"
                    :show-overflow-tooltip="true"
                    label="商品名"
                >
                </el-table-column>
                <el-table-column
                    prop="storeName"
                    :show-overflow-tooltip="true"
                    label="仓库"
                >
                </el-table-column>
                <el-table-column prop="goodsNum" label="商品数量">
                </el-table-column>
                <el-table-column prop="state" label="类型">
                    <template v-slot="scope">
                        <el-tag
                            type="danger"
                            v-if="scope.row.state == '2'"
                            >下架</el-tag
                        >
                        <el-tag
                            type="danger"
                            v-else-if="scope.row.state == '1'"
                            >过期</el-tag
                        >
                        <el-tag type="warning" v-else
                            >出库</el-tag
                        >
                    </template>
                </el-table-column>
                <el-table-column prop="state1" label="状态">
                    <template v-slot="scope">
                        <el-tag
                            type="success"
                            v-if="scope.row.state1 == '0'"
                            >正常</el-tag
                        >
                        <el-tag type="danger" v-else>删除</el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="createby" label="出库者">
                </el-table-column>
                <el-table-column
                    prop="createTime"
                    :show-overflow-tooltip="true"
                    label="出库时间"
                >
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="备注"
                >
                </el-table-column>
                <el-table-column width="140" label="操作" fixed="right">
                    <template v-slot="scope">
                        <el-button
                            type="danger"
                            @click="del(scope.row.cn)"
                            >
                             删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--商品出库-->
        <el-dialog title="商品出库" :visible.sync="goodsOutVisable" width="50%">
            <el-form
                v-if="selectGoodsVisable"
                :model="selectGoods"
                :rules="rules"
                ref="selectGoods"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="商品：" prop="goodsId">
                    <el-select
                        @change="changeGoods"
                        v-model="selectGoods.goodsId"
                        placeholder="请选择商品"
                        filterable
                        clearable
                    >
                        <el-option
                            v-for="item in options_goods"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="仓库：" prop="storeId">
                    <el-select
                        v-model="selectGoods.storeId"
                        @change="changeStore"
                        placeholder="请选择仓库"
                        filterable
                        clearable
                    >
                        <el-option
                            v-for="item in options_store"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="类型：" prop="state">
                    <el-select
                        v-model="selectGoods.state"
                        @change="$forceUpdate()"
                        filterable
                        placeholder="请选择类型"
                        clearable
                    >
                        <el-option label="出库" value="0"></el-option>
                        <el-option label="过期" value="1"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="success"
                        @click="selectedGoods('selectGoods')"
                        >
                         确定
                        </el-button
                    >
                    <el-button
                        type="warning"
                        @click="closeSelectedGoods('selectGoods')"
                        >
                         关闭</el-button
                    >
                </el-form-item>
            </el-form>
            <el-form
                v-if="newVisable"
                :model="newForm"
                :rules="rules"
                ref="newForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="商品名：">
                            <el-input
                                readonly
                                v-model="newForm.goodsName"
                                placeholder="如：农夫山泉"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item
                            label="类型："
                            prop="state"
                        >
                            <el-select
                                disabled
                                v-model="newForm.state"
                                filterable
                                @change="$forceUpdate()"
                                placeholder="请选择类型"
                                clearable
                            >
                                <el-option label="出库" value="0"></el-option>
                                <el-option label="过期" value="1"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item
                            label="商品数量："
                            prop="goodsNum"
                        >
                            <el-input
                                type="number"
                                @change="
                                    () => {
                                        if (
                                            this.goodsNum_max <
                                            this.newForm.goodsNum
                                        ) {
                                            this.newForm.goodsNum =
                                                this.goodsNum_max;
                                        }
                                        if (this.newForm.goodsNum < 1) {
                                            this.newForm.goodsNum = 1;
                                        }
                                    }
                                "
                                min="1"
                                :max="goodsNum_max"
                                v-model="newForm.goodsNum"
                                placeholder="如：1"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item
                            label="仓库："
                            prop="storeId"
                        >
                            <el-select
                                disabled
                                v-model="newForm.storeId"
                                @change="changeStore"
                                placeholder="请选择仓库"
                                filterable
                                clearable
                            >
                                <el-option
                                    v-for="item in options_store"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id"
                                >
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item
                            label="出库日期："
                            prop="createTime"
                        >
                            <el-date-picker
                                size="mini"
                                style="width: 140px"
                                value-format="yyyy-MM-dd"
                                v-model="newForm.createTime"
                                type="date"
                                placeholder="出库日期"
                            >
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="备注：">
                            <el-input
                                type="textarea"
                                v-model="newForm.info"
                                placeholder="如：某商品因什么原因出库"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item>
                    <el-button type="warning" @click="submitNewForm('newForm')"  
                        >
                        <i class="iconfont icon-r-left"  ></i>
                         出库</el-button
                    >
                    <el-button @click="saveCancel('newForm')"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import {
    changeOutGoods,
    changeOutStore,
    delIn,
    delOut,
    initOptions,
    initOutOptions,
    queryOutGoods,
    queryPageByQoOut,
    saveIn,
    saveOut,
 } from "@/api/inventory_management/detail_store_goods/detail_store_goodsApi";
 import { popup } from "@/assets/js/common";
 import {
    queryGoodsById,
    selected_goodsAll,
 } from "@/api/goods_management/goods/goodsApi";
 import { storeList } from "@/api/inventory_management/store/storeApi";
 export default {
    data() {
        return {
            goodsOutVisable: false,
            selectGoodsVisable: true,
            newVisable: false,
            searchForm: {
                pageSize: 5
            },
            tableData: [],
            options_store: [],
            goodsNum_max: "",
            newForm: {
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                info: "",
                createTime: "",
                storeId: "",
                state: "",
            },
            rules: {
                goodsId: [
                    {
                        required: true,
                        message: "商品编号不能为空",
                        trigger: "blur",
                    },
                ],
                storeId: [
                    {
                        required: true,
                        message: "仓库编号不能为空",
                        trigger: "blur",
                    },
                ],
                state: [
                    {
                        required: true,
                        message: "类型不能为空",
                        trigger: "blur",
                    },
                ],
                goodsNum: [
                    {
                        required: true,
                        message: "出库数量不能为空",
                        trigger: "blur",
                    },
                ],
                createTime: [
                    {
                        required: true,
                        message: "出库日期不能为空",
                        trigger: "blur",
                    },
                ],
            },
            options_goods: [],
            selectGoods: {},
        };
    },
    methods: {
        changeGoods() {
            this.$forceUpdate();
            changeOutGoods({ gid: this.selectGoods.goodsId }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_store = res.data;
                }
            });
        },
        changeStore() {
            this.$forceUpdate();
            changeOutStore({ storeId: this.selectGoods.storeId }).then(
                (res) => {
                    res = res.data;
                    if (res.code == 200) {
                        this.options_goods = res.data;
                    }
                }
            );
        },
        initOptions() {
            initOutOptions().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_goods = res.data.goods;
                    this.options_store = res.data.stores;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        init() {
            if (
                this.searchForm.startCreateTime > this.searchForm.endCreateTime
            ) {
                popup("结束时间不能小于开始时间", "warning");
                return;
            }
            queryPageByQoOut(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        del(cn) {
            this.$confirm("确定删除这条记录？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delOut({ cn: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.searchForm.state1 = "0";
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        goodsOutBtn() {
            this.selectGoods.state = "0";
            this.goodsOutVisable = true;
            this.selectGoodsVisable = true;
            this.newVisable = false;
            this.newForm = {
                goodsId: "",
                goodsNum: "",
                goodsName: "",
                info: "",
                createTime: "",
                storeId: "",
                state: "",
            };
        },
        selectedGoods(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    queryOutGoods(this.selectGoods).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            this.selectGoodsVisable = false;
                            this.newVisable = true;
                            this.newForm.goodsNum = res.data.goodsNum;
                            this.goodsNum_max = res.data.goodsNum;
                            this.newForm.goodsName = res.data.goodsName;
                            this.newForm.state = this.selectGoods.state;
                            this.newForm.storeId = this.selectGoods.storeId;
                            this.newForm.goodsId = this.selectGoods.goodsId;
                            this.selectGoods = {};
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        closeSelectedGoods(formName) {
            this.$refs[formName].resetFields();
            this.selectGoods = {};
            this.goodsOutVisable = false;
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    saveOut(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("出库成功");
                            this.searchForm.state1 = "0";
                            this.goodsOutVisable = false;
                            this.newVisable = false;
                            this.selectGoodsVisable = true;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        saveCancel(formName) {
            this.$refs[formName].resetFields();
            this.newVisable = false;
            this.selectGoodsVisable = true;
        },
    },
    mounted() {
        this.searchForm.state1 = "0";
        this.initOptions();
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/inventory_management/detail_store_goods_out/notice/List.vue
+++ b/src/views/inventory_management/detail_store_goods_out/notice/List.vue
@ -0,0 +1,676 @@
 <template>
    <div id="detail_store_goods_in">
        <div class="noticeOut">
            <h1>查看出库商品面板</h1>
            <div class="btns">
                <el-button @click="outGoodsBtn" style="width: 200px;height: 100px;background-color: #c09dff">出库货架商品
                </el-button>
                <el-button @click="outUntreated" style="width: 200px;height: 100px;background-color: #c09dff">过期/下架商品
                </el-button>
            </div>
        </div>
        <!--商品上货架-->
        <el-dialog
                :fullscreen="true"
                :visible.sync="visable1">
            <div class="searchForm">
                <div class="column">
                    <span>商品名：</span>
                    <el-input style="height: 21px;width: 300px" placeholder="请输入商品名" v-model="searchForm.name"/>
                </div>
                <div class="column">
                    <el-button type="success" @click="submitSearchForm">搜索</el-button>
                    <el-button type="primary" @click="visable1=false"> 关闭</el-button>
                </div>
            </div>
            <div class="table">
                <el-table
                        :data="tableData"
                        style="width: 100%;"
                        size="medium">
                    <el-table-column
                            width="200"
                            type="index"
                            label="序号">
                    </el-table-column>
                    <el-table-column
                            prop="coverUrl"
                            label="封面">
                        <template v-slot="scope">
                            <img height="60px" :src="scope.row.coverUrl">
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="name"
                            label="商品名">
                    </el-table-column>
                    <el-table-column
                            prop="goodsNum"
                            label="出货数量">
                    </el-table-column>
                    <el-table-column
                            width="100px"
                            label="操作">
                        <template v-slot="scope">
                            <el-button type="warning"
                                       @click="outGoodsBtn1(scope.row)" plain>出货
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="margin: 10px 0 15px 0;">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page.sync="searchForm.currentPage"
                            :page-sizes="[5, 10, 20, 50]"
                            :page-size="searchForm.pageSize"
                            layout="total,sizes, prev, pager, next,jumper"
                            :total="searchForm.total">
                    </el-pagination>
                </div>
            </div>
        </el-dialog>
        <!--商品出库-->
        <el-dialog
                title="商品出库"
                :visible.sync="goodsOutVisable"
                width="50%">
            <el-form v-if="selectGoodsVisable" :model="selectGoods" :rules="rules" ref="selectGoods" label-width="100px"
                     class="demo-ruleForm">
                <el-form-item style="width:40%" label="商品：" prop="goodsId">
                    <el-select disabled v-model="selectGoods.goodsId"
                               placeholder="请选择商品"
                               filterable
                               clearable>
                        <el-option
                                v-for="item in options_goods"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="width:40%" label="仓库：" prop="storeId">
                    <el-select v-model="selectGoods.storeId"
                               @change="$forceUpdate"
                               placeholder="请选择仓库"
                               filterable
                               clearable>
                        <el-option
                                v-for="item in options_store"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="width:40%" label="类型：" prop="state">
                    <el-select
                            v-model="selectGoods.state"
                            @change="$forceUpdate()"
                            filterable
                            placeholder="请选择类型" clearable>
                        <el-option label="出库" value="0"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="width:40%">
                    <el-button type="success" @click="selectedGoods('selectGoods')" plain>确定</el-button>
                    <el-button type="warning" @click="closeSelectedGoods('selectGoods')" plain> 关闭</el-button>
                </el-form-item>
            </el-form>
            <el-form size="mini" v-if="newVisable" :model="newForm" :rules="rules" ref="newForm" label-width="100px"
                     class="demo-ruleForm">
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="商品名：">
                            <el-input readonly v-model="newForm.goodsName" placeholder="如：农夫山泉"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width:60%" label="类型：" prop="state">
                            <el-select disabled
                                       v-model="newForm.state"
                                       filterable
                                       @change="$forceUpdate()"
                                       placeholder="请选择类型" clearable>
                                <el-option label="出库" value="0"></el-option>
                                <el-option label="过期" value="1"></el-option>
                                <el-option label="下架" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="商品数量：" prop="goodsNum">
                            <el-input type="number" @change="()=>{
                                if(this.goodsNum_max<this.newForm.goodsNum){
                                    this.newForm.goodsNum=this.goodsNum_max
                                }
                                if(this.newForm.goodsNum<1){
                                    this.newForm.goodsNum=1
                                }
                            }" min="1" :max="goodsNum_max" v-model="newForm.goodsNum" placeholder="如：1"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width:60%" label="仓库：" prop="storeId">
                            <el-select disabled v-model="newForm.storeId"
                                       placeholder="请选择仓库"
                                       filterable
                                       clearable>
                                <el-option
                                        v-for="item in options_store"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="出库日期：" prop="createTime">
                            <el-date-picker
                                    size="mini"
                                    style="width: 140px"
                                    value-format="yyyy-MM-dd"
                                    v-model="newForm.createTime"
                                    type="date"
                                    placeholder="出库日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="备注：">
                            <el-input type="textarea" v-model="newForm.info" placeholder="如：某商品因什么原因出库"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item>
                    <el-button type="primary" @click="submitNewForm('newForm')">出库</el-button>
                    <el-button @click="saveCancel('newForm')"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--商品过期/下架列表显示-->
        <el-dialog
                :fullscreen="true"
                :visible.sync="visable2">
            <div class="searchForm">
                <div class="column">
                    <span>商品名：</span>
                    <el-input style="height: 21px;width: 300px" placeholder="请输入商品名" v-model="searchForm1.name"/>
                </div>
                <div class="column">
                    <span>类型：</span>
                    <el-select style="width: 120px"
                               v-model="searchForm1.state"
                               @change="$forceUpdate()"
                               placeholder="请选择类型" clearable>
                        <el-option label="过期" value="1"></el-option>
                        <el-option label="下架" value="2"></el-option>
                    </el-select>
                </div>
                <div class="column">
                    <el-button type="success" @click="submitSearchForm1">搜索</el-button>
                    <el-button type="primary" @click="visable2=false"> 关闭</el-button>
                </div>
            </div>
            <div class="table">
                <el-table
                        :data="tableData1"
                        style="width: 100%;"
                        size="medium">
                    <el-table-column
                            width="200"
                            type="index"
                            label="序号">
                    </el-table-column>
                    <el-table-column
                            prop="coverUrl"
                            label="封面">
                        <template v-slot="scope">
                            <img height="60px" :src="scope.row.coverUrl">
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="goodsName"
                            label="商品名">
                    </el-table-column>
                    <el-table-column
                            prop="storeName"
                            label="仓库">
                    </el-table-column>
                    <el-table-column
                            prop="untreatedNum"
                            label="处理数量">
                    </el-table-column>
                    <el-table-column
                            prop="state"
                            label="类型">
                        <template v-slot="scope">
                            <el-tag type="warning" v-if="scope.row.state=='1'">过期</el-tag>
                            <el-tag type="danger" v-if="scope.row.state=='2'">下架</el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="createTime"
                            label="通知时间">
                    </el-table-column>
                    <el-table-column
                            width="100px"
                            label="操作">
                        <template v-slot="scope">
                            <el-button type="warning"
                                       @click="outUntreatedBtn(scope.row)" plain>处理
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="margin: 10px 0 15px 0;">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page.sync="searchForm1.currentPage"
                            :page-sizes="[5, 10, 20, 50]"
                            :page-size="searchForm1.pageSize"
                            layout="total,sizes, prev, pager, next,jumper"
                            :total="searchForm1.total">
                    </el-pagination>
                </div>
            </div>
        </el-dialog>
        <!--处理表单填写-->
        <el-dialog
                title="过期/下架商品处理表单"
                :visible.sync="visable3"
                width="50%">
            <el-form v-if="" :model="outUntreatedForm" :rules="rules" ref="outUntreatedForm" label-width="100px"
                     class="demo-ruleForm">
                <el-row>
                    <el-col :span="24">
                        <el-form-item style="width: 60%">
                            <img height="200px" :src="outUntreatedForm.coverUrl" alt="商品图片"/>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item style="width: 60%" label="商品名称:">
                            <el-input readonly v-model="outUntreatedForm.goodsName" placeholder="商品名称"/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item style="width: 60%" label="商品数量:" prop="untreatedNum">
                            <el-input
                                    @change="()=>{
                                        if (outUntreatedForm.untreatedNum<=0){
                                            outUntreatedForm.untreatedNum=1
                                        }
                                        if (outUntreatedForm.untreatedNum>untreatedNum){
                                            outUntreatedForm.untreatedNum=untreatedNum
                                        }
                                    }"
                                    :placeholder="'如：'+untreatedNum"
                                    type="number" min="1" :max="untreatedNum" v-model="outUntreatedForm.untreatedNum"/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item style="width: 60%" label="仓库:">
                            <el-input readonly v-model="outUntreatedForm.storeName" placeholder="仓库"/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item style="width: 40%" label="类型:">
                            <el-select disabled
                                       v-model="outUntreatedForm.state"
                                       @change="$forceUpdate()"
                                       placeholder="请选择类型" clearable>
                                <el-option label="过期" value="1"></el-option>
                                <el-option label="下架" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item style="width: 60%">
                            <el-button type="success" @click="submitOutUntreatedForm('outUntreatedForm')">处理</el-button>
                            <el-button type="primary" @click="closeOutUntreatedForm('outUntreatedForm')"> 关闭</el-button>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
    import {popup} from "@/assets/js/common";
    import {
        queryPageNoticeOut_shelves,
        queryPageNoticeOut_untreated, resolveOutUntreatedForm,
        saveOut_shelves
    } from "@/api/inventory_management/notice/noticeApi";
    import {
        changeOutGoods,
        changeOutStore,
        initOutOptions, queryOutGoods, saveOut
    } from "@/api/inventory_management/detail_store_goods/detail_store_goodsApi";
    export default {
        data() {
            return {
                visable1: false,
                visable2: false,
                visable3: false,
                untreatedNum: '',
                outUntreatedForm: {},
                goodsOutVisable: false,
                newVisable: false,
                selectGoodsVisable: true,
                selectGoods: {},
                options_goods: [],
                options_store: [],
                /*表格*/
                tableData: [],
                searchForm: {
                    total: 0,
                    currentPage: 1,
                    pageSize: 5,
                    state: '0'
                },
                searchForm1: {
                    total: 0,
                    currentPage: 1,
                    pageSize: 5,
                },
                tableData1: [],
                newForm: {
                    goodsId: '',
                    goodsNum: '',
                    goodsName: '',
                    info: '',
                    createTime: '',
                    storeId: '',
                    state: ''
                },
                rules: {
                    goodsId: [
                        {required: true, message: '商品编号不能为空', trigger: 'blur'},
                    ],
                    storeId: [
                        {required: true, message: '仓库编号不能为空', trigger: 'blur'},
                    ],
                    state: [
                        {required: true, message: '类型不能为空', trigger: 'blur'},
                    ],
                    goodsNum: [
                        {required: true, message: '出库数量不能为空', trigger: 'blur'},
                    ],
                    untreatedNum:[
                        {required: true, message: '处理数量不能为空', trigger: 'blur'},
                    ],
                    createTime: [
                        {required: true, message: '出库日期不能为空', trigger: 'blur'},
                    ]
                },
            }
        },
        methods: {
            outGoodsBtn() {
                this.init()
                this.visable1 = true
            },
            closeOutUntreatedForm(formName) {
                this.$refs[formName].resetFields()
                this.visable3 = false
                this.outUntreatedForm = {}
            },
            outGoodsBtn1(row) {
                this.selectGoods.goodsId = row.id
                var flag = false;
                for (var item of this.options_goods) {
                    if (item.id == this.selectGoods.goodsId) {
                        flag = true;
                    }
                }
                if (!flag) {
                    popup("库存中没有该商品的库存", "error")
                    return;
                }
                changeOutGoods({gid: this.selectGoods.goodsId}).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.options_store = res.data
                    }
                })
                this.goodsOutVisable = true
                this.selectGoodsVisable = true
                this.newVisable = false
                this.selectGoods.state = '0'
                this.goodsNum_max = row.goodsNum
                this.newForm = {
                    goodsId: '',
                    goodsNum: row.goodsNum,
                    goodsName: '',
                    info: '',
                    createTime: '',
                    storeId: '',
                    state: ''
                }
            },
            outUntreatedBtn(param) {
                this.outUntreatedForm = {...param}
                this.untreatedNum = param.untreatedNum
                this.visable3 = true
            },
            submitOutUntreatedForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        resolveOutUntreatedForm(this.outUntreatedForm).then(res => {
                                res = res.data
                                if (res.code == 200) {
                                    popup("处理成功")
                                    this.visable3 = false
                                    this.outUntreatedForm = {}
                                    this.init1()
                                } else {
                                    popup(res.msg, "error")
                                }
                            }
                        )
                    }
                })
            },
            outUntreated() {
                this.init1()
                this.visable2 = true
            },
            changeGoods() {
                this.$forceUpdate()
                changeOutGoods({gid: this.selectGoods.goodsId}).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.options_store = res.data
                    }
                })
            },
            initOptions() {
                initOutOptions().then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.options_goods = res.data.goods
                        this.options_store = res.data.stores
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            init() {
                queryPageNoticeOut_shelves(this.searchForm).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.tableData = res.data.records
                        this.searchForm.total = res.data.total
                        this.searchForm.pageSize = res.data.size
                        this.searchForm.currentPage = res.data.current
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            /*分页*/
            handleSizeChange(val) {
                this.searchForm.pageSize = val
                this.init()
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                this.searchForm.currentPage = val
                this.init()
                console.log(`当前页: ${val}`);
            },
            submitSearchForm() {
                this.init()
            },
            /*过期、下架分页*/
            init1() {
                queryPageNoticeOut_untreated(this.searchForm1).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        this.tableData1 = res.data.records
                        this.searchForm1.total = res.data.total
                        this.searchForm1.pageSize = res.data.size
                        this.searchForm1.currentPage = res.data.current
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            handleSizeChange1(val) {
                this.searchForm1.pageSize = val
                this.init1()
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange1(val) {
                this.searchForm1.currentPage = val
                this.init1()
                console.log(`当前页: ${val}`);
            },
            submitSearchForm1() {
                this.init1()
            },
            selectedGoods(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        queryOutGoods(this.selectGoods).then(res => {
                            res = res.data
                            if (res.code == 200) {
                                this.selectGoodsVisable = false
                                this.newVisable = true
                                this.newForm.goodsName = res.data.goodsName
                                this.newForm.state = this.selectGoods.state
                                this.newForm.storeId = this.selectGoods.storeId
                                this.newForm.goodsId = this.selectGoods.goodsId
                                // this.selectGoods = {}
                            } else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                })
            },
            closeSelectedGoods(formName) {
                this.$refs[formName].resetFields()
                this.selectGoods = {}
                this.goodsOutVisable = false
            },
            submitNewForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        saveOut_shelves(this.newForm).then(res => {
                            res = res.data
                            if (res.code == 200) {
                                popup("出库成功")
                                this.searchForm.state1 = '0'
                                this.goodsOutVisable = false
                                this.selectGoods = {}
                                this.init()
                            } else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                })
            },
            saveCancel(formName) {
                this.$refs[formName].resetFields()
                this.newVisable = false
                this.selectGoodsVisable = true
            }
        },
        mounted() {
            this.initOptions()
        }
    }
 </script>
 <style>
    #detail_store_goods_in .noticeOut {
        height: 660px;
        background-color: #bfdcf6;
    }
    #detail_store_goods_in .noticeOut h1, .btns {
        width: 100%;
    }
    .searchForm {
        height: 134px;
    }
    .table {
        height: 320px;
    }
    .pageUtils {
        position: absolute;
        width: 84%;
        margin: 2px auto;
        height: 43px;
    }
    .searchForm {
        display: inline-block;
        margin: 0 auto;
        height: 51px;
        line-height: 51px;
    }
    .searchForm .column {
        display: inline-block;
        margin: 0 auto;
        margin-right: 2px;
        line-height: 48px;
        height: 51px;
    }
 </style>
--- a/src/views/inventory_management/store/List.vue
+++ b/src/views/inventory_management/store/List.vue
@ -0,0 +1,265 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>库存管理 </el-breadcrumb-item>
            <el-breadcrumb-item>仓库管理</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left;padding-right: 10px;">
                <el-input placeholder="仓库名称" v-model="searchForm.name"/>
            </el-col>
            <el-col :span="8">
                <el-select v-model="searchForm.state" placeholder="请选择状态" clearable>
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="停用" value="-1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="subSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newVisable = true"
                >
                    创建仓库
                </el-button>
            </el-col>
        </el-row>
        <br />
        <el-table
                :data="tableData"
                style="width: 100%">
            <el-table-column
                    type="index"
                    label="序号"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="名称"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="地址"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="描述">
            </el-table-column>
            <el-table-column
                    prop="state"
                    label="状态">
                <template v-slot="scope">
                    <el-tag v-if="scope.row.state=='0'" type="success">正常</el-tag>
                    <el-tag v-else type="danger">停用</el-tag>
                </template>
            </el-table-column>
            <el-table-column width="260" fixed="right"
                    label="操作">
                <template v-slot="scope">
                    <el-button type="success"   @click="editStore(scope.row)">
                         修改
                    </el-button>
                    <el-button    type="danger" @click="forbidden(scope.row.id)">
                         停用
                    </el-button>
                </template>
            </el-table-column>
        </el-table>
        <!--修改仓库弹出框-->
        <el-dialog
                title="仓库信息修改"
                :visible.sync="dialogVisible"
                width="50%">
            <el-form v-model="editForm" label-width="100px" class="demo-ruleForm">
                <el-form-item label="名称：">
                    <el-input v-model="editForm.name"></el-input>
                </el-form-item>
                <el-form-item label="地址：">
                    <el-input type="text" v-model="editForm.address"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="text" v-model="editForm.info"></el-input>
                </el-form-item>
                <el-form-item label="状态：">
                    <el-select v-model="editForm.state"
                               clearable
                               @change="$forceUpdate()"
                               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>
                    <el-button type="primary" @click="submitEditForm"  >
                         提交
                    </el-button>
                    <el-button @click="editCancel"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--创建仓库弹出框-->
        <el-dialog
                title="创建仓库"
                :visible.sync="newVisable"
                width="50%">
            <el-form :model="newForm" :rules="rules" ref="newForm" label-width="100px" class="demo-ruleForm">
                <el-form-item label="名称：" prop="name">
                    <el-input v-model="newForm.name"></el-input>
                </el-form-item>
                <el-form-item label="地址：" prop="address">
                    <el-input type="text" v-model="newForm.address"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="text" v-model="newForm.info"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="submitNewForm('newForm')"  >
                         提交</el-button>
                    <el-button @click="saveCancel"  > 取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
    import {deactivate, save, storeList, update} from "@/api/inventory_management/store/storeApi";
    import {popup} from "@/assets/js/common";
    export default {
        data() {
            return {
                tableData: [],
                newStoreVisable: false,
                dialogVisible: false,
                editForm: {},
                searchForm:{},
                newVisable: false,
                newForm:{},
                options: [
                    {label: '正常', value: '0'},
                    {label: '停用', value: '-1'}
                ],
                rules: {
                    name:[
                        {required: true, message: '名称不能为空', trigger: 'blur'},
                    ],
                    address:[
                        {required: true, message: '地名不能为空', trigger: 'blur'},
                    ],
                }
            }
        },
        methods: {
            subSearchForm(){
                this.init()
            },
            init() {
                storeList(this.searchForm).then(res => {
                    if (res.data.code == 200) {
                        this.tableData = res.data.data
                    } else {
                        popup(res.data.msg, "error")
                    }
                })
            },
            editStore(row) {
                this.editForm = {...row}
                this.dialogVisible = true
            },
            forbidden(sid) {
                deactivate(sid).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        popup("操作成功")
                    } else {
                        popup(res.msg, "error")
                    }
                    this.init()
                })
            },
            submitEditForm() {
                update(this.editForm).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        popup("操作成功")
                        this.init()
                        this.dialogVisible=false
                    } else {
                        popup(res.msg, "error")
                    }
                })
            },
            editCancel() {
                this.dialogVisible = false
                this.editForm = {}
                popup("已取消操作", "info")
            },
            submitNewForm(formName){
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        save(this.newForm).then(res=>{
                            res=res.data
                            if (res.code==200){
                                popup("操作成功")
                                this.newForm={}
                                this.newVisable=false
                                this.init()
                            }else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                });
            },
            saveCancel(){
                this.newVisable=false
                this.$refs["newForm"].resetFields()
            }
        },
        mounted() {
            this.init()
        }
    }
 </script>
 <style>
    .search {
        display: inline-block;
        margin: 0 auto;
        height: 51px;
        line-height: 51px;
    }
    .search .column {
        display: inline-block;
        margin: 0 auto;
        margin-right: 2px;
        line-height: 48px;
        height: 51px;
    }
 </style>
--- a/src/views/inventory_management/store/StorageSituation.vue
+++ b/src/views/inventory_management/store/StorageSituation.vue
@ -0,0 +1,316 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>库存管理 </el-breadcrumb-item>
            <el-breadcrumb-item>库存统计</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8">
                <el-input placeholder="仓库名称" v-model="searchForm.name" />
            </el-col>
            <el-col :span="16">
                <i class="iconfont icon-r-add" style="font-size: 28px">
                    <b>
                        总存储量：<span style="color: #fc4316"
                            >{{ totalStoreNum ? totalStoreNum : 0 }}件</span
                        >
                    </b>
                </i>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" width="200" label="序号">
                </el-table-column>
                <el-table-column
                    prop="storeName"
                    :show-overflow-tooltip="true"
                    label="仓库名"
                >
                </el-table-column>
                <el-table-column
                    prop="residueNum"
                    :show-overflow-tooltip="true"
                    label="存货数量"
                >
                </el-table-column>
                <el-table-column label="操作">
                    <template v-slot="scope">
                        <el-button
                            type="primary"
                            @click="detailStoreBtn(scope.row)"
                        >
                             存储明细</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <el-dialog
            title="仓库存储明细"
            :visible.sync="detailStoreVisible"
            width="95%"
            height="100%"
        >
            <el-row>
                <el-col :span="8" style="text-align: right;">
                    <el-select
                        v-model="searchDetailForm.id"
                        placeholder="请选择商品"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option
                            v-for="item in options_storeGoods"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-col>
                <el-col :span="8">
                    <el-button type="success" @click="submitDetailSearchForm"  
                        >
                         搜索</el-button
                    >
                    <el-button @click="closeDetailStoreVisible"  
                        >
                         关闭</el-button
                    >
                </el-col>
                <el-col :span="8">
                <i class="iconfont icon-r-add" style="font-size: 28px">
                    <b>
                        总存储量：<span style="color: #fc4316"
                            >{{ totalStoreNum1 ? totalStoreNum1 : 0 }}件</span
                        >
                    </b>
                </i>
                </el-col>
            </el-row>
            <br>
            <div class="table" style="overflow: auto;height: 300px;">
                <el-table :data="tableData1" style="width: 100%" size="medium" >
                    <el-table-column type="index" width="200" label="序号">
                    </el-table-column>
                    <el-table-column
                        prop="goodsName"
                        :show-overflow-tooltip="true"
                        label="商品名"
                    >
                    </el-table-column>
                    <el-table-column
                        prop="residueNum"
                        :show-overflow-tooltip="true"
                        label="商品数量"
                    >
                    </el-table-column>
                    <el-table-column
                        prop="percentage"
                        :show-overflow-tooltip="true"
                        label="占总存储量"
                    >
                        <template v-slot="scope">
                            <el-progress
                                type="circle"
                                width="70"
                                :percentage="scope.row.percentage"
                                :color="customColorMethod"
                            ></el-progress>
                        </template>
                    </el-table-column>
                </el-table>
                <div style="margin: 10px 0 15px 0">
                    <el-pagination
                        @size-change="handleSizeChange1"
                        @current-change="handleCurrentChange1"
                        :current-page.sync="searchDetailForm.currentPage"
                        :page-sizes="[5, 10, 20, 50]"
                        :page-size="searchDetailForm.pageSize"
                        layout="total,sizes, prev, pager, next,jumper"
                        :total="searchDetailForm.total"
                    >
                    </el-pagination>
                </div>
            </div>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    queryPageByQo,
    queryStoreGoodsByStoreId,
 } from "@/api/inventory_management/storage_situation/storageSituationApi";
 export default {
    data() {
        return {
            /*表格*/
            tableData: [],
            tableData1: [],
            totalStoreNum: "",
            totalStoreNum1: "",
            searchForm: {
                total: 0,
                currentPage: 1,
                pageSize: 5,
            },
            searchDetailForm: {
                total: 0,
                currentPage: 1,
                pageSize: 10,
            },
            options_storeGoods: [],
            detailStoreVisible: false,
        };
    },
    methods: {
        init() {
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.totalStoreNum = res.data.totalStoreNum;
                    this.tableData = res.data.page.records;
                    this.searchForm.total = res.data.page.total;
                    this.searchForm.pageSize = res.data.page.size;
                    this.searchForm.currentPage = res.data.page.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        init1() {
            queryStoreGoodsByStoreId(this.searchDetailForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_storeGoods = res.data.optionsStoreGoods;
                    this.totalStoreNum1 = res.data.totalStoreNum1;
                    this.tableData1 = res.data.vos.records;
                    this.searchDetailForm.total = res.data.vos.total;
                    this.searchDetailForm.pageSize = res.data.vos.size;
                    this.searchDetailForm.currentPage = res.data.vos.current;
                    this.detailStoreVisible = true;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        detailStoreBtn(row) {
            this.options_storeGoods = [];
            this.totalStoreNum1 = "";
            this.searchDetailForm.storeId = row.storeId;
            this.init1();
        },
        handleSizeChange1(val) {
            this.searchDetailForm.pageSize = val;
            this.init1();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange1(val) {
            this.searchDetailForm.currentPage = val;
            this.init1();
            console.log(`当前页: ${val}`);
        },
        submitDetailSearchForm() {
            this.init1();
        },
        customColorMethod(percentage) {
            if (percentage < 30) {
                return "#f56c6c";
            } else if (percentage < 70) {
                return "#e6a23c";
            } else {
                return "#67c23a";
            }
        },
        closeDetailStoreVisible() {
            this.searchDetailForm = {
                total: 0,
                currentPage: 1,
                pageSize: 10,
            };
            this.detailStoreVisible = false;
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/inventory_management/supplier/List.vue
+++ b/src/views/inventory_management/supplier/List.vue
@ -0,0 +1,405 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>库存管理 </el-breadcrumb-item>
            <el-breadcrumb-item>供货商信息</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="供货商名称" v-model="searchForm.name" />
            </el-col>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="地址" v-model="searchForm.address" />
            </el-col>
            <el-col :span="8">
                <el-input placeholder="描述" v-model="searchForm.info" />
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="subSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newVisable = true"
                >
                    创建供货商
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column type="index" width="200" label="序号">
                </el-table-column>
                <el-table-column
                    prop="name"
                    :show-overflow-tooltip="true"
                    label="名称"
                >
                </el-table-column>
                <el-table-column
                    prop="address"
                    :show-overflow-tooltip="true"
                    label="地址"
                >
                </el-table-column>
                <el-table-column
                    prop="tel"
                    :show-overflow-tooltip="true"
                    label="联系电话"
                >
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="备注"
                >
                </el-table-column>
                <el-table-column width="260" fixed="right" label="操作">
                    <template v-slot="scope">
                        <el-button
                            type="warning"
                            @click="editBtn(scope.row.cn)"
                        >
                            修改</el-button
                        >
                        <el-button
                            type="danger"
                            @click="delBtn(scope.row.cn)"
                        >
                            删除</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--创建弹出框-->
        <el-dialog
            title="创建供货商信息"
            :visible.sync="newVisable"
            width="50%"
        >
            <el-form
                :model="newForm"
                :rules="rules"
                ref="newForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：" prop="name">
                    <el-input
                        v-model="newForm.name"
                        placeholder="供应商名称"
                    ></el-input>
                </el-form-item>
                <el-form-item label="地址：" prop="address">
                    <el-input
                        type="text"
                        v-model="newForm.address"
                        placeholder="供应商地址"
                    ></el-input>
                </el-form-item>
                <el-form-item label="电话：" prop="tel">
                    <el-input
                        type="text"
                        v-model="newForm.tel"
                        placeholder="联系电话"
                    ></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="textarea"
                        v-model="newForm.info"
                        placeholder="供应商的简单描述"
                    ></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitNewForm('newForm')"
                    >
                        提交</el-button
                    >
                    <el-button
                        @click="
                            () => {
                                this.$refs['newForm'].resetFields();
                                newForm = {};
                                newVisable = false;
                            }
                        "
                        > 关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--修改弹出框-->
        <el-dialog
            title="修改供货商信息"
            :visible.sync="editVisable"
            width="50%"
        >
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：" prop="name">
                    <el-input
                        v-model="editForm.name"
                        placeholder="供应商名称"
                    ></el-input>
                </el-form-item>
                <el-form-item label="地址：" prop="address">
                    <el-input
                        type="text"
                        v-model="editForm.address"
                        placeholder="供应商地址"
                    ></el-input>
                </el-form-item>
                <el-form-item label="电话：" prop="tel">
                    <el-input
                        type="text"
                        v-model="editForm.tel"
                        placeholder="联系电话"
                    ></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="textarea"
                        v-model="editForm.info"
                        placeholder="供应商的简单描述"
                    ></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                    >
                        提交</el-button
                    >
                    <el-button
                        @click="
                            () => {
                                this.$refs['editForm'].resetFields();
                                editForm = {};
                                editVisable = false;
                            }
                        "
                        > 关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    delSupplier,
    queryByCn,
    queryPageSupplier,
    saveSupplier,
    updateSupplier,
 } from "@/api/inventory_management/supplier/supplierApi";
 export default {
    data() {
        return {
            tableData: [],
            editVisable: false,
            editForm: {},
            searchForm: {
                pageSize: 5,
            },
            newVisable: false,
            newForm: {},
            rules: {
                name: [
                    {
                        required: true,
                        message: "供货商名称不能为空",
                        trigger: "blur",
                    },
                ],
                address: [
                    {
                        required: true,
                        message: "供货商地址不能为空",
                        trigger: "blur",
                    },
                ],
                tel: [
                    {
                        required: true,
                        message: "供货商联系电话不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        subSearchForm() {
            this.init();
        },
        init() {
            queryPageSupplier(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    saveSupplier(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("添加成功");
                            this.newVisable = false;
                            this.newForm = {};
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        delBtn(cn) {
            this.$confirm("确定要删除这条记录" + "？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delSupplier({ cn: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("删除成功");
                            this.init();
                        } else {
                            popup(res.msg, "warning");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        editBtn(cn) {
            queryByCn({ cn: cn }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.editForm = { ...res.data };
                    this.editVisable = true;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    updateSupplier(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("修改成功");
                            this.editVisable = false;
                            this.editForm = {};
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .search {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .search .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/member_management/member/List.vue
+++ b/src/views/member_management/member/List.vue
@ -0,0 +1,632 @@
 <template>
    <div id="employee_index">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>会员管理</el-breadcrumb-item>
            <el-breadcrumb-item>会员信息</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="姓名" v-model="searchForm.name" />
            </el-col>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="手机号码" v-model="searchForm.phone" />
            </el-col>
            <el-col :span="8">
                <el-select
                    v-model="searchForm.state"
                    @change="$forceUpdate()"
                    placeholder="状态"
                    clearable
                >
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="删除" value="1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newVisable = true"
                >
                    录入会员
                </el-button>
            </el-col>
        </el-row>
        <br />
        <!--表格数据-->
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column prop="phone" label="手机号"> </el-table-column>
                <el-table-column prop="name" label="姓名"> </el-table-column>
                <el-table-column
                    prop="email"
                    :show-overflow-tooltip="true"
                    label="邮箱"
                >
                </el-table-column>
                <el-table-column prop="integral" label="积分">
                </el-table-column>
                <el-table-column prop="state" label="状态">
                    <template v-slot="scope">
                        <el-tag v-if="scope.row.state == '0'" type="success"
                            >正常</el-tag
                        >
                        <el-tag v-else type="danger">删除</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="备注"
                >
                </el-table-column>
                <el-table-column label="操作" width="420" fixed="right">
                    <template v-slot="scope">
                        <el-button
                            v-if="scope.row.state == '0'"
                            type="warning"
                            @click="exchangeProductsBtn(scope.row.id)"
                        >
                            兑换积分
                        </el-button>
                        <el-button
                            type="success"
                            @click="editBtn(scope.row.id)"
                        >
                            修改</el-button
                        >
                        <el-button
                            type="danger"
                            @click="delBtn(scope.row.id)"
                        >
                            删除</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <!--录入-->
        <el-dialog
            title="录入会员"
            :visible.sync="newVisable"
            label-width="200"
            width="50%"
        >
            <el-form
                :model="newForm"
                :rules="rules"
                ref="newForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="号码：" prop="phone">
                    <el-input
                        max="11"
                        placeholder="请输入手机号"
                        v-model="newForm.phone"
                    ></el-input>
                </el-form-item>
                <el-form-item label="姓名：" prop="name">
                    <el-input
                        v-model="newForm.name"
                        placeholder="请输入姓名"
                    ></el-input>
                </el-form-item>
                <el-form-item label="邮箱：">
                    <el-input
                        v-model="newForm.email"
                        placeholder="如：xxx@qq.com"
                    ></el-input>
                </el-form-item>
                <el-form-item label="备注：">
                    <el-input
                        type="textarea"
                        v-model="newForm.info"
                        placeholder="如：新会员"
                    ></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitNewForm('newForm')"
                    >
                        提交</el-button
                    >
                    <el-button
                        @click="saveCancel('newForm')"
                    >
                        取消</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--修改-->
        <el-dialog
            title="修改会员"
            :visible.sync="editVisable"
            size="mini"
            label-width="200"
            width="50%"
        >
            <el-form
                :model="editForm"
                :rules="rules"
                ref="editForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="号码：" prop="phone">
                    <el-input
                        max="11"
                        placeholder="请输入手机号"
                        v-model="editForm.phone"
                    ></el-input>
                </el-form-item>
                <el-form-item label="姓名：" prop="name">
                    <el-input
                        v-model="editForm.name"
                        placeholder="请输入姓名"
                    ></el-input>
                </el-form-item>
                <el-form-item label="邮箱：">
                    <el-input
                        v-model="editForm.email"
                        placeholder="如：xxx@qq.com"
                    ></el-input>
                </el-form-item>
                <el-form-item label="积分：">
                    <el-input
                        v-model="editForm.integral"
                        placeholder="如：10"
                    ></el-input>
                </el-form-item>
                <el-form-item label="备注：">
                    <el-input
                        type="textarea"
                        v-model="editForm.info"
                        placeholder="如：新会员"
                    ></el-input>
                </el-form-item>
                <el-form-item label="状态：" prop="state">
                    <el-select
                        v-model="editForm.state"
                        placeholder="请选择状态"
                        filterable
                        @change="$forceUpdate()"
                        clearable
                    >
                        <el-option label="正常" value="0"></el-option>
                        <el-option label="删除" value="1"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitEditForm('editForm')"
                    >
                        提交</el-button
                    >
                    <el-button
                        type="info"
                        @click="resetEditForm('editForm')"
                    >
                        关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--积分商品-->
        <el-dialog
            title="兑换积分商品"
            :visible.sync="pointProductsVisable"
            label-width="200"
            width="40%"
        >
            <el-form
                :model="pointProductsForm"
                :rules="rules"
                ref="pointProductsForm"
                class="demo-ruleForm"
            >
                <el-form-item v-if="pointProductsForm.goodsId">
                    <img
                        width="100px"
                        :src="BaseApi + pointProductsForm.coverUrl"
                        alt="商品图片"
                    />
                </el-form-item>
                <el-form-item label="积分商品：" prop="goodsId">
                    <el-select
                        @change="
                            queryPointProductByGoodsId(
                                pointProductsForm.goodsId
                            )
                        "
                        v-model="pointProductsForm.goodsId"
                        placeholder="请选择积分商品"
                        filterable
                        clearable
                    >
                        <el-option
                            v-for="item in options_pointProducts"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item
                    v-if="pointProductsForm.goodsId"
                    label="所需积分："
                >
                    <el-input
                        disabled
                        type="number"
                        v-model="pointProductsForm.integral"
                        placeholder="所需积分"
                    />
                </el-form-item>
                <el-form-item>
                    <el-button
                        v-if="pointProductsForm.goodsId"
                        type="warning"
                        @click="submitPointProductsForm('pointProductsForm')"
                    >
                        兑换
                    </el-button>
                    <el-button
                        type="info"
                        @click="closePointProductsForm"
                    >
                        关闭</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    delMember,
    queryPageByQo,
    save,
    update,
    queryMemberById,
 } from "@/api/member_management/member/memberApi";
 import {
    queryPointProductByGoodsId,
    queryPointProductBymemberId,
    saveExchangePointProductRecords,
 } from "@/api/sale_management/exchange_point_products/exchangePointProductsApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            newVisable: false,
            editVisable: false,
            searchForm: {
                pageSize: 5,
            },
            tableData: [],
            newForm: {},
            editForm: {},
            rules: {
                name: [
                    {
                        required: true,
                        message: "名称不能为空",
                        trigger: "blur",
                    },
                ],
                phone: [
                    {
                        required: true,
                        message: "手机号不能为空",
                        trigger: "blur",
                    },
                ],
                state: [
                    {
                        required: true,
                        message: "状态不能为空",
                        trigger: "blur",
                    },
                ],
                goodsId: [
                    {
                        required: true,
                        message: "商品不能为空",
                        trigger: "blur",
                    },
                ],
            },
            options_pointProducts: [],
            pointProductsForm: {
                goodsId: "",
                coverUrl: "",
                integral: "",
            },
            pointProductsVisable: false,
        };
    },
    methods: {
        init() {
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    console.log(res.data);
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
        saveCancel(formName) {
            this.newForm = {};
            this.$refs[formName].resetFields();
            this.newVisable = false;
        },
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    save(this.newForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.newForm = {};
                            this.newVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        editBtn(id) {
            queryMemberById({ id: id }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.editForm = { ...res.data };
                    this.editVisable = true;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitEditForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    update(this.editForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.editForm = {};
                            this.editVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        resetEditForm(formName) {
            this.editForm = {};
            this.$refs[formName].resetFields();
            this.editVisable = false;
        },
        delBtn(id) {
            this.$confirm("确定删除该会员？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delMember({ id: id }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.searchForm.state = "0";
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        /*兑换积分商品*/
        exchangeProductsBtn(id) {
            (this.pointProductsForm = {
                memberId: this.pointProductsForm.memberId,
                goodsId: "",
                coverUrl: "",
                integral: "",
            }),
                queryPointProductBymemberId({ memberId: id }).then((res) => {
                    res = res.data;
                    if (res.code == 200) {
                        this.options_pointProducts = res.data;
                        if (!this.options_pointProducts.length) {
                            popup("该会员积分数无法兑换任何商品", "warning");
                            return;
                        }
                        this.pointProductsForm.memberId = id;
                        this.pointProductsVisable = true;
                    } else {
                        popup(res.msg, "error");
                    }
                });
        },
        submitPointProductsForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    saveExchangePointProductRecords(
                        this.pointProductsForm
                    ).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("兑换成功");
                            this.pointProductsForm = {};
                            this.pointProductsVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        closePointProductsForm() {
            this.options_pointProducts = [];
            this.pointProductsForm = {};
            this.pointProductsVisable = false;
        },
        queryPointProductByGoodsId(goodsId) {
            queryPointProductByGoodsId({ goodsId: goodsId }).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    if (!res.data) {
                        this.pointProductsForm = {
                            memberId: this.pointProductsForm.memberId,
                            goodsId: "",
                            coverUrl: "",
                            integral: "",
                        };
                        return;
                    }
                    this.pointProductsForm.integral = res.data.integral;
                    this.pointProductsForm.coverUrl = res.data.coverUrl;
                } else {
                    popup(res.msg, "error");
                    this.pointProductsForm.goodsId = "";
                }
            });
        },
    },
    mounted() {
        /*初始化表格数据*/
        this.searchForm.state = "0";
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
 }
 .avatar-uploader .el-upload:hover {
    border-color: #409eff;
 }
 .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
 }
 .avatar {
    width: 178px;
    height: 178px;
    display: block;
 }
 </style>
--- a/src/views/personal/Edit_pwd.vue
+++ b/src/views/personal/Edit_pwd.vue
@ -0,0 +1,154 @@
 <!--
 * @Description: 
 * @Author: 
 * @Date: 09-07 20:58:35
 -->
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>个人中心 </el-breadcrumb-item>
            <el-breadcrumb-item>密码修改</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <div id="edit_pwd">
            <el-form
                :model="pwdForm"
                :rules="rules"
                ref="pwdForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <i class="iconfont icon-r-lock" style="font-size: 32px">
                    <b style="font-size: 28px">密码修改</b></i
                >
                <br />
                <br />
                <el-form-item label="账号">
                    <el-input disabled v-model="pwdForm.username"></el-input>
                </el-form-item>
                <el-form-item label="旧密码" prop="oldPwd">
                    <el-input
                        type="password"
                        v-model="pwdForm.oldPwd"
                    ></el-input>
                </el-form-item>
                <el-form-item label="新密码" prop="newPwd">
                    <el-input
                        type="password"
                        v-model="pwdForm.newPwd"
                    ></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitForm('pwdForm')"
                    >
                         确定</el-button
                    >
                    <el-button
                        @click="resetForm('pwdForm')"
                    >
                         重置</el-button
                    >
                </el-form-item>
            </el-form>
        </div>
    </div>
 </template>
 <script>
 import { loginEmp, removeToken } from "@/assets/js/auth";
 import Cookies from "js-cookie";
 import { ajaxPost, popup } from "@/assets/js/common";
 export default {
    data() {
        return {
            pwdForm: {},
            rules: {
                newPwd: [
                    {
                        required: true,
                        message: "新密码不能为空",
                        trigger: "blur",
                    },
                    {
                        min: 6,
                        max: 8,
                        message: "新密码长度为6-8位",
                        trigger: "blur",
                    },
                ],
                oldPwd: [
                    {
                        required: true,
                        message: "旧密码不能为空",
                        trigger: "blur",
                    },
                    {
                        min: 6,
                        max: 8,
                        message: "旧密码长度为6-8位",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        init() {
            this.pwdForm.username = loginEmp().username;
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        },
        submitForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    this.$confirm("确定修改密码?", "警示", {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning",
                    })
                        .then(() => {
                            ajaxPost("/personal/edit_pwd", this.pwdForm).then(
                                (res) => {
                                    res = res.data;
                                    if (res.code == 200) {
                                        popup("密码修改成功,请重新登录...");
                                        this.pwdForm = {
                                            username: this.pwdForm.username,
                                        };
                                        Cookies.remove("employee");
                                        removeToken();
                                        this.$router.push("/");
                                    } else {
                                        popup(res.msg, "error");
                                    }
                                }
                            );
                        })
                        .catch(() => {
                            this.$message({
                                type: "info",
                                message: "已取消操作",
                            });
                        });
                }
            });
        },
    },
    created() {
        this.init();
    },
 };
 </script>
 <style>
 #edit_pwd {
    width: 50%;
    margin: 50px auto;
    background-color: #ffffff;
    padding: 20px;
 }
 </style>
--- a/src/views/personal/Information.vue
+++ b/src/views/personal/Information.vue
@ -0,0 +1,275 @@
 <template>
    <div id="information">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>个人中心 </el-breadcrumb-item>
            <el-breadcrumb-item>个人资料</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <i class="iconfont icon-r-paper" style="font-size: 32px">
            <b style="font-size: 28px">完善个人资料</b></i
        >
        <br />
        <br />
        <el-form
            :model="informationForm"
            :rules="rules"
            ref="informationForm"
            label-width="100px"
            class="demo-ruleForm"
        >
            <el-row>
                <el-col :span="12">
                    <el-form-item style="width: 40%">
                        <el-upload
                            class="avatar-uploader"
                            action="http://localhost:9291/personnel_management/employee/uploadImg"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess"
                            :before-upload="beforeAvatarUpload"
                        >
                            <img
                                v-if="imageUrl"
                                :src="BaseApi + imageUrl"
                                class="avatar"
                            />
                            <i
                                v-else
                                class="el-icon-plus avatar-uploader-icon"
                            ></i>
                        </el-upload>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item
                        style="width: 40%"
                        label="电话号码："
                        prop="username"
                    >
                        <el-input
                            max="11"
                            v-model="informationForm.username"
                        ></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item
                        style="width: 40%"
                        label="姓名："
                        prop="nickName"
                    >
                        <el-input
                            v-model="informationForm.nickName"
                        ></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item
                        style="width: 40%"
                        label="身份证号："
                        prop="idCard"
                    >
                        <el-input
                            v-model="informationForm.idCard"
                        ></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item style="width: 40%" label="年龄：">
                        <el-input
                            type="number"
                            min="18"
                            max="70"
                            v-model="informationForm.age"
                        ></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item
                        style="width: 40%"
                        label="所属部门："
                    >
                        <el-select
                            disabled
                            style="width: 200px"
                            v-model="informationForm.deptId"
                            placeholder="请选择部门"
                            filterable
                            @change="$forceUpdate()"
                            clearable
                        >
                            <el-option
                                v-for="item in options"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id"
                            >
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item style="width: 40%" label="住址：">
                        <el-input
                            type="text"
                            v-model="informationForm.address"
                        ></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item style="width: 40%" label="备注：">
                        <el-input
                            type="textarea"
                            cols="50"
                            rows="3"
                            v-model="informationForm.info"
                        ></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item style="width: 40%" label="性别：">
                        <el-select
                            style="width: 200px"
                            v-model="informationForm.sex"
                            @change="$forceUpdate()"
                            placeholder="请选择性别"
                            clearable
                        >
                            <el-option label="女" value="0"></el-option>
                            <el-option label="男" value="1"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item>
                <el-button
                    type="primary"
                    @click="submitInformationForm('informationForm')"
                >
                    提交</el-button
                >
                <el-button
                    @click="resetForm('informationForm')"
                >
                     重置</el-button
                >
            </el-form-item>
        </el-form>
    </div>
 </template>
 <script>
 import { listByQo } from "@/api/personnel_management/department/deptApi";
 import { popup } from "@/assets/js/common";
 import { queryInformation } from "@/api/personal/personApi";
 import { update } from "@/api/personnel_management/employee/empApi";
 import { loginEmp } from "@/assets/js/auth";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            loginEid: loginEmp().id,
            informationForm: {},
            imageUrl: "",
            options: [],
            rules: {
                username: [
                    {
                        required: true,
                        message: "手机号不能为空",
                        trigger: "blur",
                    },
                ],
                nickName: [
                    {
                        required: true,
                        message: "姓名不能为空",
                        trigger: "blur",
                    },
                ],
                idCard: [
                    {
                        required: true,
                        message: "身份证号不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    methods: {
        deptAll() {
            listByQo({}).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        init() {
            queryInformation().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.informationForm = { ...res.data };
                    this.imageUrl = this.informationForm.headImg;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitInformationForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    update(this.informationForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("更新成功");
                        } else {
                            popup(res.msg, "error");
                        }
                        this.init();
                    });
                }
            });
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
            this.init();
        },
        /*上传头像*/
        handleAvatarSuccess(res) {
            this.informationForm.headImg = res.url;
            this.imageUrl = res.url;
        },
        beforeAvatarUpload(file) {
            const isJPG =
                file.type === "image/jpeg" || file.type === "image/png";
            const isLt2M = file.size / 1024 / 1024 < 3;
            if (!isJPG) {
                this.$message.error("上传头像图片只能是 JPG或PNG 格式!");
            }
            if (!isLt2M) {
                this.$message.error("上传头像图片大小不能超过 3MB!");
            }
            return isJPG && isLt2M;
        },
    },
    mounted() {
        this.imageUrl = "";
        this.deptAll();
        this.init();
    },
 };
 </script>
--- a/src/views/personnel_management/dept/List.vue
+++ b/src/views/personnel_management/dept/List.vue
@ -0,0 +1,254 @@
 <template>
    <div id="dept_list">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item
                >首页</el-breadcrumb-item
            >
            <el-breadcrumb-item
                >人事管理
            </el-breadcrumb-item>
            <el-breadcrumb-item
                >部门管理</el-breadcrumb-item
            > </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="7">
                <el-input placeholder="部门名称" v-model="searchForm.name"/>
            </el-col>
            <el-col :span="7">
                <el-select v-model="searchForm.state" placeholder="请选择状态" clearable>
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="停用" value="-1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="subSearchForm"
                >
                    搜索</el-button
                >
                <el-button type="success" @click="newVisable=true"
                >
                     创建部门
                </el-button>
            </el-col>
        </el-row>
        <br />
        <el-table
                :data="tableData"
                style="width: 100%">
            <el-table-column
                    type="index"
                    label="序号"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="名称"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="info"
                    label="描述">
            </el-table-column>
            <el-table-column
                    prop="state"
                    label="状态">
                <template v-slot="scope">
                    <el-tag v-if="scope.row.state=='0'" type="success" style="font-size: 14px;">
                        <i class="iconfont icon-r-yes" style="font-size: 14px;"> </i> 正常</el-tag>
                    <el-tag v-else type="danger" style="font-size: 14px;">
                        <i class="iconfont icon-r-no" style="font-size: 14px;"> </i> 停用</el-tag>
                </template>
            </el-table-column>
            <el-table-column
                    label="操作" width="260" fixed="right">
                <template v-slot="scope">
                    <el-button type="success" @click="edit(scope.row)"  >
                         修改</el-button>
                    <el-button type="danger" @click="forbidden(scope.row.id)"  >
                         停用</el-button>
                </template>
            </el-table-column>
        </el-table>
        <!--修改描述/状态弹出框-->
        <el-dialog
                title="部门修改"
                :visible.sync="dialogVisible"
                width="50%">
            <el-form v-model="editForm"  label-width="100px" class="demo-ruleForm">
                <el-form-item label="名称：">
                    <el-input disabled v-model="editForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="text" v-model="editForm.info"></el-input>
                </el-form-item>
                <el-form-item label="状态：">
                    <el-select v-model="editForm.state"
                               clearable
                               @change="$forceUpdate()"
                               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>
                    <el-button type="primary" @click="submitEditForm"  >
                         提交</el-button>
                    <el-button @click="canCelEdit"  >
                        关闭</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--创建弹出框-->
        <el-dialog
                title="创建部门"
                :visible.sync="newVisable"
                width="50%">
            <el-form :model="newForm" :rules="rules" ref="newForm"  label-width="100px" class="demo-ruleForm">
                <el-form-item label="名称：" prop="name">
                    <el-input v-model="newForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="text" v-model="newForm.info"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="submitNewForm('newForm')"> 提交</el-button>
                    <el-button @click="resetNewForm('newForm')"> 重置</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
    import { popup} from "@/assets/js/common";
    import {deactivate, listByQo, save, update} from "@/api/personnel_management/department/deptApi";
    export default {
        data() {
            return {
                tableData: [],
                editForm: {},
                editRow:{},
                dialogVisible: false,
                newVisable:false,
                newForm:{},
                searchForm: {},
                options: [
                    {label: '正常', value: '0'},
                    {label: '停用', value: '-1'}
                ],
                rules: {
                    name:[
                        {required: true, message: '名称不能为空', trigger: 'blur'},
                    ]
                }
            }
        },
        methods: {
            init() {
                listByQo(this.searchForm).then(res => {
                    if (res.data.code == 200) {
                        this.tableData = res.data.data
                    }else {
                        popup(res.data.msg,"error")
                    }
                })
            },
            forbidden(id) {
                deactivate(id).then(res => {
                    res = res.data
                    if (res.code == 200) {
                        popup("操作成功")
                    } else {
                        popup(res.msg, "error")
                    }
                    this.init()
                })
            },
            /*弹出修改表单*/
            edit(row) {
                this.editForm= {...row}
                this.dialogVisible = true
            },
            /*条件搜索*/
            subSearchForm() {
               this.init()
            },
            /*对接后端修改接口*/
            submitEditForm() {
                update(this.editForm).then(res=>{
                    res=res.data
                    if (res.code==200){
                        popup("操作成功")
                        this.dialogVisible=false
                        this.init()
                    }else {
                        popup(res.msg, "error")
                    }
                })
            },
            /*修改重置按钮*/
            canCelEdit(){
              this.dialogVisible=false
                this.editForm={}
            },
            /*创建新角色*/
            submitNewForm(formName){
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        console.log(this.newForm)
                        save(this.newForm).then(res=>{
                            res=res.data
                            if (res.code==200){
                                popup("操作成功")
                                this.newVisable=false
                                this.newForm={}
                                this.init()
                            }else {
                                popup(res.msg, "error")
                            }
                        })
                    }
                });
            },
            resetNewForm(formname){
                this.$refs[formname].resetFields()
            },
        },
        created() {
            this.init()
        }
    }
 </script>
 <style>
    .search {
        display: inline-block;
        margin: 0 auto;
        height: 51px;
        line-height: 51px;
    }
    .search .column {
        display: inline-block;
        margin: 0 auto;
        margin-right: 2px;
        line-height: 48px;
        height: 51px;
    }
 </style>
--- a/src/views/personnel_management/employee/List.vue
+++ b/src/views/personnel_management/employee/List.vue
--- a/src/views/sale_management/exchange_point_products_records/List.vue
+++ b/src/views/sale_management/exchange_point_products_records/List.vue
@ -0,0 +1,246 @@
 <template>
    <div id="sale_records">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item
                >首页</el-breadcrumb-item
            >
            <el-breadcrumb-item
                >销售管理
            </el-breadcrumb-item>
            <el-breadcrumb-item
                >积分兑换记录</el-breadcrumb-item
            > </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="7">
                <el-input
                    placeholder="兑换订单编号"
                    v-model="searchForm.cn"
                />
            </el-col>
            <el-col :span="7">
                <el-select
                    v-model="searchForm.memberId"
                    placeholder="请选择会员账号"
                    filterable
                    @change="$forceUpdate()"
                    clearable
                >
                    <el-option
                        v-for="item in options_memberPhone"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                    >
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="10">
                <span>兑换时间：</span>
                <el-date-picker
                    style="width: 140px"
                    v-model="searchForm.startTime"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="起始时间"
                >
                </el-date-picker>
                -
                <el-date-picker
                    v-model="searchForm.endTime"
                    style="width: 140px"
                    value-format="yyyy-MM-dd"
                    type="date"
                    placeholder="结束时间"
                >
                </el-date-picker>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="success"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column prop="cn" width="200" label="编号">
                </el-table-column>
                <el-table-column prop="goodsCoverUrl" label="商品封面">
                    <template v-slot="scope">
                        <img
                            :src="BaseApi + scope.row.goodsCoverUrl"
                            alt="兑换商品图片"
                            height="50px"
                        />
                    </template>
                </el-table-column>
                <el-table-column prop="goodsName" label="商品">
                </el-table-column>
                <el-table-column prop="integral" label="积分">
                </el-table-column>
                <el-table-column
                    width="200"
                    prop="memberPhone"
                    label="会员账号"
                >
                </el-table-column>
                <el-table-column prop="updateTime" width="200" label="兑换时间">
                </el-table-column>
                <el-table-column prop="updateby" label="操作者">
                </el-table-column>
                <el-table-column width="140" fixed="right" label="操作">
                    <template v-slot="scope">
                        <el-button
                            type="danger"
                            @click="del(scope.row.cn)"
                            >
                            删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0;">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    delExchangePointProducts,
    queryOptionsMemberPhone,
    queryPageByQoExchangePointProducts,
 } from "@/api/sale_management/exchange_point_products/exchangePointProductsApi";
 export default {
    data() {
        return {
            BaseApi: this.$store.state.BaseApi,
            searchForm: {
                pageSize: 5,
            },
            tableData: [],
            options_memberPhone: [],
        };
    },
    methods: {
        queryOptionsMemberPhone() {
            queryOptionsMemberPhone().then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.options_memberPhone = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        init() {
            if (this.searchForm.startTime > this.searchForm.endTime) {
                popup("结束时间不能小于开始时间", "warning");
                return;
            }
            queryPageByQoExchangePointProducts(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        del(cn) {
            this.$confirm("确定删除这条记录？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delExchangePointProducts({ cn: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
        },
        submitSearchForm() {
            this.init();
        },
    },
    mounted() {
        this.init();
        this.queryOptionsMemberPhone();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/sale_management/sale_cmd/List.vue
+++ b/src/views/sale_management/sale_cmd/List.vue
--- a/src/views/sale_management/sale_records/List.vue
+++ b/src/views/sale_management/sale_records/List.vue
@ -0,0 +1,483 @@
 <template>
    <div id="sale_records">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item
                >首页</el-breadcrumb-item
            >
            <el-breadcrumb-item
                >销售管理</el-breadcrumb-item
            >
            <el-breadcrumb-item>销售记录</el-breadcrumb-item>
        </el-breadcrumb>
        <br />
        <el-row>
            <el-col :span="4">
                <el-input
                    style="height: 21px; width: 130px"
                    placeholder="销售编号"
                    v-model="searchForm.cn"
                />
            </el-col>
            <el-col :span="10">
                <span>销售时间：</span>
                <el-date-picker
                    style="width: 140px"
                    v-model="searchForm.startSellTime"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="起始时间"
                >
                </el-date-picker>
                -
                <el-date-picker
                    v-model="searchForm.endSellTime"
                    style="width: 140px"
                    value-format="yyyy-MM-dd"
                    type="date"
                    placeholder="结束时间"
                >
                </el-date-picker>
            </el-col>
            <el-col :span="4">
                <el-select
                    style="width: 120px"
                    v-model="searchForm.type"
                    @change="$forceUpdate()"
                    placeholder="顾客类型"
                    clearable
                >
                    <el-option label="非会员顾客" value="0"></el-option>
                    <el-option label="会员" value="1"></el-option>
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select
                    style="width: 120px"
                    v-model="searchForm.sellway"
                    @change="$forceUpdate()"
                    placeholder="支付方式"
                    clearable
                >
                    <el-option label="支付宝" value="0"></el-option>
                    <el-option label="微信" value="1"></el-option>
                    <el-option label="现金" value="2"></el-option>
                    <el-option label="银行卡" value="3"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br>
        <el-row>
            <el-col :span="24" style="text-align: left;">
                <el-button type="success" @click="submitSearchForm"  
                    >
                    搜索</el-button
                >
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table :data="tableData" style="width: 100%" size="medium">
                <el-table-column prop="cn" width="200" label="编号">
                </el-table-column>
                <el-table-column prop="sellTotal" label="销售数量">
                </el-table-column>
                <el-table-column prop="sellTotalmoney" label="销售总额">
                    <template v-slot="scope">
                        {{ parseFloat(scope.row.sellTotalmoney).toFixed(2) }}
                    </template>
                </el-table-column>
                <el-table-column
                    prop="sellTime"
                    :show-overflow-tooltip="true"
                    label="销售时间"
                >
                </el-table-column>
                <el-table-column prop="type" label="顾客类型" width="120">
                    <template v-slot="scope">
                        <el-tag
                            effect="dark"
                            type="warning"
                            style="font-size: 14px;"
                            v-if="scope.row.type == '1'"
                            >
                            <i class="iconfont icon-r-mark1"></i>
                            会员</el-tag
                        >
                        <el-tag effect="dark" type="info" v-else
                            >非会员</el-tag
                        >
                    </template>
                </el-table-column>
                <el-table-column prop="sellby" label="销售员">
                </el-table-column>
                <el-table-column prop="sellway" label="支付方式">
                    <template v-slot="scope">
                        <el-tag
                            effect="dark"
                            type="primary"
                            v-if="scope.row.sellway == '0'"
                            >支付宝</el-tag
                        >
                        <el-tag
                            effect="dark"
                            type="success"
                            v-else-if="scope.row.sellway == '1'"
                            >微信</el-tag
                        >
                        <el-tag
                            effect="dark"
                            type="warning"
                            v-else-if="scope.row.sellway == '3'"
                            >银行卡</el-tag
                        >
                        <el-tag effect="dark" type="danger" v-else>现金</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="备注"
                >
                </el-table-column>
                <el-table-column width="260" label="操作" fixed="right">
                    <template v-slot="scope">
                        <el-button
                            type="success"
                            @click="detailBtn(scope.row)"
                            >
                             明细
                        </el-button>
                        <el-button
                            type="danger"
                            @click="del(scope.row.cn)"
                            >
                             删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0;">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
        <el-dialog
            title="销售订单明细"
            :visible.sync="detailSaleRecordsVisable"
            width="80%"
        >
            <el-form
                :model="saleRecordForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="销售编号：">
                            <el-input
                            disabled
                                readonly
                                v-model="saleRecordForm.cn"
                                placeholder="如：销售编号"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item
                            style="width: 80%"
                            label="支付方式："
                            prop="sellway"
                        >
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.sellway"
                                label="0"
                                >支付宝</el-radio
                            >
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.sellway"
                                label="1"
                                >微信</el-radio
                            >
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.sellway"
                                label="2"
                                >现金</el-radio
                            >
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.sellway"
                                label="3"
                                >银行卡</el-radio
                            >
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item style="width: 60%" label="顾客类型：">
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.type"
                                label="1"
                                >会员</el-radio
                            >
                            <el-radio
                                disabled
                                type="radio"
                                v-model="saleRecordForm.type"
                                label="0"
                                >非会员</el-radio
                            >
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" v-if="saleRecordForm.type == '1'">
                        <el-form-item
                            style="width: 60%"
                            label="会员账号："
                            prop="memberPhone"
                        >
                            <el-input
                                readonly
                                v-model="saleRecordForm.memberPhone"
                                placeholder="如：电话号码"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <hr>
                <el-row>
                    <el-col :span="24">
                        <el-table
                            :data="saleRecordForm.detailSaleRecords"
                            style="width: 100%"
                            size="medium"
                        >
                            <el-table-column prop="goodsId" label="商品编号">
                            </el-table-column>
                            <el-table-column prop="goodsName" label="商品名">
                            </el-table-column>
                            <el-table-column prop="goodsNum" label="数量">
                                <template v-slot="scope">
                                    <el-button type="info" disabled>-</el-button>
                                    <el-input
                                        disabled
                                        style="width: 80px"
                                        type="number"
                                        min="1"
                                        v-model="scope.row.goodsNum"
                                    ></el-input>
                                    <el-button type="info" disabled>+</el-button>
                                </template>
                            </el-table-column>
                            <el-table-column prop="goodsPrice" label="商品单价（元）">
                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
                <hr>
                <el-row>
                    <el-col :span="24">
                        <el-form-item style="width: 100%" label="备注：">
                            <el-input
                                disabled
                                readonly
                                type="textarea"
                                v-model="saleRecordForm.info"
                                placeholder="如：订单1"
                            ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <div v-if="saleRecordForm.detailSaleRecords.length > 0">
                            订单号：{{ saleRecordForm.cn }}&nbsp;&nbsp;
                            商品总数：{{
                                saleRecordForm.sellTotal
                                    ? saleRecordForm.sellTotal
                                    : 0
                            }}&nbsp;&nbsp; 消费：{{
                                saleRecordForm.sellTotalmoney
                                    ? parseFloat(
                                          saleRecordForm.sellTotalmoney
                                      ).toFixed(2)
                                    : 0
                            }}元&nbsp;&nbsp;
                            <span v-if="saleRecordForm.sellway"
                                >支付方式：{{
                                    saleRecordForm.sellway == "0"
                                        ? "支付宝"
                                        : saleRecordForm.sellway == "1"
                                        ? "微信"
                                        : saleRecordForm.sellway == "2"
                                        ? "现金"
                                        : "银行卡"
                                }}&nbsp;&nbsp;</span
                            ><br>
                            <span v-if="saleRecordForm.type == '1'"
                                >会员享受9折&nbsp;&nbsp;</span
                            >
                            <span v-if="saleRecordForm.sellTime"
                                >消费时间：{{
                                    saleRecordForm.sellTime
                                }}&nbsp;&nbsp; 操作者编号：{{
                                    saleRecordForm.eid
                                }}</span
                            >
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item>
                            <el-button
                                type="info"
                                @click="detailSaleRecordsVisable = false"
                                > 关闭</el-button
                            >
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import { popup } from "@/assets/js/common";
 import {
    delSaleRecords,
    queryPageByQoSaleRecords,
 } from "@/api/sale_management/saleRecordsApi";
 export default {
    data() {
        return {
            detailSaleRecordsVisable: false,
            searchForm: {
                pageSize: 5
            },
            tableData: [],
            saleRecordForm: {
                cn: "",
                sellway: "",
                info: "",
                sellTotal: "",
                sellTotalmoney: "",
                type: "0",
                detailSaleRecords: [],
            },
        };
    },
    methods: {
        init() {
            if (this.searchForm.startSellTime > this.searchForm.endSellTime) {
                popup("结束时间不能小于开始时间", "warning");
                return;
            }
            queryPageByQoSaleRecords(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        del(cn) {
            this.$confirm("确定删除这条记录？", "警示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    delSaleRecords({ cn: cn }).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消操作",
                    });
                });
        },
        detailBtn(row) {
            this.saleRecordForm = {
                cn: "",
                sellway: "",
                info: "",
                sellTotal: "",
                sellTotalmoney: "",
                type: "0",
                detailSaleRecords: [],
            };
            this.saleRecordForm = { ...row };
            this.detailSaleRecordsVisable = true;
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
        submitSearchForm() {
            this.init();
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 </style>
--- a/src/views/system/menu/List.vue
+++ b/src/views/system/menu/List.vue
@ -0,0 +1,209 @@
 <template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>系统管理</el-breadcrumb-item>
            <el-breadcrumb-item>菜单管理</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input placeholder="菜单名称" v-model="searchForm.name" />
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="submitSearchForm"
                >
                    搜索</el-button
                >
                <el-button
                    type="info"
                    @click="resetSearchForm"
                >
                    重置
                </el-button>
            </el-col>
        </el-row>
        <br />
        <div class="table">
            <el-table
                :data="tableData"
                style="width: 100%"
                size="medium"
                row-key="id"
                border
                :tree-props="{ children: 'children' }"
            >
                <el-table-column prop="label" label="菜单名"> </el-table-column>
                <el-table-column
                width="150"
                    prop="flag"
                    :show-overflow-tooltip="true"
                    label="标识符"
                >
                    <template v-slot="scope">
                        <el-tag type="info">{{
                            scope.row.flag ? scope.row.flag : "暂定"
                        }}</el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="type" label="类型">
                    <template v-slot="scope">
                        <el-tag  v-if="scope.row.type == 0"
                            >目录</el-tag
                        >
                        <el-tag
                            v-else-if="scope.row.type == 1"
                            type="success"
                            >菜单</el-tag
                        >
                        <el-tag  v-else type="warning"
                            >按钮</el-tag
                        >
                    </template>
                </el-table-column>
                <el-table-column prop="icon" label="图标">
                    <template v-slot="scope">
                        <i :class="scope.row.icon"></i>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="info"
                    :show-overflow-tooltip="true"
                    label="描述"
                >
                    <template v-slot="scope">
                        <el-tag type="info">{{
                            scope.row.info ? scope.row.info : "无"
                        }}</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="component"
                    :show-overflow-tooltip="true"
                    label="组件路径"
                >
                    <template v-slot="scope">
                        <el-tag type="info">{{
                            scope.row.component ? scope.row.component : "暂定"
                        }}</el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="state" label="状态">
                    <template v-slot="scope">
                        <el-tag
                            type="success"
                            v-if="scope.row.state == 0"
                            >正常</el-tag
                        >
                        <el-tag  type="danger" v-else>禁用</el-tag>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin: 10px 0 15px 0">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="searchForm.currentPage"
                    :page-sizes="[5, 10, 20, 50]"
                    :page-size="searchForm.pageSize"
                    layout="total,sizes, prev, pager, next,jumper"
                    :total="searchForm.total"
                >
                </el-pagination>
            </div>
        </div>
    </div>
 </template>
 <script>
 import { queryPageByQo } from "@/api/system/menu/menuApi";
 import { popup } from "@/assets/js/common";
 export default {
    data() {
        return {
            /*搜索*/
            /*表格*/
            tableData: [],
            searchForm: {
                total: 0,
                currentPage: 1,
                pageSize: 5,
            },
        };
    },
    methods: {
        init() {
            queryPageByQo(this.searchForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    console.log(res.data);
                    this.tableData = res.data.records;
                    this.searchForm.total = res.data.total;
                    this.searchForm.pageSize = res.data.size;
                    this.searchForm.currentPage = res.data.current;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        submitSearchForm() {
            this.init();
        },
        resetSearchForm() {
            this.searchForm.name = "";
        },
        /*分页*/
        handleSizeChange(val) {
            this.searchForm.pageSize = val;
            this.init();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            this.searchForm.currentPage = val;
            this.init();
            console.log(`当前页: ${val}`);
        },
    },
    mounted() {
        this.init();
    },
 };
 </script>
 <style>
 .searchForm {
    height: 134px;
 }
 .table {
    height: 320px;
 }
 .pageUtils {
    position: absolute;
    width: 84%;
    margin: 2px auto;
    height: 43px;
 }
 .searchForm {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .searchForm .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/src/views/system/role/List.vue
+++ b/src/views/system/role/List.vue
@ -0,0 +1,416 @@
 <template>
    <div id="role_list">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item>系统管理</el-breadcrumb-item>
            <el-breadcrumb-item>角色管理</el-breadcrumb-item> </el-breadcrumb
        ><br />
        <el-row>
            <el-col :span="8" style="text-align: left; padding-right: 10px">
                <el-input
                    placeholder="角色名称"
                    v-model="roleSearchForm.name"
                />
            </el-col>
            <el-col :span="8">
                <el-select
                    @change="$forceUpdate"
                    v-model="roleSearchForm.state"
                    placeholder="状态"
                    clearable
                >
                    <el-option label="正常" value="0"></el-option>
                    <el-option label="停用" value="-1"></el-option>
                </el-select>
            </el-col>
        </el-row>
        <br />
        <el-row>
            <el-col :span="24" style="text-align: left">
                <el-button
                    type="primary"
                    @click="subSearchForm('ruleForm')"
                >
                    搜索</el-button
                >
                <el-button
                    type="success"
                    @click="newRoleVisable = true"
                >
                    创建角色
                </el-button>
            </el-col>
        </el-row>
        <br />
        <el-table :data="tableData" style="width: 100%">
            <el-table-column type="index" label="序号" width="180">
            </el-table-column>
            <el-table-column prop="name" label="名称" width="180">
            </el-table-column>
            <el-table-column prop="info" label="描述"> </el-table-column>
            <el-table-column prop="state" label="状态">
                <template v-slot="scope">
                    <el-tag v-if="scope.row.state == '0'" type="success"
                        >正常</el-tag
                    >
                    <el-tag v-else type="danger">停用</el-tag>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="420" fixed="right">
                <template v-slot="scope">
                    <el-button
                        type="success"
                        @click="editRole(scope.row)"
                    > 
                        修改</el-button
                    >
                    <el-button
                        v-if="scope.row.state == '0'"
                        type="danger"
                        @click="forbidden(scope.row.id)"
                    > 
                        停用</el-button
                    >
                    <el-button
                        type="warning"
                        @click="checkPermissons(scope.row.id)"
                    > 
                        授权</el-button
                    >
                </template>
            </el-table-column>
        </el-table>
        <!--修改描述/状态弹出框-->
        <el-dialog
            title="角色信息修改"
            :visible.sync="dialogVisible"
            width="50%"
        >
            <el-form
                v-model="editRoleForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：">
                    <el-input disabled v-model="editRoleForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input
                        type="text"
                        v-model="editRoleForm.info"
                    ></el-input>
                </el-form-item>
                <el-form-item label="状态：">
                    <el-select
                        v-model="editRoleForm.state"
                        clearable
                        @change="$forceUpdate()"
                        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>
                    <el-button
                        type="primary"
                        @click="submitEditForm"
                    >
                        提交</el-button
                    >
                    <el-button @click="resetEditForm"  >
                         重置</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--创建角色弹出框-->
        <el-dialog title="创建角色" :visible.sync="newRoleVisable" width="50%">
            <el-form
                :model="newRoleForm"
                :rules="rules"
                ref="newRoleForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item label="名称：" prop="name">
                    <el-input v-model="newRoleForm.name"></el-input>
                </el-form-item>
                <el-form-item label="描述：">
                    <el-input type="text" v-model="newRoleForm.info"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitNewForm('newRoleForm')"
                    > 
                        创建角色</el-button
                    >
                    <el-button @click="resetNewForm"  >
                          重置</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
        <!--职能分配框-->
        <el-dialog
            title="权限分配"
            :visible.sync="distributionFulVisable"
            width="50%"
        >
            <el-form
                :model="distributionFulForm"
                label-width="100px"
                class="demo-ruleForm"
            >
                <el-form-item>
                    <el-input
                        placeholder="输入关键字进行过滤"
                        v-model="filterText"
                    >
                    </el-input>
                    <el-tree
                        :data="fuloptions"
                        class="filter-tree"
                        show-checkbox
                        node-key="value"
                        :default-checked-keys="default_checked_mid"
                        default-expand-all
                        :filter-node-method="filterNode"
                        ref="tree"
                        :props="props"
                    ></el-tree>
                </el-form-item>
                <el-form-item>
                    <el-button
                        type="primary"
                        @click="submitDistributionFulForm"
                    > 
                        提交</el-button
                    >
                    <el-button
                        @click="celDistributionFul"
                          > 取消</el-button
                    >
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
 </template>
 <script>
 import {
    forbiddenRole,
    roleList,
    edit_role,
    save_role,
    checkPermissons,
    saveRolePermissons,
 } from "@/api/system/role/roleApi";
 import { ajaxPost, popup } from "@/assets/js/common";
 export default {
    data() {
        return {
            tableData: [],
            editRoleForm: {},
            editRoleRow: {},
            dialogVisible: false,
            newRoleVisable: false,
            distributionFulVisable: false,
            newRoleForm: {},
            roleSearchForm: {},
            distributionFulForm: {},
            options: [
                { label: "正常", value: "0" },
                { label: "停用", value: "-1" },
            ],
            /*职能分配*/
            props: { multiple: true },
            fuloptions: [],
            default_checked_mid: [],
            filterText: "",
            rules: {
                name: [
                    {
                        required: true,
                        message: "名称不能为空",
                        trigger: "blur",
                    },
                ],
            },
        };
    },
    watch: {
        filterText(val) {
            this.$refs.tree.filter(val);
        },
    },
    methods: {
        filterNode(value, data) {
            if (!value) return true;
            return data.label.indexOf(value) !== -1;
        },
        init() {
            roleList(this.roleSearchForm).then((res) => {
                res = res.data;
                if ((res.code = 200)) {
                    this.tableData = res.data;
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        forbidden(id) {
            forbiddenRole(id).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.roleSearchForm.state = "0";
                    this.init();
                    popup("操作成功");
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*弹出修改表单*/
        editRole(row) {
            this.editRoleForm = { ...row };
            this.editRoleRow = { ...row };
            this.dialogVisible = true;
        },
        /*条件搜索*/
        subSearchForm() {
            this.init();
        },
        /*对接后端修改角色接口*/
        submitEditForm() {
            if (
                this.editRoleForm.info == this.editRoleRow.info &&
                this.editRoleForm.state == this.editRoleRow.state
            ) {
                popup("您没有更改内容", "warning");
                return;
            }
            edit_role(this.editRoleForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    popup("操作成功");
                    this.editRoleForm = {};
                    this.editRoleRow = {};
                    this.dialogVisible = false;
                    this.roleSearchForm.state = "0";
                    this.init();
                } else {
                    popup(res.msg, "error");
                }
            });
        },
        /*修改角色重置按钮*/
        resetEditForm() {
            this.editRoleForm = { ...this.editRoleRow };
        },
        /*创建新角色*/
        submitNewForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    console.log(this.newRoleForm);
                    save_role(this.newRoleForm).then((res) => {
                        res = res.data;
                        if (res.code == 200) {
                            popup("操作成功");
                            this.newRoleForm = {};
                            this.newRoleVisable = false;
                            this.init();
                        } else {
                            popup(res.msg, "error");
                        }
                    });
                }
            });
        },
        resetNewForm() {
            this.newRoleForm = {};
        },
        /*职能分配*/
        /*授权按钮*/
        checkPermissons(rid) {
            this.distributionFulForm.rid = rid;
            this.default_checked_mid = [];
            checkPermissons(rid).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    this.fuloptions = res.data.menus;
                    this.default_checked_mid = res.data.menuIds.sort(
                        (x, y) => x - y
                    );
                    console.log(typeof this.default_checked_mid);
                    console.log(this.default_checked_mid);
                } else {
                    popup(res.msg, "error");
                }
            });
            this.distributionFulVisable = true;
        },
        submitDistributionFulForm() {
            var keys = this.$refs.tree.getCheckedKeys();
            var v = JSON.stringify(keys).replace("[", "").replace("]", "");
            this.distributionFulForm.menuIds = v;
            console.log(this.distributionFulForm.menuIds);
            saveRolePermissons(this.distributionFulForm).then((res) => {
                res = res.data;
                if (res.code == 200) {
                    popup("操作成功");
                    this.distributionFulVisable = false;
                    this.distributionFulForm = {};
                    this.default_checked_mid = [];
                    this.fuloptions = [];
                } else {
                    popup(res.msg, "error");
                }
            });
            this.distributionFulVisable = false;
        },
        celDistributionFul() {
            this.default_checked_mid = [];
            this.fuloptions = [];
            this.distributionFulForm = {};
            this.distributionFulVisable = false;
        },
    },
    created() {
        this.init();
    },
 };
 </script>
 <style>
 .search {
    display: inline-block;
    margin: 0 auto;
    height: 51px;
    line-height: 51px;
 }
 .search .column {
    display: inline-block;
    margin: 0 auto;
    margin-right: 2px;
    line-height: 48px;
    height: 51px;
 }
 </style>
--- a/vue.config.js
+++ b/vue.config.js
@ -0,0 +1,17 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
  transpileDependencies: true
 })
 module.exports = {
  devServer: {
    host: "localhost",
    port: 9292,
    client: {
      overlay: false
    }
  },
 }