更新仓库、物料、班组

Reviewed-on: #391

src/api/warehouse/warehouse-area-setup.js

@@ -49,6 +49,14 @@ export function getWarehouseAreaList(id) {
   })
 }
 
+// 获得库区设置列表
+export function getWarehouseAreaListAll() {
+  return request({
+    url: '/extend/warehouse-area/listAll',
+    method: 'get'
+  })
+}
+
 // 获得库区设置分页
 export function getWarehouseAreaPage(query) {
   return request({

src/api/warehouse/warehouse-location-setup.js

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2023-11-02 16:20:15
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-08 15:56:30
+ * @LastEditTime: 2024-08-21 11:03:14
  * @Description:
  */
 import request from '@/utils/request'
@@ -41,6 +41,13 @@ export function getWarehouseLocation(id) {
   })
 }
 
+// 库位存储详情
+export function getStoreInfo(id) {
+  return request({
+    url: '/extend/warehouse-location/getStoreInfo?id=' + id,
+    method: 'get'
+  })
+}
 // 获得库位设置列表
 export function getWarehouseLocationTree() {
   return request({

src/api/warehouse/warehouseRealtime.js

@@ -63,6 +63,14 @@ export function getWarehouseRealtimePage(data) {
   })
 }
 
+// 获得库存列表分页
+export function inventoryPage(data) {
+  return request({
+    url: '/extend/warehouse-realtime/allPage',
+    method: 'post',
+    data: data
+  })
+}
 // 获得出入库-无库位-历史分页
 export function getWarehouseRealtimeHisPage(data) {
   return request({

src/components/TopNav/index.vue

@@ -218,7 +218,7 @@ export default {
 	float: left;
 	height: 84px !important;
 	line-height: 84px !important;
-	color: #999093 !important;
+	color: transparent !important;
 	padding: 0 5px !important;
 	font-size: 18px;
 }

src/mixins/basic-add.js

@@ -0,0 +1,121 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: zwq
+ * @LastEditTime: 2023-11-02 15:33:39
+ * @Description:
+ */
+import { listData } from "@/api/system/dict/data";
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        createURL: '',
+        updateURL: '',
+        infoURL: '',
+        codeURL: '',
+        getOption: false, //是否加载获取下拉框方法
+        isGetCode: false, //是否加载获取code方法
+        getDictList: false, //是否加载获取数据字典方法
+        optionArrUrl: [], //需要获取下拉框的方法数组
+        optionArr: {}, //需要获取下拉框的方法数组的返回结果
+        dictList: {}, //需要获取数据字典的方法数组的返回结果
+      },
+      visible: false,
+      setData: false
+    }
+  },
+  created() {
+  },
+  activated() {
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || "";
+      this.visible = true;
+      if (this.urlOptions.getOption) {
+        this.getArr()
+      }
+      if (this.urlOptions.getDictList) {
+        this.getDict()
+      }
+      this.$nextTick(() => {
+        this.$refs["dataForm"].resetFields();
+        if (this.dataForm.id) {
+          this.urlOptions.infoURL(id).then(response => {
+            this.dataForm = response.data;
+            if (this.setData) {
+              this.setDataForm()
+            }
+          });
+        } else {
+          if (this.urlOptions.isGetCode) {
+            this.getCode()
+          }
+				}
+      });
+    },
+		getCode() {
+			this.urlOptions.codeURL()
+				.then(({ data: res }) => {
+					this.dataForm.code = res;
+				})
+				.catch(() => {});
+		},
+    getArr() {
+      const params = {
+        pageSize: 100,
+        pageNo: 1,
+      }
+      this.urlOptions.optionArrUrl.forEach((item, index) => {
+        item(params).then(({ data: res }) => {
+          this.$set(this.urlOptions.optionArr, `arr${index}`, res.list)
+        })
+          .catch(() => {
+          });
+      });
+    },
+    /** 查询字典数据列表 */
+    getDict() {
+      this.nameList.forEach((item,index)=>{
+        const queryParams = {
+          pageNo: 1,
+          pageSize: 99,
+          dictType: item,
+        }
+        listData(queryParams).then(response => {
+          this.$set(this.urlOptions.dictList, `dict${index}`, response.data.list)
+        });
+      })
+    },
+    // 表单提交
+    dataFormSubmit() {
+      this.$refs["dataForm"].validate((valid) => {
+        if (!valid) {
+          return false;
+        }
+        // 修改的提交
+        if (this.dataForm.id) {
+          this.urlOptions.updateURL(this.dataForm).then(response => {
+            this.$modal.msgSuccess("修改成功");
+            this.visible = false;
+            this.$emit("refreshDataList");
+          });
+          return;
+        }
+        // 添加的提交
+        this.urlOptions.createURL(this.dataForm).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.visible = false;
+          this.$emit("refreshDataList");
+        });
+      });
+    },
+    formClear() {
+      if (this.$refs.dataForm!==undefined) {
+          this.$refs.dataForm.resetFields();
+      }
+    }
+  }
+}

src/mixins/basic-page.js

@@ -0,0 +1,175 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-08-14 15:17:01
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        getDataListURL: '',
+        deleteURL: '',
+        statusUrl: '',
+        exportURL: ''
+      },
+      tableData: [],
+      listQuery: {
+        pageSize: 20,
+        pageNo: 1,
+        total: 1,
+      },
+      exportLoading: false,
+      dataListLoading: false,
+      addOrEditTitle: '',
+      addOrUpdateVisible: false,
+      addOrUpdate: 'addOrUpdate'
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        if (response.hasOwnProperty('data')) {
+          this.tableData = response.data.list;
+          this.listQuery.total = response.data.total;
+        } else {
+          this.tableData = []
+        }
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.listQuery.pageSize = val;
+      this.listQuery.pageNo = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.listQuery.pageNo = val;
+      this.getDataList();
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    cancel(id) {
+      this.$refs["popover-" + id].showPopper = false;
+    },
+    //改变状态
+    changeStatus(id) {
+      this.$http
+        .post(this.urlOptions.statusUrl, { id })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.$refs["popover-" + id].showPopper = false;
+          this.$message({
+            message: this.$t("prompt.success"),
+            type: "success",
+            duration: 500,
+            onClose: () => {
+              this.getDataList();
+            },
+          });
+        })
+        .catch(() => { });
+    },
+    //tableBtn点击
+    handleClick(val) {
+      if (val.type === "edit") {
+        this.addOrUpdateVisible = true;
+        this.addOrEditTitle = "编辑";
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(val.data.id);
+        });
+      } else if (val.type === "delete") {
+        if (val.data.name) {
+          this.deleteHandle(val.data.id, val.data.name)
+        } else {
+          this.setDelete(val.data)
+        }
+      } else if (val.type === "change") {
+        this.changeStatus(val.data.id)
+      } else {
+        this.otherMethods(val)
+      }
+    },
+    // 删除
+    deleteHandle(id, name) {
+      this.$modal
+        .delConfirm(name)
+        .then(() => {
+          this.urlOptions.deleteURL(id).then(({ data }) => {
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.getDataList();
+              },
+            });
+          });
+        })
+        .catch(() => { });
+    },
+    //search-bar点击
+    buttonClick(val) {
+      switch (val.btnName) {
+        case "search":
+          this.listQuery.xm1 = val.xm1;
+          this.listQuery.xm2 = val.xm2;
+          this.listQuery.pageNo = 1;
+          this.getDataList();
+          break;
+        case "add":
+          this.addOrEditTitle = '新增'
+          this.addOrUpdateVisible = true;
+          this.addOrUpdateHandle()
+          break;
+        default:
+          console.log(val)
+      }
+    },
+    handleCancel() {
+      this.$refs[this.addOrUpdate].formClear()
+      this.addOrUpdateVisible = false
+      this.addOrEditTitle = ''
+      this.addOrUpdate = 'addOrUpdate'
+    },
+    handleConfirm() {
+      this.$refs[this.addOrUpdate].dataFormSubmit()
+    },
+    successSubmit() {
+      this.handleCancel()
+      this.getDataList()
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+        this.exportLoading = true;
+        return this.urlOptions.exportURL(params);
+      }).then(response => {
+        this.$download.excel(response, '报表.xls');
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+}

src/mixins/code-filter.js

@@ -0,0 +1,73 @@
+
+/*
+ * @Date: 2020-12-29 16:49:28
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-08-21 11:14:58
+ * @FilePath: \basic-admin\src\filters\basicData\index.js
+ * @Description:
+ */
+
+const table = {
+  lineStatus: {
+    1: '生产中',
+    2: '停止',
+    3: '未知',
+  },
+  deactivate: {
+    1: '启用',
+    0: '停用',
+  },
+  reportType: {
+    1: '日',
+    2: '周',
+    3: '月'
+  }
+}
+
+// 日期格式化
+export function parseTime(time, pattern) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time)
+    } else if (typeof time === 'string') {
+      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.\d{3}/gm),'');
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+export default function (dictTable) {
+  return function (val) {
+    return table?.[dictTable]?.[val]
+  }
+}

src/styles/index.scss

@@ -224,6 +224,10 @@ input, textarea{
       left:20px;
       font-size:21px !important
     }
+    .el-message-box__input {
+      padding-left: 57px;
+      padding-right: 15px;
+    }
   }
   .el-message-box__btns {
     padding-right: 32px;

src/views/base/coreCustomer/add-or-updata.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import basicAdd from '../../core/mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import { createCustomer, updateCustomer, getCustomer, getCode } from "@/api/base/coreCustomer";
 
 export default {

src/views/base/coreCustomer/index.vue

@@ -9,6 +9,7 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
+				:max-height="tableH"
 			:table-data="tableData">
 			<method-btn
 				v-if="tableBtn.length"
@@ -39,18 +40,20 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../core/mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 import { parseTime } from '../../core/mixins/code-filter';
 import {
 	getCustomerPage,
 	deleteCustomer
 } from '@/api/base/coreCustomer';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
-		filter: parseTime
+		filter: parseTime,
+    width: 150
 	},
 	{
 		prop: 'name',
@@ -58,7 +61,8 @@ const tableProps = [
 	},
 	{
 		prop: 'code',
-		label: '客户编码'
+		label: '客户编码',
+    width: 150
 	},
 	{
 		prop: 'contact',
@@ -79,7 +83,7 @@ const tableProps = [
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage,tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
@@ -133,27 +137,18 @@ export default {
 	},
 	created() {},
 	methods: {
-		// 获取数据列表
-    // getDataList() {
-    //   this.dataListLoading = true;
-    //   this.urlOptions.getDataListURL(this.listQuery).then(response => {
-    //     this.tableData = response.data.list;
-    //     this.listQuery.total = response.data.total;
-    //     this.dataListLoading = false;
-    //   });
-    // },
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
+					this.listQuery.pageSize = 20;
 					this.listQuery.name = val.name ? val.name : undefined;
 					this.getDataList();
 					break;
 				case 'reset':
 					this.$refs.searchBarForm.resetForm();
 					this.listQuery = {
-						pageSize: 10,
+						pageSize: 20,
 						pageNo: 1,
 						total: 1,
 					};

src/views/base/coreSupplier/add-or-updata.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-11-22 10:27:43
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-08-14 15:15:45
  * @Description:
 -->
 <template>
@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import basicAdd from '../../core/mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import { createCoreSupplier, updateCoreSupplier, getCoreSupplier, getCode } from "@/api/base/coreSupplier";
 
 export default {

src/views/base/coreSupplier/index.vue

@@ -9,6 +9,7 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
+			:max-height="tableH"
 			:table-data="tableData">
 			<method-btn
 				v-if="tableBtn.length"
@@ -39,52 +40,55 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../core/mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 import { parseTime } from '../../core/mixins/code-filter';
 import {
 	getCoreSupplierPage,
-	deleteCoreSupplier
+	deleteCoreSupplier,
 } from '@/api/base/coreSupplier';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
-		filter: parseTime
+		filter: parseTime,
+		width: 150,
 	},
 	{
 		prop: 'code',
-		label: '供应商编码'
+		label: '供应商编码',
+		width: 150,
 	},
 	{
 		prop: 'name',
-		label: '供应商名称'
+		label: '供应商名称',
 	},
 	{
 		prop: 'contact',
-		label: '联系人'
+		label: '联系人',
 	},
 	{
 		prop: 'telephone',
-		label: '联系电话'
+		label: '联系电话',
 	},
 	{
 		prop: 'address',
-		label: '地址'
+		label: '地址',
 	},
 	{
 		prop: 'remark',
-		label: '备注'
+		label: '备注',
 	},
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage, tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
 				getDataListURL: getCoreSupplierPage,
-				deleteURL: deleteCoreSupplier
+				deleteURL: deleteCoreSupplier,
 			},
 			tableProps,
 			tableBtn: [
@@ -119,11 +123,13 @@ export default {
 					type: 'separate',
 				},
 				{
-					type: this.$auth.hasPermi('base:core-supplier:create') ? 'button' : '',
+					type: this.$auth.hasPermi('base:core-supplier:create')
+						? 'button'
+						: '',
 					btnName: '新增',
 					name: 'add',
 					color: 'success',
-					plain: true
+					plain: true,
 				},
 			],
 		};

src/views/group/base/groupClasses/index.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2024-07-01 14:53:55
  * @LastEditors: zwq
- * @LastEditTime: 2024-07-22 15:20:51
+ * @LastEditTime: 2024-08-14 15:21:31
  * @Description:
 -->
 <template>
@@ -233,7 +233,7 @@ export default {
 					,'提示')
 					.then(function () {
 						return _this.$modal
-							.delConfirm('名称: ' + row.name)
+							.delConfirm(row.name)
 							.then(function () {
 								return deleteGroupClasses(row.id);
 							})
@@ -245,7 +245,7 @@ export default {
 					});
 			} else {
 				_this.$modal
-					.delConfirm('名称: ' + row.name)
+					.delConfirm(row.name)
 					.then(function () {
 						return deleteGroupClasses(row.id);
 					})

src/views/group/base/groupTeam/index.vue

@@ -219,7 +219,7 @@ export default {
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			this.$modal
-				.delConfirm('名称: ' + row.name)
+				.delConfirm(row.name)
 				.then(function () {
 					return deleteGroupTeam(row.id);
 				})

src/views/group/base/schedulingPlanConfig/index.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2024-07-10 11:08:48
  * @LastEditors: zwq
- * @LastEditTime: 2024-07-19 14:09:18
+ * @LastEditTime: 2024-08-14 15:35:06
  * @Description:
 -->
 <template>
@@ -216,7 +216,7 @@ export default {
 		handleDelete(row) {
 			let _this = this;
 			_this.$modal
-				.confirm('是否确认删除名称为"' + row.name + '"的数据项?')
+				.delConfirm(row.name)
 				.then(function () {
 					return deleteGroupPlan(row.id);
 				})

src/views/group/base/schedulingRuleConfig/index.vue

@@ -226,8 +226,10 @@ export default {
 		},
 		discard(row) {
       let _this = this
-			this.$modal
-				.confirm('是否确认作废序号为"' + row._pageIndex + '"的数据项?')
+      _this.$modal
+					.newConfirm(
+						'是否确认作废序号为"' + row.planName + '"的数据项?'
+					,'提示')
 				.then(() => {
 					getGroupRule(row.id).then((response) => {
 						let datas = response.data;
@@ -244,7 +246,7 @@ export default {
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			this.$modal
-				.confirm('是否确认删除序号为"' + row._pageIndex + '"的数据项?')
+				.delConfirm(row.planName)
 				.then(function () {
 					return deleteGroupRule(row.id);
 				})

src/views/material/material/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-05 16:12:18
+ * @LastEditTime: 2024-08-14 15:24:11
  * @Description:
 -->
 <template>
@@ -104,7 +104,7 @@
 </template>
 
 <script>
-import basicAdd from '../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import { getTreeArr } from '../mixins/code-filter';
 import {
 	createProductMaterial,

src/views/material/material/index.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2024-07-01 14:54:06
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-08 16:46:44
+ * @LastEditTime: 2024-08-21 11:19:51
  * @Description:
 -->
 <template>
@@ -136,8 +136,8 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../mixins/basic-page';
-import { parseTime } from '../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
 import { publicFormatter } from '@/utils/dict';
 import {
 	getProductMaterialPage,
@@ -293,27 +293,6 @@ export default {
 		this.getTreeselect();
 	},
 	methods: {
-		// 删除
-		deleteHandle(id, name, index) {
-			this.$confirm(`是否确认删除物料产品名称为"${name}"的数据项`, '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning',
-			})
-				.then(() => {
-					this.urlOptions.deleteURL(id).then(({ data }) => {
-						this.$message({
-							message: '操作成功',
-							type: 'success',
-							duration: 1500,
-							onClose: () => {
-								this.getDataList();
-							},
-						});
-					});
-				})
-				.catch(() => {});
-		},
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
@@ -377,11 +356,8 @@ export default {
 		},
 		// 删除节点
 		remove(node, data) {
-			this.$confirm(`是否确认删除名称为"${data.name}"的数据项`, '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning',
-			})
+      this.$modal
+        .delConfirm(data.name)
 				.then(() => {
 					deleteMaterialTree(data.id).then(({ data }) => {
 						this.$message({

src/views/material/materialDate/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-05 16:12:58
+ * @LastEditTime: 2024-08-14 15:24:29
  * @Description:
 -->
 <template>
@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import basicAdd from '../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import { createMaterialDate, updateMaterialDate, getMaterialDate, getCode } from "@/api/base/materialDate";
 import { getMaterialList } from "@/api/base/material";
 

src/views/material/materialDate/index.vue

@@ -39,7 +39,7 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
 	getMaterDatePage,
@@ -164,27 +164,6 @@ export default {
 					console.log(val);
 			}
 		},
-		// 删除
-    deleteHandle(id, name, index) {
-      this.$confirm(`是否删除物料批次名称为"${name}"的数据项?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.urlOptions.deleteURL(id).then(({ data }) => {
-            this.$message({
-              message: "操作成功",
-              type: "success",
-              duration: 1500,
-              onClose: () => {
-                this.getDataList();
-              },
-            });
-          });
-        })
-        .catch(() => { });
-    }
 	},
 };
 </script>

src/views/material/materialProductBom/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-08 16:47:36
+ * @LastEditTime: 2024-08-14 15:26:32
  * @Description:
 -->
 <template>
@@ -115,7 +115,7 @@
 </template>
 
 <script>
-import basicAdd from '../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createMaterialPB,
 	updateMaterialPB,

src/views/material/materialProductBom/index.vue

@@ -33,7 +33,7 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 // import { parseTime } from '../mixins/code-filter';
 import {
 	getMaterialPBPage,
@@ -177,6 +177,9 @@ export default {
 					console.log(val);
 			}
 		},
+    setDelete(data){
+      this.deleteHandle(data.id,data.productName)
+    }
 	},
 };
 </script>

src/views/material/materialUseLog/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-05 16:13:52
+ * @LastEditTime: 2024-08-14 15:27:50
  * @Description:
 -->
 <template>
@@ -140,7 +140,7 @@
 </template>
 
 <script>
-import basicAdd from '../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createMaterialLog,
 	updateMaterialLog,

src/views/material/materialUseLog/index.vue

@@ -40,7 +40,7 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
 	getMaterialLogPage,
@@ -212,38 +212,8 @@ export default {
 					console.log(val);
 			}
 		},
-		//tableBtn点击
-    handleClick(val) {
-      if (val.type === "edit") {
-        this.addOrUpdateVisible = true;
-        this.addOrEditTitle = "编辑";
-        this.$nextTick(() => {
-          this.$refs.addOrUpdate.init(val.data.id);
-        });
-      } else if (val.type === "delete") {
-        this.deleteHandle(val.data.id, val.data.materialName)
-      } else if (val.type === "change") {
-        this.changeStatus(val.data.id)
-      } else {
-        this.otherMethods(val)
-      }
-    },
-		// 删除
-    deleteHandle(id, name) {
-			this.$modal
-				.delConfirm(name ? '名称: ' + name : '序号： ' + index).then(() => {
-          this.urlOptions.deleteURL(id).then(({ data }) => {
-            this.$message({
-              message: "操作成功",
-              type: "success",
-              duration: 1500,
-              onClose: () => {
-                this.getDataList();
-              },
-            });
-          });
-        })
-        .catch(() => { });
+    setDelete(data){
+      this.deleteHandle(data.id,data.materialName)
     }
 	},
 };

src/views/material/mixins/code-filter.js

@@ -2,7 +2,7 @@
 /*
  * @Date: 2020-12-29 16:49:28
  * @LastEditors: zwq
- * @LastEditTime: 2024-07-08 16:27:39
+ * @LastEditTime: 2024-08-21 11:15:56
  * @FilePath: \basic-admin\src\filters\basicData\index.js
  * @Description:
  */

src/views/system/components/statusBtn.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <span class="dot" :class="injectData.status === 1 ? 'red' : 'green'"></span>
+    <span>{{ state }}</span>
+  </div>
+</template>
+<script>
+export default {
+  name: "StatusBtn",
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    state() {
+      return this.injectData.status === 1 ? "停用" : "启用";
+    },
+  },
+};
+</script>
+<style scoped>
+.dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  vertical-align: middle;
+  margin-right: 8px;
+}
+.green {
+  background: #10dc76;
+}
+.red {
+  background: #ff5656;
+}
+</style>

src/views/system/components/statusBtn2.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <span class="dot" :class="injectData.status === 1 ? 'red' : 'green'"></span>
+    <span>{{ state }}</span>
+  </div>
+</template>
+<script>
+export default {
+  name: "StatusBtn2",
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    state() {
+      return this.injectData.status === 1 ? "关闭" : "开启";
+    },
+  },
+};
+</script>
+<style scoped>
+.dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  vertical-align: middle;
+  margin-right: 8px;
+}
+.green {
+  background: #10dc76;
+}
+.red {
+  background: #ff5656;
+}
+</style>

src/views/system/components/statusBtn3.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <span
+      class="dot"
+      :class="injectData.resultCode === 0 ? 'green' : 'red'"
+    ></span>
+    <span>{{ state }}</span>
+  </div>
+</template>
+<script>
+export default {
+  name: "StatusBtn3",
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    state() {
+      return this.injectData.resultCode === 0 ? "成功" : "失败";
+    },
+  },
+};
+</script>
+<style scoped>
+.dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  vertical-align: middle;
+  margin-right: 8px;
+}
+.green {
+  background: #10dc76;
+}
+.red {
+  background: #ff5656;
+}
+</style>

src/views/system/components/statusBtn4.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <span class="dot" :class="injectData.result === 0 ? 'green' : 'red'"></span>
+    <span>{{ state }}</span>
+  </div>
+</template>
+<script>
+export default {
+  name: "StatusBtn3",
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    state() {
+      return this.injectData.result === 0 ? "成功" : "失败";
+    },
+  },
+};
+</script>
+<style scoped>
+.dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  vertical-align: middle;
+  margin-right: 8px;
+}
+.green {
+  background: #10dc76;
+}
+.red {
+  background: #ff5656;
+}
+</style>

src/views/system/components/statusBtn5.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-switch
+    v-model="status"
+    type="text"
+    size="small"
+    @change="changeHandler"
+  />
+</template>
+
+<script>
+export default {
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  data() {
+    return {
+      status: false,
+    };
+  },
+  mounted() {
+    this.mapToState();
+  },
+  methods: {
+    mapToState() {
+      this.status = this.injectData.status === 0 ? true : false;
+    },
+    changeHandler() {
+      let params = {};
+      params.id = this.injectData.id;
+      params.status = this.status ? "0" : "1";
+      params.username = this.injectData.username;
+      this.$emit("emitData", params);
+    },
+  },
+};
+</script>

src/views/system/role/components/dataAuth.vue

@@ -0,0 +1,162 @@
+<template>
+  <el-form :model="form" label-width="80px">
+    <el-form-item label="角色名称">
+      <el-input v-model="form.name" :disabled="true" />
+    </el-form-item>
+    <el-form-item label="角色标识">
+      <el-input v-model="form.code" :disabled="true" />
+    </el-form-item>
+    <el-form-item label="权限范围">
+      <el-select v-model="form.dataScope" style="width: 100%">
+        <el-option
+          v-for="item in dataScopeDictDatas"
+          :key="parseInt(item.value)"
+          :label="item.label"
+          :value="parseInt(item.value)"
+        ></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item
+      label="数据权限"
+      v-show="form.dataScope === SysDataScopeEnum.DEPT_CUSTOM"
+    >
+      <el-checkbox
+        :checked="!form.deptCheckStrictly"
+        @change="handleCheckedTreeConnect($event, 'dept')"
+        >父子联动(选中父节点，自动选择子节点)</el-checkbox
+      >
+      <el-checkbox
+        v-model="deptExpand"
+        @change="handleCheckedTreeExpand($event, 'dept')"
+        >展开/折叠</el-checkbox
+      >
+      <el-checkbox
+        v-model="deptNodeAll"
+        @change="handleCheckedTreeNodeAll($event, 'dept')"
+        >全选/全不选</el-checkbox
+      >
+      <el-tree
+        class="tree-border"
+        :data="deptOptions"
+        show-checkbox
+        default-expand-all
+        ref="dept"
+        node-key="id"
+        :check-strictly="form.deptCheckStrictly"
+        empty-text="加载中，请稍后"
+        :props="defaultProps"
+      ></el-tree>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { SystemDataScopeEnum } from "@/utils/constants";
+import { getRole } from "@/api/system/role";
+import { listSimpleDepts } from "@/api/system/dept";
+import { DICT_TYPE, getDictDatas } from "@/utils/dict";
+import { assignRoleDataScope } from "@/api/system/permission";
+export default {
+  name: "DataAuth",
+  data() {
+    return {
+      form: {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        deptIds: [],
+        dataScope: undefined,
+        deptCheckStrictly: false,
+      },
+      deptExpand: true,
+      deptNodeAll: false,
+      // 部门列表
+      deptOptions: [], // 部门属性结构
+      depts: [], // 部门列表
+      defaultProps: {
+        label: "name",
+        children: "children",
+      },
+      // 枚举
+      SysDataScopeEnum: SystemDataScopeEnum,
+      // 数据字典
+      dataScopeDictDatas: getDictDatas(DICT_TYPE.SYSTEM_DATA_SCOPE),
+    };
+  },
+  methods: {
+    init(id) {
+      this.form.id = id;
+      getRole(id).then((res) => {
+        this.form.name = res.data.name;
+        this.form.code = res.data.code;
+        this.form.dataScope = res.data.dataScope;
+        // 获得部门列表
+        listSimpleDepts().then((response) => {
+          // 处理 deptOptions 参数
+          this.deptOptions = [];
+          this.deptOptions.push(...this.handleTree(response.data, "id"));
+          this.depts = response.data;
+          this.$refs.dept.setCheckedKeys(res.data.dataScopeDeptIds, false);
+        });
+      });
+    },
+    submitForm() {
+      if (this.form.id !== undefined) {
+        assignRoleDataScope({
+          roleId: this.form.id,
+          dataScope: this.form.dataScope,
+          dataScopeDeptIds:
+            this.form.dataScope !== SystemDataScopeEnum.DEPT_CUSTOM
+              ? []
+              : this.$refs.dept.getCheckedKeys(),
+        }).then((response) => {
+          this.$modal.msgSuccess("修改成功");
+          this.$emit("successSubmitd");
+        });
+      }
+    },
+    formClear() {
+      this.deptExpand = true;
+      this.deptNodeAll = false;
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        deptIds: [],
+        dataScope: undefined,
+        deptCheckStrictly: false,
+      };
+    },
+    // 树权限（父子联动）
+    handleCheckedTreeConnect(value, type) {
+      if (type === "menu") {
+        this.form.menuCheckStrictly = value;
+      } else if (type === "dept") {
+        this.form.deptCheckStrictly = !value;
+      }
+    },
+    // 树权限（展开/折叠）
+    handleCheckedTreeExpand(value, type) {
+      if (type === "menu") {
+        let treeList = this.menuOptions;
+        for (let i = 0; i < treeList.length; i++) {
+          this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value;
+        }
+      } else if (type === "dept") {
+        let treeList = this.deptOptions;
+        for (let i = 0; i < treeList.length; i++) {
+          this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value;
+        }
+      }
+    },
+    // 树权限（全选/全不选）
+    handleCheckedTreeNodeAll(value, type) {
+      if (type === "menu") {
+        this.$refs.menu.setCheckedNodes(value ? this.menuOptions : []);
+      } else if (type === "dept") {
+        // this.$refs.dept.setCheckedNodes(value ? this.deptOptions: []);
+        this.$refs.dept.setCheckedNodes(value ? this.depts : []);
+      }
+    },
+  },
+};
+</script>

src/views/system/role/components/menuAuth.vue

@@ -0,0 +1,146 @@
+<template>
+  <el-form :model="form" label-width="80px">
+    <el-form-item label="角色名称">
+      <el-input v-model="form.name" :disabled="true" />
+    </el-form-item>
+    <el-form-item label="角色标识">
+      <el-input v-model="form.code" :disabled="true" />
+    </el-form-item>
+    <el-form-item label="菜单权限">
+      <el-checkbox
+        v-model="menuExpand"
+        @change="handleCheckedTreeExpand($event, 'menu')"
+        >展开/折叠</el-checkbox
+      >
+      <el-checkbox
+        v-model="menuNodeAll"
+        @change="handleCheckedTreeNodeAll($event, 'menu')"
+        >全选/全不选</el-checkbox
+      >
+      <el-tree
+        class="tree-border"
+        :data="menuOptions"
+        show-checkbox
+        ref="menu"
+        node-key="id"
+        :check-strictly="form.menuCheckStrictly"
+        empty-text="加载中，请稍后"
+        :props="defaultProps"
+      ></el-tree>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { getRole } from "@/api/system/role";
+import { SystemDataScopeEnum } from "@/utils/constants";
+import { assignRoleMenu, listRoleMenus } from "@/api/system/permission";
+import { DICT_TYPE, getDictDatas } from "@/utils/dict";
+import { listSimpleMenus } from "@/api/system/menu";
+export default {
+  name: "MenuAuth",
+  data() {
+    return {
+      form: {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        menuIds: [],
+        menuCheckStrictly: true,
+      },
+      // 菜单列表
+      menuOptions: [],
+      menuExpand: false,
+      menuNodeAll: false,
+      SysDataScopeEnum: SystemDataScopeEnum,
+      // 数据字典
+      dataScopeDictDatas: getDictDatas(DICT_TYPE.SYSTEM_DATA_SCOPE),
+      defaultProps: {
+        label: "name",
+        children: "children",
+      },
+    };
+  },
+  methods: {
+    init(id) {
+      this.form.id = id;
+      getRole(id).then((res) => {
+        this.form.name = res.data.name;
+        this.form.code = res.data.code;
+        listSimpleMenus().then((response) => {
+          // 处理 menuOptions 参数
+          this.menuOptions = [];
+          this.menuOptions.push(...this.handleTree(response.data, "id"));
+          // 获取角色拥有的菜单权限
+          listRoleMenus(id).then((response) => {
+            // 设置为严格，避免设置父节点自动选中子节点，解决半选中问题
+            this.form.menuCheckStrictly = true;
+            // 设置选中
+            this.$refs.menu.setCheckedKeys(response.data);
+            // 设置为非严格，继续使用半选中
+            this.form.menuCheckStrictly = false;
+          });
+        });
+      });
+    },
+    submitForm() {
+      if (this.form.id !== undefined) {
+        assignRoleMenu({
+          roleId: this.form.id,
+          menuIds: [
+            ...this.$refs.menu.getCheckedKeys(),
+            ...this.$refs.menu.getHalfCheckedKeys(),
+          ],
+        }).then((response) => {
+          this.$modal.msgSuccess("修改成功");
+          this.$emit("successSubmitm");
+        });
+      }
+    },
+    formClear() {
+      if (this.$refs.menu !== undefined) {
+        this.$refs.menu.setCheckedKeys([]);
+      }
+      this.menuExpand = false;
+      this.menuNodeAll = false;
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        menuIds: [],
+        menuCheckStrictly: true,
+      };
+    },
+    // 树权限（父子联动）
+    handleCheckedTreeConnect(value, type) {
+      if (type === "menu") {
+        this.form.menuCheckStrictly = value;
+      } else if (type === "dept") {
+        this.form.deptCheckStrictly = !value;
+      }
+    },
+    // 树权限（展开/折叠）
+    handleCheckedTreeExpand(value, type) {
+      if (type === "menu") {
+        let treeList = this.menuOptions;
+        for (let i = 0; i < treeList.length; i++) {
+          this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value;
+        }
+      } else if (type === "dept") {
+        let treeList = this.deptOptions;
+        for (let i = 0; i < treeList.length; i++) {
+          this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value;
+        }
+      }
+    },
+    // 树权限（全选/全不选）
+    handleCheckedTreeNodeAll(value, type) {
+      if (type === "menu") {
+        this.$refs.menu.setCheckedNodes(value ? this.menuOptions : []);
+      } else if (type === "dept") {
+        // this.$refs.dept.setCheckedNodes(value ? this.deptOptions: []);
+        this.$refs.dept.setCheckedNodes(value ? this.depts : []);
+      }
+    },
+  },
+};
+</script>

src/views/system/role/components/roleAdd.vue

@@ -0,0 +1,129 @@
+<template>
+  <el-form ref="form" :rules="rules" label-width="100px" :model="form">
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="角色编码" prop="code">
+          <el-input v-model="form.code"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="角色名称" prop="name">
+          <el-input v-model="form.name"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="角色顺序" prop="sort">
+          <el-input-number
+            v-model="form.sort"
+            controls-position="right"
+            :min="1"
+            :max="999999999"
+            style="width: 100%"
+          ></el-input-number>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="状态" prop="status" v-if="isEdit">
+          <el-switch v-model="form.status"> </el-switch>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { addRole, getRole, updateRole } from "@/api/system/role";
+export default {
+  name: "RoleAdd",
+  data() {
+    return {
+      form: {
+        id: "",
+        code: "",
+        name: "",
+        sort: 1,
+        status: 0,
+        remark: "",
+      },
+      isEdit: false, //是否是编辑
+      rules: {
+        code: [
+          { required: true, message: "角色编码不能为空", trigger: "blur" },
+        ],
+        name: [
+          { required: true, message: "角色名称不能为空", trigger: "blur" },
+        ],
+        sort: [{ required: true }],
+      },
+    };
+  },
+  methods: {
+    init(id) {
+      if (id) {
+        this.isEdit = true;
+        this.form.id = id;
+        getRole(id).then((res) => {
+          if (res.code === 0) {
+            this.form.id = res.data.id;
+            this.form.code = res.data.code;
+            this.form.name = res.data.name;
+            this.form.sort = res.data.sort;
+            this.form.remark = res.data.remark;
+            this.form.status = res.data.status ? false : true;
+          }
+        });
+      } else {
+        this.isEdit = false;
+        this.form.id = "";
+      }
+    },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.isEdit) {
+            //编辑
+            updateRole({
+              id: this.form.id,
+              code: this.form.code,
+              name: this.form.name,
+              sort: this.form.sort,
+              remark: this.form.remark,
+              status: this.form.status ? 0 : 1,
+            }).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit("successSubmit");
+              }
+            });
+          } else {
+            addRole({
+              code: this.form.code,
+              name: this.form.name,
+              sort: this.form.sort,
+              remark: this.form.remark,
+              status: 0,
+            }).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit("successSubmit");
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    formClear() {
+      this.$refs.form.resetFields();
+      this.isEdit = false;
+    },
+  },
+};
+</script>

src/views/system/role/index.vue

@@ -1,250 +1,180 @@
 <template>
 	<div class="app-container">
-    <!-- <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+		<!-- <doc-alert
+      title="功能权限"
+      url="https://doc.iocoder.cn/resource-permission"
+    />
     <doc-alert title="数据权限" url="https://doc.iocoder.cn/data-permission" /> -->
-    <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
-      <el-form-item label="角色名称" prop="name">
-        <el-input v-model="queryParams.name" placeholder="请输入角色名称" clearable size="small" style="width: 240px"
-                  @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="角色标识" prop="code">
-        <el-input v-model="queryParams.code" placeholder="请输入角色标识" clearable size="small" style="width: 240px"
-                  @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="角色状态" clearable size="small" style="width: 240px">
-          <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
-                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                   v-hasPermi="['system:role:create']">新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
-                   v-hasPermi="['system:role:export']">导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="roleList">
-      <el-table-column label="角色编号" prop="id" width="120" />
-      <el-table-column label="角色名称" prop="name" :show-overflow-tooltip="true" width="150" />
-      <el-table-column label="角色标识" prop="code" :show-overflow-tooltip="true" width="150" />
-      <el-table-column label="角色类型" prop="type" width="80">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.SYSTEM_ROLE_TYPE" :value="scope.row.type"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="显示顺序" prop="sort" width="100" />
-      <el-table-column label="状态" align="center" width="100">
-        <template v-slot="scope">
-          <el-switch v-model="scope.row.status" :active-value="0" :inactive-value="1" @change="handleStatusChange(scope.row)"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['system:role:update']">修改</el-button>
-          <el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleMenu(scope.row)"
-                     v-hasPermi="['system:permission:assign-role-menu']">菜单权限</el-button>
-          <el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleDataScope(scope.row)"
-                     v-hasPermi="['system:permission:assign-role-data-scope']">数据权限</el-button>
-          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['system:role:delete']">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="230"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
 			@pagination="getList" />
 
-    <!-- 添加或修改角色配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="角色名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入角色名称" />
-        </el-form-item>
-        <el-form-item label="角色标识" prop="code">
-          <el-input v-model="form.code" placeholder="请输入角色标识" />
-        </el-form-item>
-        <el-form-item label="角色顺序" prop="sort">
-          <el-input-number v-model="form.sort" controls-position="right" :min="0" />
-        </el-form-item>
-        <el-form-item label="备注">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 分配角色的数据权限对话框 -->
-    <el-dialog title="分配数据权限" :visible.sync="openDataScope" width="500px" append-to-body>
-      <el-form :model="form" label-width="80px">
-        <el-form-item label="角色名称">
-          <el-input v-model="form.name" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="角色标识">
-          <el-input v-model="form.code" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="权限范围">
-          <el-select v-model="form.dataScope">
-            <el-option
-              v-for="item in dataScopeDictDatas"
-              :key="parseInt(item.value)"
-              :label="item.label"
-              :value="parseInt(item.value)"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="数据权限" v-show="form.dataScope === SysDataScopeEnum.DEPT_CUSTOM">
-          <el-checkbox :checked="!form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动(选中父节点，自动选择子节点)</el-checkbox>
-          <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
-          <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>
-          <el-tree
-            class="tree-border"
-            :data="deptOptions"
-            show-checkbox
-            default-expand-all
-            ref="dept"
-            node-key="id"
-            :check-strictly="form.deptCheckStrictly"
-            empty-text="加载中，请稍后"
-            :props="defaultProps"
-          ></el-tree>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitDataScope">确 定</el-button>
-        <el-button @click="cancelDataScope">取 消</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 分配角色的菜单权限对话框 -->
-    <el-dialog :title="title" :visible.sync="openMenu" width="500px" append-to-body>
-      <el-form :model="form" label-width="80px">
-        <el-form-item label="角色名称">
-          <el-input v-model="form.name" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="角色标识">
-          <el-input v-model="form.code" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="菜单权限">
-          <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
-          <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
-          <el-tree class="tree-border" :data="menuOptions" show-checkbox ref="menu" node-key="id"
-              :check-strictly="form.menuCheckStrictly" empty-text="加载中，请稍后" :props="defaultProps"></el-tree>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitMenu">确 定</el-button>
-        <el-button @click="cancelMenu">取 消</el-button>
-      </div>
-    </el-dialog>
+		<!-- 新增&编辑 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="50%">
+			<role-add ref="roleAdd" @successSubmit="successSubmit" />
+		</base-dialog>
+		<!-- 菜单权限 -->
+		<base-dialog
+			dialogTitle="分配菜单权限"
+			:dialogVisible="menuVisible"
+			@cancel="handleCancelm"
+			@confirm="handleConfirmm"
+			:before-close="handleCancelm"
+			width="50%">
+			<menu-auth ref="menuAuth" @successSubmitm="successSubmitm" />
+		</base-dialog>
+		<!-- 数据权限 -->
+		<base-dialog
+			dialogTitle="分配数据权限"
+			:dialogVisible="dataVisible"
+			@cancel="handleCanceld"
+			@confirm="handleConfirmd"
+			:before-close="handleCanceld"
+			width="50%">
+			<data-auth ref="dataAuth" @successSubmitd="successSubmitd" />
+		</base-dialog>
 	</div>
 </template>
 
 <script>
-import {
-  addRole,
-  changeRoleStatus,
-  delRole,
-  exportRole,
-  getRole,
-  listRole,
-  updateRole
-} from "@/api/system/role";
-import {listSimpleMenus} from "@/api/system/menu";
-import {assignRoleMenu, listRoleMenus, assignRoleDataScope} from "@/api/system/permission";
-import {listSimpleDepts} from "@/api/system/dept";
-import {CommonStatusEnum, SystemDataScopeEnum} from "@/utils/constants";
-import {DICT_TYPE, getDictDatas} from "@/utils/dict";
-
+import { delRole, listRole } from '@/api/system/role';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
+import RoleAdd from './components/roleAdd';
+import MenuAuth from './components/menuAuth';
+import DataAuth from './components/dataAuth';
+import statusBtn from './../components/statusBtn.vue';
+const tableProps = [
+	{
+		prop: 'code',
+		label: '角色编码',
+		minWidth: 140,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'name',
+		label: '角色名称',
+		minWidth: 140,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'sort',
+		label: '角色顺序',
+		minWidth: 90,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'status',
+		label: '状态',
+		minWidth: 100,
+		subcomponent: statusBtn,
+	},
+	{
+		prop: 'remark',
+		label: '角色描述',
+		minWidth: 140,
+		showOverflowtooltip: true,
+	},
+];
 export default {
-  name: "SystemRole",
+	name: 'SystemRole',
+	mixins: [tableHeightMixin],
+	components: { RoleAdd, MenuAuth, DataAuth },
 	data() {
 		return {
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 角色表格数据
-      roleList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 是否显示弹出层（数据权限）
-      openDataScope: false,
-      // 是否显示弹出层（菜单权限）
-      openMenu: false,
-      menuExpand: false,
-      menuNodeAll: false,
-      deptExpand: true,
-      deptNodeAll: false,
-      // 菜单列表
-      menuOptions: [],
-      // 部门列表
-      deptOptions: [], // 部门属性结构
-      depts: [], // 部门列表
-      // 查询参数
+			formConfig: [
+				{
+					type: 'input',
+					label: '角色名称',
+					placeholder: '角色名称',
+					param: 'name',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: this.$auth.hasPermi('system:role:create') ? 'separate' : '',
+				},
+				{
+					type: this.$auth.hasPermi('system:role:create') ? 'button' : '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
 			queryParams: {
 				pageNo: 1,
-        pageSize: 10,
-        name: undefined,
-        code: undefined,
-        status: undefined,
-        createTime: []
+				pageSize: 20,
+				name: '',
 			},
-      // 表单参数
-      form: {},
-      defaultProps: {
-        label: "name",
-        children: "children"
-      },
-      // 表单校验
-      rules: {
-        name: [
-          { required: true, message: "角色名称不能为空", trigger: "blur" }
-        ],
-        code: [
-          { required: true, message: "角色标识不能为空", trigger: "blur" }
-        ],
-        sort: [
-          { required: true, message: "角色顺序不能为空", trigger: "blur" }
-        ]
-      },
-
-      // 枚举
-      SysCommonStatusEnum: CommonStatusEnum,
-      SysDataScopeEnum: SystemDataScopeEnum,
-      // 数据字典
-      roleTypeDictDatas: getDictDatas(DICT_TYPE.SYSTEM_ROLE_TYPE),
-      statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS),
-      dataScopeDictDatas: getDictDatas(DICT_TYPE.SYSTEM_DATA_SCOPE)
+			tableProps,
+			list: [],
+			tableBtn: [
+				this.$auth.hasPermi('system:permission:assign-role-menu')
+					? {
+							type: 'menuAuth',
+							btnName: '菜单权限',
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:permission:assign-role-data-scope')
+					? {
+							type: 'dataAuth',
+							btnName: '数据权限',
+							// showTip: "新增工单",
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:role:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:role:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			addOrEditTitle: '',
+			centervisible: false,
+			// 菜单权限
+			menuVisible: false,
+			// 数据权限
+			dataVisible: false,
+			// 总条数
+			total: 0,
 		};
 	},
 	created() {
@@ -253,243 +183,110 @@ export default {
 	methods: {
 		/** 查询角色列表 */
 		getList() {
-      this.loading = true;
-      listRole(this.queryParams).then(
-        response => {
-          this.roleList = response.data.list;
+			listRole(this.queryParams).then((response) => {
+				this.list = response.data.list;
 				this.total = response.data.total;
-          this.loading = false;
-        }
-      );
-    },
-    // 角色状态修改
-    handleStatusChange(row) {
-      // 此时，row 已经变成目标状态了，所以可以直接提交请求和提示
-      let text = row.status === CommonStatusEnum.ENABLE ? "启用" : "停用";
-      this.$modal.confirm('确认要"' + text + '""' + row.name + '"角色吗?').then(function() {
-          return changeRoleStatus(row.id, row.status);
-        }).then(() => {
-          this.$modal.msgSuccess(text + "成功");
-        }).catch(function() {
-          // 异常时，需要将 row.status 状态重置回之前的
-          row.status = row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE
-              : CommonStatusEnum.ENABLE;
 			});
 		},
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 取消按钮（数据权限）
-    cancelDataScope() {
-      this.openDataScope = false;
-      this.reset();
-    },
-    // 取消按钮（菜单权限）
-    cancelMenu() {
-      this.openMenu = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      if (this.$refs.menu !== undefined) {
-        this.$refs.menu.setCheckedKeys([]);
-      }
-      this.menuExpand = false;
-      this.menuNodeAll = false;
-      this.deptExpand = true;
-      this.deptNodeAll = false;
-      this.form = {
-        id: undefined,
-        name: undefined,
-        code: undefined,
-        sort: 0,
-        deptIds: [],
-        menuIds: [],
-        dataScope: undefined,
-        deptCheckStrictly: false,
-        menuCheckStrictly: true,
-        remark: undefined
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
+		buttonClick(val) {
+			console.log(val);
+			if (val.btnName === 'search') {
 				this.queryParams.pageNo = 1;
+				this.queryParams.name = val.name;
 				this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 树权限（展开/折叠）
-    handleCheckedTreeExpand(value, type) {
-      if (type === 'menu') {
-        let treeList = this.menuOptions;
-        for (let i = 0; i < treeList.length; i++) {
-          this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value;
-        }
-      } else if (type === 'dept') {
-        let treeList = this.deptOptions;
-        for (let i = 0; i < treeList.length; i++) {
-          this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value;
-        }
-      }
-    },
-    // 树权限（全选/全不选）
-    handleCheckedTreeNodeAll(value, type) {
-      if (type === 'menu') {
-        this.$refs.menu.setCheckedNodes(value ? this.menuOptions: []);
-      } else if (type === 'dept') {
-        // this.$refs.dept.setCheckedNodes(value ? this.deptOptions: []);
-        this.$refs.dept.setCheckedNodes(value ? this.depts: []);
-      }
-    },
-    // 树权限（父子联动）
-    handleCheckedTreeConnect(value, type) {
-      if (type === 'menu') {
-        this.form.menuCheckStrictly = value;
-      } else if (type === 'dept') {
-        this.form.deptCheckStrictly = !value;
-      }
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加角色";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id
-      getRole(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改角色";
-      });
-    },
-    /** 分配菜单权限操作 */
-    handleMenu(row) {
-      this.reset();
-      const id = row.id
-      // 处理了 form 的角色 name 和 code 的展示
-      this.form.id = id;
-      this.form.name = row.name;
-      this.form.code = row.code;
-      // 打开弹窗
-      this.openMenu = true;
-      // 获得菜单列表
-      listSimpleMenus().then(response => {
-        // 处理 menuOptions 参数
-        this.menuOptions = [];
-        this.menuOptions.push(...this.handleTree(response.data, "id"));
-        // 获取角色拥有的菜单权限
-        listRoleMenus(id).then(response => {
-          // 设置为严格，避免设置父节点自动选中子节点，解决半选中问题
-          this.form.menuCheckStrictly = true
-          // 设置选中
-          this.$refs.menu.setCheckedKeys(response.data);
-          // 设置为非严格，继续使用半选中
-          this.form.menuCheckStrictly = false
-        })
-      });
-
-    },
-    /** 分配数据权限操作 */
-    handleDataScope(row) {
-      this.reset();
-      // 处理了 form 的角色 name 和 code 的展示
-      this.form.id = row.id;
-      this.form.name = row.name;
-      this.form.code = row.code;
-      // 打开弹窗
-      this.openDataScope = true;
-      // 获得部门列表
-      listSimpleDepts().then(response => {
-        // 处理 deptOptions 参数
-        this.deptOptions = [];
-        this.deptOptions.push(...this.handleTree(response.data, "id"));
-        this.depts = response.data;
-        // this.deptIds = response.data.map(x => x.id);
-        // 获得角色拥有的数据权限
-        getRole(row.id).then(response => {
-          this.form.dataScope = response.data.dataScope;
-          this.$refs.dept.setCheckedKeys(response.data.dataScopeDeptIds, false);
-        });
-      });
-    },
-    /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id !== undefined) {
-            updateRole(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
 			} else {
-            addRole(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 提交按钮（数据权限） */
-    submitDataScope: function() {
-      if (this.form.id !== undefined) {
-        assignRoleDataScope({
-          roleId: this.form.id,
-          dataScope: this.form.dataScope,
-          dataScopeDeptIds: this.form.dataScope !== SystemDataScopeEnum.DEPT_CUSTOM ? [] :
-              this.$refs.dept.getCheckedKeys()
-        }).then(response => {
-          this.$modal.msgSuccess("修改成功");
-          this.openDataScope = false;
-          this.getList();
+				this.addOrEditTitle = '新增';
+				this.centervisible = true;
+				this.$nextTick(() => {
+					this.$refs.roleAdd.init();
 				});
 			}
 		},
-    /** 提交按钮（菜单权限） */
-    submitMenu: function() {
-      if (this.form.id !== undefined) {
-        assignRoleMenu({
-          roleId: this.form.id,
-          menuIds: [...this.$refs.menu.getCheckedKeys(), ...this.$refs.menu.getHalfCheckedKeys()]
-        }).then(response => {
-          this.$modal.msgSuccess("修改成功");
-          this.openMenu = false;
-          this.getList();
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.roleAdd.init(val.data.id);
+					});
+					break;
+				case 'delete':
+					this.handleDelete(val.data);
+					break;
+				case 'menuAuth':
+					this.menuVisible = true;
+					this.$nextTick(() => {
+						this.$refs.menuAuth.init(val.data.id);
+					});
+					break;
+				default:
+					this.dataVisible = true;
+					this.$nextTick(() => {
+						this.$refs.dataAuth.init(val.data.id);
 					});
 			}
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除角色编号为"' + ids + '"的数据项?').then(function() {
-          return delRole(ids);
-        }).then(() => {
+			this.$modal
+				.delConfirm(row.name)
+				.then(function () {
+					return delRole(row.id);
+				})
+				.then(() => {
+					this.queryParams.pageNo = 1;
 					this.getList();
-          this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+		// 新增取消
+		handleCancel() {
+			this.$refs.roleAdd.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.roleAdd.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		// 菜单权限
+		handleCancelm() {
+			this.$refs.menuAuth.formClear();
+			this.menuVisible = false;
+		},
+		handleConfirmm() {
+			this.$refs.menuAuth.submitForm();
+		},
+		successSubmitm() {
+			this.handleCancelm();
+			this.getList();
+		},
+		// 数据权限
+		handleCanceld() {
+			this.$refs.dataAuth.formClear();
+			this.dataVisible = false;
+		},
+		handleConfirmd() {
+			this.$refs.dataAuth.submitForm();
+		},
+		successSubmitd() {
+			this.handleCanceld();
+			this.getList();
+		},
 	},
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$modal.confirm('是否确认导出所有角色数据项?').then(function() {
-          this.exportLoading = true;
-          return exportRole(queryParams);
-        }).then(response => {
-          this.$download.excel(response, '角色数据.xls');
-          this.exportLoading = false;
-      }).catch(() => {});
-    }
-  }
 };
 </script>
+<style lang="scss" scoped>
+.app-container {
+	width: 100%;
+	height: calc(100vh - 164px);
+	background-color: #fff;
+	border-radius: 8px;
+	padding: 8px;
+}
+</style>

src/views/system/user/index.vue

@@ -1,8 +1,17 @@
 <template>
-	<div style="display: flex; gap: 16px; flex: 1; background: #eff1f6">
-		<div
-			class="app-container"
-			style="background: white; width: 280px; border-radius: 8px">
+	<div class="user-container">
+		<!-- <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
+    <doc-alert title="三方登陆" url="https://doc.iocoder.cn/social-user/" />
+    <doc-alert
+      title="Excel 导入导出"
+      url="https://doc.iocoder.cn/excel-import-and-export/"
+    /> -->
+		<!-- 搜索工作栏 -->
+
+		<el-row :gutter="8" class="user-box">
+			<!--部门数据-->
+			<el-col :span="4" :xs="24">
+				<div class="user-box-left">
 					<div class="head-container">
 						<el-input
 							v-model="deptName"
@@ -24,240 +33,47 @@
 							@node-click="handleNodeClick" />
 					</div>
 				</div>
-
-		<div
-			class="app-container"
-			style="background: #fff; border-radius: 8px; width: 1px; flex: 1">
-			<el-form
-				:model="queryParams"
-				ref="queryForm"
-				size="small"
-				:inline="true"
-				v-show="showSearch"
-				label-width="68px">
-				<el-form-item label="用户名称" prop="username">
-					<el-input
-						v-model="queryParams.username"
-						placeholder="请输入用户名称"
-						clearable
-						style="width: 240px"
-						@keyup.enter.native="handleQuery" />
-				</el-form-item>
-				<el-form-item label="手机号码" prop="mobile">
-					<el-input
-						v-model="queryParams.mobile"
-						placeholder="请输入手机号码"
-						clearable
-						style="width: 240px"
-						@keyup.enter.native="handleQuery" />
-				</el-form-item>
-				<el-form-item label="状态" prop="status">
-					<el-select
-						v-model="queryParams.status"
-						placeholder="用户状态"
-						clearable
-						style="width: 240px">
-						<el-option
-							v-for="dict in statusDictDatas"
-							:key="parseInt(dict.value)"
-							:label="dict.label"
-							:value="parseInt(dict.value)" />
-					</el-select>
-				</el-form-item>
-				<el-form-item label="创建时间" prop="createTime">
-					<el-date-picker
-						v-model="queryParams.createTime"
-						style="width: 240px"
-						value-format="yyyy-MM-dd HH:mm:ss"
-						type="daterange"
-						range-separator="-"
-						start-placeholder="开始日期"
-						end-placeholder="结束日期"
-						:default-time="['00:00:00', '23:59:59']" />
-				</el-form-item>
-				<el-form-item>
-					<el-button type="primary" icon="el-icon-search" @click="handleQuery">
-						搜索
-					</el-button>
-					<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-				</el-form-item>
-			</el-form>
-
-			<el-row :gutter="10" class="mb8">
-				<el-col :span="1.5">
-					<el-button
-						type="primary"
-						plain
-						icon="el-icon-plus"
-						size="mini"
-						@click="handleAdd"
-						v-hasPermi="['system:user:create']">
-						新增
-					</el-button>
 			</el-col>
-				<el-col :span="1.5">
-					<el-button
-						type="info"
-						icon="el-icon-upload2"
-						size="mini"
-						@click="handleImport"
-						v-hasPermi="['system:user:import']">
-						导入
-					</el-button>
-				</el-col>
-				<el-col :span="1.5">
-					<el-button
-						type="warning"
-						icon="el-icon-download"
-						size="mini"
-						@click="handleExport"
-						:loading="exportLoading"
-						v-hasPermi="['system:user:export']">
-						导出
-					</el-button>
-				</el-col>
-				<right-toolbar
-					:showSearch.sync="showSearch"
-					@queryTable="getList"
-					:columns="columns"></right-toolbar>
-			</el-row>
-
-			<el-table v-loading="loading" :data="userList">
-				<el-table-column
-					label="用户编号"
-					align="center"
-					key="id"
-					prop="id"
-					v-if="columns[0].visible" />
-				<el-table-column
-					label="用户名称"
-					align="center"
-					key="username"
-					prop="username"
-					v-if="columns[1].visible"
-					:show-overflow-tooltip="true" />
-				<el-table-column
-					label="用户昵称"
-					align="center"
-					key="nickname"
-					prop="nickname"
-					v-if="columns[2].visible"
-					:show-overflow-tooltip="true" />
-				<el-table-column
-					label="部门"
-					align="center"
-					key="deptName"
-					prop="dept.name"
-					v-if="columns[3].visible"
-					:show-overflow-tooltip="true" />
-				<el-table-column
-					label="手机号码"
-					align="center"
-					key="mobile"
-					prop="mobile"
-					v-if="columns[4].visible"
-					width="120" />
-				<el-table-column
-					label="状态"
-					key="status"
-					v-if="columns[5].visible"
-					align="center">
-					<template v-slot="scope">
-						<el-switch
-							v-model="scope.row.status"
-							:active-value="0"
-							:inactive-value="1"
-							@change="handleStatusChange(scope.row)" />
-					</template>
-				</el-table-column>
-				<el-table-column
-					label="创建时间"
-					align="center"
-					prop="createTime"
-					v-if="columns[6].visible"
-					width="160">
-					<template v-slot="scope">
-						<span>{{ parseTime(scope.row.createTime) }}</span>
-					</template>
-				</el-table-column>
-				<el-table-column
+			<!--用户数据-->
+			<el-col :span="20" :xs="24">
+				<div class="user-box-right">
+					<search-bar
+						:formConfigs="formConfig"
+						ref="userSearchBarForm"
+						@headBtnClick="buttonClick" />
+					<!-- 列表 -->
+					<base-table
+						:page="queryParams.pageNo"
+						:limit="queryParams.pageSize"
+						:table-props="tableProps"
+						:table-data="userList"
+						:max-height="tableH"
+						@emitFun="handleStatusChange">
+						<method-btn
+							v-if="tableBtn.length"
+							slot="handleBtn"
+							:width="220"
 							label="操作"
-					align="center"
-					width="160"
-					class-name="small-padding fixed-width">
-					<template v-slot="scope">
-						<el-button
-							size="mini"
-							type="text"
-							icon="el-icon-edit"
-							@click="handleUpdate(scope.row)"
-							v-hasPermi="['system:user:update']">
-							修改
-						</el-button>
-						<el-dropdown
-							@command="
-								(command) => handleCommand(command, scope.$index, scope.row)
-							"
-							v-hasPermi="[
-								'system:user:delete',
-								'system:user:update-password',
-								'system:permission:assign-user-role',
-							]">
-							<el-button size="mini" type="text" icon="el-icon-d-arrow-right">
-								更多
-							</el-button>
-							<el-dropdown-menu slot="dropdown">
-								<el-dropdown-item
-									command="handleDelete"
-									v-if="scope.row.id !== 1"
-									size="mini"
-									type="text"
-									icon="el-icon-delete"
-									v-hasPermi="['system:user:delete']">
-									删除
-								</el-dropdown-item>
-								<el-dropdown-item
-									command="handleResetPwd"
-									size="mini"
-									type="text"
-									icon="el-icon-key"
-									v-hasPermi="['system:user:update-password']">
-									重置密码
-								</el-dropdown-item>
-								<el-dropdown-item
-									command="handleRole"
-									size="mini"
-									type="text"
-									icon="el-icon-circle-check"
-									v-hasPermi="['system:permission:assign-user-role']">
-									分配角色
-								</el-dropdown-item>
-							</el-dropdown-menu>
-						</el-dropdown>
-					</template>
-				</el-table-column>
-			</el-table>
+							:method-list="tableBtn"
+							@clickBtn="handleClick" />
+					</base-table>
 
 					<pagination
-				v-show="total > 0"
-				:total="total"
 						:page.sync="queryParams.pageNo"
 						:limit.sync="queryParams.pageSize"
+						:total="total"
 						@pagination="getList" />
+				</div>
+			</el-col>
+		</el-row>
 
 		<!-- 添加或修改参数配置对话框 -->
-			<el-dialog
-				:title="title"
-				:visible.sync="open"
-				width="600px"
-				append-to-body>
-				<el-form ref="form" :model="form" :rules="rules" label-width="80px">
+		<base-dialog :dialogTitle="title" :dialogVisible="open" width="50%">
+			<el-form ref="form" :model="form" :rules="rules" label-width="100px">
 				<el-row>
 					<el-col :span="12">
 						<el-form-item label="用户昵称" prop="nickname">
-								<el-input
-									v-model="form.nickname"
-									placeholder="请输入用户昵称" />
+							<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
 						</el-form-item>
 					</el-col>
 					<el-col :span="12">
@@ -296,9 +112,7 @@
 							v-if="form.id === undefined"
 							label="用户名称"
 							prop="username">
-								<el-input
-									v-model="form.username"
-									placeholder="请输入用户名称" />
+							<el-input v-model="form.username" placeholder="请输入用户名称" />
 						</el-form-item>
 					</el-col>
 					<el-col :span="12">
@@ -317,7 +131,10 @@
 				<el-row>
 					<el-col :span="12">
 						<el-form-item label="用户性别">
-								<el-select v-model="form.sex" placeholder="请选择">
+							<el-select
+								v-model="form.sex"
+								placeholder="请选择"
+								style="width: 100%">
 								<el-option
 									v-for="dict in sexDictDatas"
 									:key="parseInt(dict.value)"
@@ -328,7 +145,11 @@
 					</el-col>
 					<el-col :span="12">
 						<el-form-item label="岗位">
-								<el-select v-model="form.postIds" multiple placeholder="请选择">
+							<el-select
+								v-model="form.postIds"
+								multiple
+								placeholder="请选择"
+								style="width: 100%">
 								<el-option
 									v-for="item in postOptions"
 									:key="item.id"
@@ -350,17 +171,16 @@
 				</el-row>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
-					<el-button type="primary" @click="submitForm">确 定</el-button>
 				<el-button @click="cancel">取 消</el-button>
+				<el-button type="primary" @click="submitForm">确 定</el-button>
 			</div>
-			</el-dialog>
+		</base-dialog>
 
 		<!-- 用户导入对话框 -->
-			<el-dialog
-				:title="upload.title"
-				:visible.sync="upload.open"
-				width="400px"
-				append-to-body>
+		<base-dialog
+			:dialogTitle="upload.title"
+			:dialogVisible="upload.open"
+			width="400px">
 			<el-upload
 				ref="upload"
 				:limit="1"
@@ -388,7 +208,7 @@
 						:underline="false"
 						style="font-size: 12px; vertical-align: baseline"
 						@click="importTemplate">
-							下载模板
+						导出模板
 					</el-link>
 				</div>
 			</el-upload>
@@ -396,14 +216,10 @@
 				<el-button type="primary" @click="submitFileForm">确 定</el-button>
 				<el-button @click="upload.open = false">取 消</el-button>
 			</div>
-			</el-dialog>
+		</base-dialog>
 
 		<!-- 分配角色 -->
-			<el-dialog
-				title="分配角色"
-				:visible.sync="openRole"
-				width="500px"
-				append-to-body>
+		<base-dialog dialogTitle="分配角色" :dialogVisible="openRole" width="500px">
 			<el-form :model="form" label-width="80px">
 				<el-form-item label="用户名称">
 					<el-input v-model="form.username" :disabled="true" />
@@ -412,7 +228,11 @@
 					<el-input v-model="form.nickname" :disabled="true" />
 				</el-form-item>
 				<el-form-item label="角色">
-						<el-select v-model="form.roleIds" multiple placeholder="请选择">
+					<el-select
+						v-model="form.roleIds"
+						multiple
+						placeholder="请选择"
+						style="width: 100%">
 						<el-option
 							v-for="item in roleOptions"
 							:key="parseInt(item.id)"
@@ -425,8 +245,7 @@
 				<el-button type="primary" @click="submitRole">确 定</el-button>
 				<el-button @click="cancelRole">取 消</el-button>
 			</div>
-			</el-dialog>
-		</div>
+		</base-dialog>
 	</div>
 </template>
 
@@ -453,12 +272,168 @@ import { DICT_TYPE, getDictDatas } from '@/utils/dict';
 import { assignUserRole, listUserRoles } from '@/api/system/permission';
 import { listSimpleRoles } from '@/api/system/role';
 import { getBaseHeader } from '@/utils/request';
-
+import tableHeightMixin from '@/mixins/tableHeightMixin';
+import { parseTime } from '@/utils/ruoyi';
+import statusBtn5 from './../components/statusBtn5.vue';
+const tableProps = [
+	{
+		prop: 'id',
+		label: '用户编号',
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'username',
+		label: '用户名称',
+		minWidth: 120,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'nickname',
+		label: '用户昵称',
+		minWidth: 120,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'dept',
+		label: '部门',
+		minWidth: 120,
+		filter: (item) => item.name || '',
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'mobile',
+		label: '手机号码',
+		minWidth: 150,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'status',
+		label: '状态',
+		minWidth: 80,
+		// filter: publicFormatter(DICT_TYPE.SYSTEM_OPERATE_TYPE),
+		subcomponent: statusBtn5,
+	},
+	{
+		prop: 'createTime',
+		label: '创建时间',
+		filter: parseTime,
+		minWidth: 150,
+		showOverflowtooltip: true,
+	},
+];
 export default {
 	name: 'SystemUser',
+	mixins: [tableHeightMixin],
 	components: { Treeselect },
 	data() {
 		return {
+			formConfig: [
+				{
+					type: 'input',
+					label: '用户名称',
+					placeholder: '用户名称',
+					param: 'username',
+					width: 150,
+				},
+				{
+					type: 'input',
+					label: '手机号码',
+					placeholder: '手机号码',
+					param: 'mobile',
+					width: 150,
+				},
+				{
+					type: 'select',
+					label: '状态',
+					selectOptions: this.getDictDatas(this.DICT_TYPE.COMMON_STATUS),
+					labelField: 'label',
+					valueField: 'value',
+					param: 'status',
+					width: 100,
+				},
+				{
+					type: 'datePicker',
+					label: '创建时间',
+					dateType: 'daterange',
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd HH:mm:ss',
+					rangeSeparator: '-',
+					startPlaceholder: '开始日期',
+					endPlaceholder: '结束日期',
+					param: 'createTime',
+					defaultSelect: [],
+					defaultTime: ['00:00:00', '23:59:59'],
+					width: 250,
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'button',
+					btnName: '重置',
+					name: 'cancel',
+				},
+				{
+					type: this.$auth.hasPermiOr([
+						'system:user:create',
+						'system:user:import',
+						'system:user:export',
+					])
+						? 'separate'
+						: '',
+				},
+				{
+					type: this.$auth.hasPermi('system:user:import') ? 'button' : '',
+					btnName: '导入',
+					name: 'import',
+					color: 'primary',
+					plain: true,
+				},
+				{
+					type: this.$auth.hasPermi('system:user:export') ? 'button' : '',
+					btnName: '导出',
+					name: 'export',
+					color: 'primary',
+					plain: true,
+				},
+				{
+					type: this.$auth.hasPermi('system:user:create') ? 'button' : '',
+					btnName: '新增',
+					name: 'addNew',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableBtn: [
+				this.$auth.hasPermi('system:user:update-password')
+					? {
+							type: 'reset',
+							btnName: '重置密码',
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:permission:assign-user-role')
+					? {
+							type: 'role',
+							btnName: '分配角色',
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:user:update')
+					? {
+							type: 'edit',
+							btnName: '修改',
+					  }
+					: undefined,
+				this.$auth.hasPermi('system:user:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableProps,
 			// 遮罩层
 			loading: true,
 			// 导出遮罩层
@@ -468,7 +443,7 @@ export default {
 			// 总条数
 			total: 0,
 			// 用户表格数据
-			userList: null,
+			userList: [],
 			// 弹出层标题
 			title: '',
 			// 部门树选项
@@ -509,23 +484,13 @@ export default {
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-				pageSize: 10,
+				pageSize: 20,
 				username: undefined,
 				mobile: undefined,
 				status: undefined,
 				deptId: undefined,
 				createTime: [],
 			},
-			// 列信息
-			columns: [
-				{ key: 0, label: `用户编号`, visible: true },
-				{ key: 1, label: `用户名称`, visible: true },
-				{ key: 2, label: `用户昵称`, visible: true },
-				{ key: 3, label: `部门`, visible: true },
-				{ key: 4, label: `手机号码`, visible: true },
-				{ key: 5, label: `状态`, visible: true },
-				{ key: 6, label: `创建时间`, visible: true },
-			],
 			// 表单校验
 			rules: {
 				username: [
@@ -577,23 +542,44 @@ export default {
 		// });
 	},
 	methods: {
-		// 更多操作
-		handleCommand(command, index, row) {
-			switch (command) {
-				case 'handleUpdate':
-					this.handleUpdate(row); //修改客户信息
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.handleUpdate(val.data);
 					break;
-				case 'handleDelete':
-					this.handleDelete(row); //红号变更
+				case 'delete':
+					this.handleDelete(val.data.id, val.data.username);
 					break;
-				case 'handleResetPwd':
-					this.handleResetPwd(row);
-					break;
-				case 'handleRole':
-					this.handleRole(row);
+				case 'reset':
+					this.handleResetPwd(val.data);
 					break;
 				default:
+					this.handleRole(val.data);
+			}
+		},
+		buttonClick(val) {
+			console.log(val);
+			switch (val.btnName) {
+				case 'search':
+					this.handleQuery(val);
 					break;
+				case 'cancel':
+					this.$refs['userSearchBarForm'].resetForm();
+					this.queryParams.pageNo = 1;
+					this.queryParams.username = '';
+					this.queryParams.mobile = '';
+					this.queryParams.status = '';
+					this.queryParams.createTime = [];
+					this.getList();
+					break;
+				case 'addNew':
+					this.handleAdd();
+					break;
+				case 'import':
+					this.handleImport();
+					break;
+				default:
+					this.handleExport();
 			}
 		},
 		/** 查询用户列表 */
@@ -630,20 +616,8 @@ export default {
 		},
 		// 用户状态修改
 		handleStatusChange(row) {
-			let text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用';
-			this.$modal
-				.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
-				.then(function () {
-					return changeUserStatus(row.id, row.status);
-				})
-				.then(() => {
-					this.$modal.msgSuccess(text + '成功');
-				})
-				.catch(function () {
-					row.status =
-						row.status === CommonStatusEnum.ENABLE
-							? CommonStatusEnum.DISABLE
-							: CommonStatusEnum.ENABLE;
+			changeUserStatus(row.id, row.status).then((res) => {
+				this.$modal.msgSuccess('操作成功');
 			});
 		},
 		// 取消按钮
@@ -675,15 +649,14 @@ export default {
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
-		handleQuery() {
+		handleQuery(val) {
 			this.queryParams.pageNo = 1;
+			this.queryParams.username = val.username;
+			this.queryParams.mobile = val.mobile;
+			this.queryParams.status = val.status;
+			this.queryParams.createTime = val.createTime;
 			this.getList();
 		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm('queryForm');
-			this.handleQuery();
-		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
@@ -703,15 +676,12 @@ export default {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改用户';
-				this.form.password = '';
 			});
 		},
 		/** 重置密码按钮操作 */
 		handleResetPwd(row) {
-			this.$prompt('请输入"' + row.username + '"的新密码', '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-			})
+			this.$modal
+				.prompt('请输入 【' + row.username + '】 的新密码')
 				.then(({ value }) => {
 					resetUserPwd(row.id, value).then((response) => {
 						this.$modal.msgSuccess('修改成功，新密码是：' + value);
@@ -775,12 +745,11 @@ export default {
 			}
 		},
 		/** 删除按钮操作 */
-		handleDelete(row) {
-			const ids = row.id || this.ids;
+		handleDelete(id, detContent) {
 			this.$modal
-				.confirm('是否确认删除用户编号为"' + ids + '"的数据项?')
-				.then(function () {
-					return delUser(ids);
+				.delConfirm(detContent)
+				.then(() => {
+					return delUser(id);
 				})
 				.then(() => {
 					this.getList();
@@ -811,7 +780,7 @@ export default {
 			this.upload.title = '用户导入';
 			this.upload.open = true;
 		},
-		/** 下载模板操作 */
+		/** 导出模板操作 */
 		importTemplate() {
 			importTemplate().then((response) => {
 				this.$download.excel(response, '用户导入模板.xls');
@@ -867,3 +836,20 @@ export default {
 	},
 };
 </script>
+<style lang="scss" scoped>
+.user-container {
+	width: 100%;
+	height: calc(100vh - 164px);
+	background-color: #f2f4f9;
+
+	.user-box {
+		.user-box-left,
+		.user-box-right {
+			background-color: #fff;
+			padding: 8px;
+			border-radius: 8px;
+			height: calc(100vh - 164px);
+		}
+	}
+}
+</style>

src/views/system/user/profile/index.vue

@@ -7,9 +7,9 @@
             <span>个人信息</span>
           </div>
           <div>
-            <!-- <div class="text-center">
+            <div class="text-center">
               <userAvatar :user="user" />
-            </div> -->
+            </div>
             <ul class="list-group list-group-striped">
               <li class="list-group-item">
                 <svg-icon icon-class="user" />用户名称
@@ -66,7 +66,7 @@
 </template>
 
 <script>
-// import userAvatar from "./userAvatar";
+import userAvatar from "./userAvatar";
 import userInfo from "./userInfo";
 import resetPwd from "./resetPwd";
 import userSocial from "./userSocial";
@@ -74,7 +74,7 @@ import { getUserProfile } from "@/api/system/user";
 
 export default {
   name: "Profile",
-  components: { /** userAvatar , **/ userInfo, resetPwd, userSocial },
+  components: { userAvatar, userInfo, resetPwd, userSocial },
   data() {
     return {
       user: {},

src/views/warehouse/warehouse-base/warehouse-area-setup/add-or-updata.vue

@@ -67,7 +67,7 @@
 </template>
 
 <script>
-import basicAdd from '../../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createWarehouseArea,
 	updateWarehouseArea,

src/views/warehouse/warehouse-base/warehouse-area-setup/index.vue

@@ -46,12 +46,12 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import codeFilter from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import codeFilter from '@/mixins/code-filter';
 import {
   deleteWarehouseArea,
   getWarehouseAreaPage,
-  getWarehouseAreaList
+  getWarehouseAreaListAll
 } from "@/api/warehouse/warehouse-area-setup";
 import {
   getWarehouseList
@@ -145,7 +145,7 @@ export default {
 		getWarehouseList().then((response) => {
 			this.formConfig[0].selectOptions = response.data;
 		});
-		getWarehouseAreaList().then((response) => {
+		getWarehouseAreaListAll().then((response) => {
 			this.formConfig[1].selectOptions = response.data;
 		});
   },

src/views/warehouse/warehouse-base/warehouse-location-setup/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2023-08-01 13:52:10
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-07 15:53:15
+ * @LastEditTime: 2024-08-21 10:26:21
  * @Description:
 -->
 <template>
@@ -20,7 +20,7 @@
 					<el-select
 						v-model="dataForm.warehouseId"
 						filterable
-						clearable
+						@change="getAreaList"
 						:style="{ width: '100%' }"
 						placeholder="请选择仓库名称">
 						<el-option
@@ -35,8 +35,8 @@
 				<el-form-item label="库区名称" prop="areaId">
 					<el-select
 						v-model="dataForm.areaId"
+            :disabled="!areaArr.length>0"
 						filterable
-						clearable
 						:style="{ width: '100%' }"
 						@change="setAreaType"
 						placeholder="请选择库区名称">
@@ -125,7 +125,7 @@
 </template>
 
 <script>
-import basicAdd from '../../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createWarehouseLocation,
 	updateWarehouseLocation,
@@ -206,11 +206,16 @@ export default {
 		getWarehouseList().then((response) => {
 			this.warehouseArr = response.data;
 		});
-		getWarehouseAreaList().then((response) => {
-			this.areaArr = response.data;
-		});
 	},
 	methods: {
+    getAreaList(){
+		getWarehouseAreaList(this.dataForm.warehouseId).then((response) => {
+			this.areaArr = response.data;
+      if(this.areaArr.length===0){
+        this.$message('该仓库下暂无库区');
+      }
+		});
+    },
 		setAreaType() {
 			if (this.dataForm.areaId) {
 				this.dataForm.areaType = this.areaArr.find(

src/views/warehouse/warehouse-base/warehouse-location-setup/index.vue

@@ -46,14 +46,14 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import codeFilter from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import codeFilter from '@/mixins/code-filter';
 import {
   deleteWarehouseLocation,
   getWarehouseLocationPage,
 } from "@/api/warehouse/warehouse-location-setup";
 import {
-  getWarehouseAreaList
+  getWarehouseAreaListAll
 } from "@/api/warehouse/warehouse-area-setup";
 import {
   getWarehouseList
@@ -173,7 +173,7 @@ export default {
 		getWarehouseList().then((response) => {
 			this.formConfig[0].selectOptions = response.data;
 		});
-		getWarehouseAreaList().then((response) => {
+		getWarehouseAreaListAll().then((response) => {
 			this.formConfig[1].selectOptions = response.data;
 		});
   },

src/views/warehouse/warehouse-base/warehouse-setup/add-or-updata.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import basicAdd from '../../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createWarehouse,
 	updateWarehouse,

src/views/warehouse/warehouse-base/warehouse-setup/index.vue

@@ -46,9 +46,9 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
-import codeFilter from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
+import codeFilter from '@/mixins/code-filter';
 import {
   deleteWarehouse,
   getWarehousePage,

src/views/warehouse/warehouse-manage/in&out-nothing/add-or-updata.vue

@@ -129,7 +129,7 @@
 </template>
 
 <script>
-import basicAdd from '../../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	createWarehouseRealtime,
 	outWarehouseRealtime,

src/views/warehouse/warehouse-manage/in&out-nothing/index.vue

@@ -78,7 +78,7 @@
 
 <script>
 import product from './product-mini';
-import basicPage from '../../mixins/basic-page';
+import basicPage from '@/mixins/basic-page';
 import { getMaterialList } from '@/api/base/material';
 import AddOrUpdate from './add-or-updata';
 import { getWarehouseRealtimePage } from '@/api/warehouse/warehouseRealtime';

src/views/warehouse/warehouse-manage/in&out-nothing/product-mini.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { parseTime } from '../../mixins/code-filter';
+import { parseTime } from '@/mixins/code-filter';
 import { getWarehouseRealtimeDet } from '@/api/warehouse/warehouseRealtime';
 
 const tableProps = [

src/views/warehouse/warehouse-manage/in&out/add-or-updata.vue

@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import basicAdd from '../../mixins/basic-add';
+import basicAdd from '@/mixins/basic-add';
 import {
 	outWarehouseRealtimeLocation,
 	outWarehouseRealtimeLocationList,

src/views/warehouse/warehouse-manage/in&out/attr-add.vue

@@ -81,6 +81,7 @@ export default {
 			this.$refs['dataForm'].validate((valid) => {
 				if (this.dataForm.productInfo) {
           this.dataForm.productInfo.goodsId = this.dataForm.productInfo.id
+          this.dataForm.productInfo.spec = this.dataForm.productInfo.specifications
           this.dataForm.productInfo.remark = ''
 					// 修改的提交
 					if (this.dataForm.index >= 0) {

src/views/warehouse/warehouse-manage/in&out/drawer.vue

@@ -55,13 +55,16 @@
 						</el-button>
 					</div>
 					<base-table
+						v-if="
+							productAttributeList.length > 1 ||
+							(productAttributeList.length && !isDetail)
+						"
 						:table-props="tableProps"
 						:page="listQuery.pageNo"
 						:limit="listQuery.pageSize"
 						@emitFun="inputChange"
 						:height="400"
-						:table-data="productAttributeList"
-						v-if="productAttributeList.length">
+						:table-data="productAttributeList">
 						<method-btn
 							slot="handleBtn"
 							v-if="!isDetail"
@@ -70,6 +73,31 @@
 							:method-list="tableBtn"
 							@clickBtn="handleClick" />
 					</base-table>
+					<!-- 一条数据 -->
+					<div v-else-if="productAttributeList.length === 1 && isDetail">
+						<el-descriptions title="" direction="vertical" :column="3" border>
+							<el-descriptions-item label="物品名称">
+								{{ productAttributeList[0].name }}
+							</el-descriptions-item>
+							<el-descriptions-item label="物品编码">
+								{{ productAttributeList[0].code }}
+							</el-descriptions-item>
+							<el-descriptions-item label="物品规格">
+								{{ productAttributeList[0].spec }}
+							</el-descriptions-item>
+							<el-descriptions-item label="物品批次">
+								{{ productAttributeList[0].goodsBatch }}
+							</el-descriptions-item>
+							<el-descriptions-item label="数量">
+								{{ productAttributeList[0].num }}
+							</el-descriptions-item>
+							<el-descriptions-item label="物品单位">
+								{{
+									getDictDataLabel('unit_dict', productAttributeList[0].unit)
+								}}
+							</el-descriptions-item>
+						</el-descriptions>
+					</div>
 					<!-- 没有数据 -->
 					<div class="no-data-bg" v-else></div>
 				</div>
@@ -118,7 +146,7 @@ const tableProps1 = [
 		showOverflowtooltip: true,
 	},
 	{
-		prop: 'specifications',
+		prop: 'spec',
 		label: '物品规格',
 	},
 	{
@@ -151,7 +179,7 @@ const tableProps2 = [
 		showOverflowtooltip: true,
 	},
 	{
-		prop: 'specifications',
+		prop: 'spec',
 		label: '物品规格',
 	},
 	{

src/views/warehouse/warehouse-manage/in&out/index.vue

@@ -54,8 +54,8 @@
 <script>
 import AddOrUpdate from './add-or-updata';
 import Drawer from './drawer';
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
 import { getWarehouseRealtimeLocationPage } from '@/api/warehouse/warehouseRealtimeLocation';
 import { listData } from '@/api/system/dict/data';
 import { publicFormatter } from '@/utils/dict';

src/views/warehouse/warehouse-report/inventoryList/index.vue

@@ -1,3 +1,10 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-08-09 14:48:46
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-08-21 10:00:21
+ * @Description:
+-->
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
@@ -25,10 +32,10 @@
 </template>
 
 <script>
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
 import {
-	getWarehouseRealtimeHisPage,
+	inventoryPage,
 } from '@/api/warehouse/warehouseRealtime';
 import { getMaterialList } from '@/api/base/material';
 import tableHeightMixin from '@/mixins/tableHeightMixin';
@@ -40,10 +47,6 @@ const tableProps = [
 		prop: 'warehouseName',
 		label: '仓库名称',
 	},
-	{
-		prop: 'warehouseAreaName',
-		label: '库区名称',
-	},
 	{
 		prop: 'name',
 		label: '物品名称',
@@ -51,34 +54,37 @@ const tableProps = [
 	{
 		prop: 'code',
 		label: '物品编码',
+    width: 150,
 	},
 	{
 		prop: 'spec',
 		label: '物品规格',
 	},
 	{
-		prop: 'goodsBatch',
+		prop: 'batch',
 		label: '物品批次',
 	},
+	{
+		prop: 'supplierName',
+		label: '供应商',
+	},
 	{
 		prop: 'num',
-		label: '出入库数量',
+		label: '当前库存量',
+    width: 95,
 	},
 	{
-		prop: 'operateStatus',
-		label: '操作状态',
-		filter: publicFormatter('warehouse_operate_status'),
+		prop: 'unit',
+		label: '单位',
+		filter: publicFormatter('unit_dict'),
+		width: 60,
 	},
 	{
-		prop: 'operateTime',
-		label: '操作时间',
+		prop: 'latestInTime',
+		label: '入库时间',
 		filter: parseTime,
     width: 150,
 	},
-	{
-		prop: 'operator',
-		label: '操作人',
-	},
 ];
 
 export default {
@@ -86,7 +92,7 @@ export default {
 	data() {
 		return {
 			urlOptions: {
-				getDataListURL: getWarehouseRealtimeHisPage,
+				getDataListURL: inventoryPage,
 			},
 			tableData: [],
 			tableProps,
@@ -96,37 +102,11 @@ export default {
 					type: 'select',
 					label: '物品名称',
 					selectOptions: [],
-					param: 'goodsId',
+					param: 'goodsName',
 					defaultSelect: '',
+          valueField: 'name',
 					filterable: true,
 				},
-				{
-					type: 'input',
-					label: '操作人',
-					placeholder: '操作人',
-					param: 'operator',
-				},
-				{
-					type: 'select',
-					label: '操作状态',
-					selectOptions: [],
-					param: 'status',
-					defaultSelect: '',
-					filterable: true,
-					labelField: 'label',
-					valueField: 'value',
-				},
-				{
-					type: 'datePicker',
-					label: '操作时间',
-					dateType: 'daterange',
-					format: 'yyyy-MM-dd',
-          valueFormat: "timestamp",
-					rangeSeparator: '-',
-					startPlaceholder: '开始时间',
-					endPlaceholder: '结束时间',
-					param: 'searchTime',
-				},
 				{
 					type: 'button',
 					btnName: '查询',
@@ -139,14 +119,6 @@ export default {
 	components: {
 	},
 	created() {
-		const queryParams = {
-			pageNo: 1,
-			pageSize: 99,
-			dictType: 'warehouse_operate_status',
-		};
-		listData(queryParams).then((response) => {
-			this.formConfig[2].selectOptions = response.data.list;
-		});
 		getMaterialList().then((response) => {
 			this.formConfig[0].selectOptions = response.data;
 		});
@@ -157,10 +129,7 @@ export default {
 				case 'search':
 					this.listQuery.pageNo = 1;
 					this.listQuery.pageSize = 10;
-					this.listQuery.goodsId = val.goodsId;
-					this.listQuery.operator = val.operator;
-					this.listQuery.operateStatus = val.status;
-					this.listQuery.operateTime = val.searchTime?val.searchTime:null;
+					this.listQuery.goodsName = val.goodsName;
 					this.getDataList();
 					break;
 				default:

src/views/warehouse/warehouse-report/locationList/add-or-updata.vue

@@ -2,24 +2,63 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2023-11-23 16:09:47
+ * @LastEditTime: 2024-08-21 11:14:16
  * @Description:
 -->
 <template>
+	<div v-if="tableData.length > 1">
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="库位编码">
+				{{ fatherInfo.code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+		</el-descriptions>
 		<base-table
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
 			:height="300"
-		:table-data="tableData"
-		v-if="tableData.length" />
+			:table-data="tableData" />
+	</div>
+	<!-- 一条数据 -->
+	<div v-else-if="tableData.length === 1">
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="库位编码" :span="2">
+				{{ fatherInfo.code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品名称">
+				{{ tableData[0].name }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品编码">
+				{{ tableData[0].code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品规格">
+				{{ tableData[0].spec }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品批次">
+				{{ tableData[0].goodsBatch }}
+			</el-descriptions-item>
+			<el-descriptions-item label="数量">
+				{{ tableData[0].num }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品单位">
+				{{ getDictDataLabel('unit_dict', tableData[0].unit) }}
+			</el-descriptions-item>
+		</el-descriptions>
+	</div>
 	<!-- 没有数据 -->
 	<div class="no-data-bg" v-else></div>
 </template>
 
 <script>
-import { parseTime } from '../../mixins/code-filter';
-import { getWarehouseLocationHisDet } from '@/api/warehouse/warehouseRealtimeLocation';
+import { publicFormatter,getDictDataLabel } from '@/utils/dict';
+import { getStoreInfo
+} from '@/api/warehouse/warehouse-location-setup';
 
 const tableProps = [
 	{
@@ -29,13 +68,14 @@ const tableProps = [
 	{
 		prop: 'code',
 		label: '物品编码',
+		width: 160,
 	},
 	{
 		prop: 'spec',
 		label: '物品规格',
 	},
 	{
-		prop: 'batchCode',
+		prop: 'goodsBatch',
 		label: '物品批次',
 	},
 	{
@@ -43,13 +83,10 @@ const tableProps = [
 		label: '数量',
 	},
 	{
-		prop: 'allowTime',
-		label: '允许留存时长(天)',
-    width: 150
-	},
-	{
-		prop: 'remark',
-		label: '备注',
+		prop: 'unit',
+		label: '单位',
+		filter: publicFormatter('unit_dict'),
+		width: 60,
 	},
 ];
 export default {
@@ -57,6 +94,7 @@ export default {
 		return {
 			tableData: [],
 			tableProps,
+			fatherInfo: {}, //父页面数据
 			listQuery: {
 				pageSize: 100,
 				pageNo: 1,
@@ -67,10 +105,12 @@ export default {
 	},
 	methods: {
 		// 获取数据列表
-		init(id) {
+		init(data) {
+			this.fatherInfo = data;
+      console.log(data)
 			this.dataListLoading = true;
-			getWarehouseLocationHisDet(id).then((response) => {
-				this.tableData = response.data;
+			getStoreInfo(data.id).then((response) => {
+				this.tableData = response.data || [];
 				this.dataListLoading = false;
 			});
 		},

src/views/warehouse/warehouse-report/locationList/index.vue

@@ -12,12 +12,13 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
+			:max-height="tableH"
 			:table-data="tableData">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="100"
-				label="库位详情"
+				:width="80"
+				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
 		</base-table>
@@ -31,32 +32,25 @@
 		<base-dialog
 			:dialogTitle="addOrEditTitle"
 			:dialogVisible="addOrUpdateVisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
 			:before-close="handleCancel"
-			width="50%">
+			width="40%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
-			<slot name="footer">
-				<el-row slot="footer" type="flex" justify="end">
-					<el-col :span="24">
-						<el-button size="small" class="btnTextStyle" @click="handleCancel">
-							取消
-						</el-button>
-					</el-col>
-				</el-row>
-			</slot>
 		</base-dialog>
 	</div>
 </template>
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import codeFilter from '@/mixins/code-filter';
 import {
-	getWarehouseLocationHisPage,
-} from '@/api/warehouse/warehouseRealtimeLocation';
-import { listData } from '@/api/system/dict/data';
+	getWarehouseLocationPage,
+} from '@/api/warehouse/warehouse-location-setup';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 import { publicFormatter } from '@/utils/dict';
 
 const tableProps = [
@@ -65,9 +59,17 @@ const tableProps = [
 		label: '仓库名称',
 	},
 	{
-		prop: 'name',
+		prop: 'areaName',
 		label: '库区名称',
 	},
+	{
+		prop: 'areaType',
+		label: '库区类型',
+	},
+	{
+		prop: 'name',
+		label: '库位名称',
+	},
 	{
 		prop: 'code',
 		label: '库位编码',
@@ -78,84 +80,45 @@ const tableProps = [
 		filter: publicFormatter('location_type'),
 	},
 	{
-		prop: 'palletCode',
-		label: '托盘编码',
+		prop: 'arrange',
+		label: '排',
 	},
 	{
-		prop: 'palletCode',
-		label: '物品名称',
+		prop: 'col',
+		label: '列',
 	},
 	{
-		prop: 'operateStatus',
-		label: '操作状态',
-		filter: publicFormatter('warehouse_operate_status'),
+		prop: 'layer',
+		label: '层',
 	},
 	{
-		prop: 'createTime',
-		label: '操作时间',
-		filter: parseTime,
-		minWidth: 100,
-	},
-	{
-		prop: 'creator',
-		label: '操作人',
+		prop: 'enabled',
+		label: '库位状态',
+		filter: codeFilter('deactivate'),
 	},
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage, tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
-				getDataListURL: getWarehouseLocationHisPage,
+				getDataListURL: getWarehouseLocationPage,
 			},
-			listQuery: {
-				storageType: 1,
-			},
-			tableData: [],
 			tableProps,
 			tableBtn: [
-				this.$auth.hasPermi(`raw-material:warehouse-location-his:query`)
-					? {
+				{
 					type: 'detail',
 					btnName: '详情',
-					  }
-					: undefined,
+				},
 			].filter((v) => v),
-			drawerVisible: false,
+			tableData: [],
 			formConfig: [
 				{
 					type: 'input',
 					label: '库位编码',
 					placeholder: '库位编码',
-					param: 'kcode',
-				},
-				{
-					type: 'input',
-					label: '托盘编码',
-					placeholder: '托盘编码',
-					param: 'tcode',
-				},
-				{
-					type: 'select',
-					label: '操作状态',
-					selectOptions: [],
-					param: 'status',
-					defaultSelect: '',
-					filterable: true,
-					labelField: 'label',
-					valueField: 'value',
-				},
-				{
-					type: 'datePicker',
-					label: '操作时间',
-					dateType: 'daterange',
-					format: 'yyyy-MM-dd',
-          valueFormat: "timestamp",
-					rangeSeparator: '-',
-					startPlaceholder: '开始时间',
-					endPlaceholder: '结束时间',
-					param: 'searchTime',
+					param: 'code',
 				},
 				{
 					type: 'button',
@@ -170,25 +133,14 @@ export default {
 		AddOrUpdate,
 	},
 	created() {
-		const queryParams = {
-			pageNo: 1,
-			pageSize: 99,
-			dictType: 'warehouse_operate_status',
-		};
-		listData(queryParams).then((response) => {
-			this.formConfig[2].selectOptions = response.data.list;
-		});
 	},
 	methods: {
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
-					this.listQuery.locationCode= val.kcode;
-					this.listQuery.palletCode = val.tcode;
-					this.listQuery.operateStatus = val.status;
-					this.listQuery.createTime = val.searchTime?val.searchTime:null;
+					this.listQuery.pageSize = 20;
+					this.listQuery.code = val.code;
 					this.getDataList();
 					break;
 				default:
@@ -198,9 +150,9 @@ export default {
 		otherMethods(val) {
 			if (val.type === 'detail') {
 				this.addOrUpdateVisible = true;
-				this.addOrEditTitle = val.data.name + ' -产品信息';
+				this.addOrEditTitle = '详情';
 				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id);
+					this.$refs.addOrUpdate.init(val.data);
 				});
 			}
 		},
@@ -211,9 +163,3 @@ export default {
 	},
 };
 </script>
-<style>
-.app-container .el-table .el-table__cell {
-	padding: 0;
-	height: 35px;
-}
-</style>

src/views/warehouse/warehouse-report/relocationHistory/add-or-updata.vue

@@ -2,64 +2,67 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-09 17:00:46
+ * @LastEditTime: 2024-08-21 09:30:48
  * @Description:
 -->
 <template>
+	<div v-if="tableData.length > 1">
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="源库位编码">
+				{{ fatherInfo.oldCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="目标库位编码">
+				{{ fatherInfo.newCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="移动托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+		</el-descriptions>
 		<base-table
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
 			:height="300"
-		:table-data="tableData"
-		v-if="tableData.length > 1" />
+			:table-data="tableData" />
+	</div>
 	<!-- 一条数据 -->
 	<div v-else-if="tableData.length === 1">
-		<el-form
-			:model="tableData[0]"
-			ref="dataForm"
-			label-width="100px"
-			label-position="top">
-			<el-row :gutter="20">
-				<el-col :span="12">
-					<el-form-item label="物品名称" prop="name">
-						<el-input v-model="tableData[0].name" readonly />
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="物品编码" prop="code">
-						<el-input v-model="tableData[0].code" readonly />
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="物品规格" prop="specifications">
-						<el-input v-model="tableData[0].specifications" readonly />
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="物品批次" prop="batchCode">
-						<el-input v-model="tableData[0].batchCode" readonly />
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="数量" prop="num">
-						<el-input v-model="tableData[0].num" readonly />
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="物品单位" prop="name">
-						<el-input v-model="tableData[0].name" readonly />
-					</el-form-item>
-				</el-col>
-			</el-row>
-		</el-form>
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="源库位编码">
+				{{ fatherInfo.oldCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="目标库位编码">
+				{{ fatherInfo.newCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="移动托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品名称">
+				{{ tableData[0].name }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品编码">
+				{{ tableData[0].code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品规格">
+				{{ tableData[0].specifications }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品批次">
+				{{ tableData[0].batchCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="数量">
+				{{ tableData[0].num }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品单位">
+				{{ getDictDataLabel('unit_dict', tableData[0].unit) }}
+			</el-descriptions-item>
+		</el-descriptions>
 	</div>
 	<!-- 没有数据 -->
 	<div class="no-data-bg" v-else></div>
 </template>
 
 <script>
-import { publicFormatter } from '@/utils/dict';
+import { publicFormatter,getDictDataLabel } from '@/utils/dict';
 import { getWarehouseLocationHisDet } from '@/api/warehouse/warehouseRealtimeLocation';
 
 const tableProps = [
@@ -96,6 +99,7 @@ export default {
 		return {
 			tableData: [],
 			tableProps,
+			fatherInfo: {}, //父页面数据
 			listQuery: {
 				pageSize: 100,
 				pageNo: 1,
@@ -106,9 +110,10 @@ export default {
 	},
 	methods: {
 		// 获取数据列表
-		init(id) {
+		init(data) {
+			this.fatherInfo = data;
 			this.dataListLoading = true;
-			getWarehouseLocationHisDet(id).then((response) => {
+			getWarehouseLocationHisDet(data.id).then((response) => {
 				this.tableData = response.data;
 				this.dataListLoading = false;
 			});

src/views/warehouse/warehouse-report/relocationHistory/index.vue

@@ -17,7 +17,7 @@
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="100"
+				:width="90"
 				label="库位详情"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
@@ -52,11 +52,9 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
-import {
-	getMoveHisPage,
-} from '@/api/warehouse/warehouseRealtimeLocation';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
+import { getMoveHisPage } from '@/api/warehouse/warehouseRealtimeLocation';
 import { publicFormatter } from '@/utils/dict';
 import tableHeightMixin from '@/mixins/tableHeightMixin';
 
@@ -117,14 +115,11 @@ export default {
 			tableData: [],
 			tableProps,
 			tableBtn: [
-				this.$auth.hasPermi(`raw-material:warehouse-location-his:query`)
-					? {
+				{
 					type: 'detail',
 					btnName: '详情',
-					  }
-					: undefined,
+				},
 			].filter((v) => v),
-			drawerVisible: false,
 			formConfig: [
 				{
 					type: 'input',
@@ -143,7 +138,7 @@ export default {
 					label: '操作时间',
 					dateType: 'daterange',
 					format: 'yyyy-MM-dd',
-          valueFormat: "timestamp",
+					valueFormat: 'timestamp',
 					rangeSeparator: '-',
 					startPlaceholder: '开始时间',
 					endPlaceholder: '结束时间',
@@ -161,8 +156,7 @@ export default {
 	components: {
 		AddOrUpdate,
 	},
-	created() {
-	},
+	created() {},
 	methods: {
 		buttonClick(val) {
 			switch (val.btnName) {
@@ -184,7 +178,7 @@ export default {
 				this.addOrUpdateVisible = true;
 				this.addOrEditTitle = '详情';
 				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id);
+					this.$refs.addOrUpdate.init(val.data);
 				});
 			}
 		},

src/views/warehouse/warehouse-report/warehouseHis/index.vue

@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
 import {
 	getWarehouseRealtimeHisPage,
 } from '@/api/warehouse/warehouseRealtime';
@@ -51,6 +51,7 @@ const tableProps = [
 	{
 		prop: 'code',
 		label: '物品编码',
+    width: 150,
 	},
 	{
 		prop: 'spec',
@@ -63,6 +64,7 @@ const tableProps = [
 	{
 		prop: 'num',
 		label: '出入库数量',
+    width: 95,
 	},
 	{
 		prop: 'operateStatus',

src/views/warehouse/warehouse-report/warehouseLocationHis/add-or-updata.vue

@@ -2,75 +2,61 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: zwq
- * @LastEditTime: 2024-08-09 16:59:34
+ * @LastEditTime: 2024-08-21 09:36:31
  * @Description:
 -->
 <template>
+	<div v-if="tableData.length > 1">
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="库位编码">
+				{{ fatherInfo.code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+		</el-descriptions>
 		<base-table
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
 			:height="300"
-		:table-data="tableData"
-		v-if="tableData.length > 1" />
+			:table-data="tableData" />
+	</div>
+	<!-- 一条数据 -->
 	<div v-else-if="tableData.length === 1">
-	<el-form
-		:model="tableData[0]"
-		ref="dataForm"
-		label-width="100px"
-    label-position="top">
-		<el-row :gutter="20">
-			<el-col :span="12">
-				<el-form-item label="物品名称" prop="name">
-					<el-input
-						v-model="tableData[0].name"
-						readonly />
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item label="物品编码" prop="code">
-					<el-input
-						v-model="tableData[0].code"
-						readonly />
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item label="物品规格" prop="specifications">
-					<el-input
-						v-model="tableData[0].specifications"
-						readonly />
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item label="物品批次" prop="batchCode">
-					<el-input
-						v-model="tableData[0].batchCode"
-						readonly />
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item label="数量" prop="num">
-					<el-input
-						v-model="tableData[0].num"
-						readonly />
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item label="物品单位" prop="name">
-					<el-input
-						v-model="tableData[0].name"
-						readonly />
-				</el-form-item>
-			</el-col>
-		</el-row>
-	</el-form>
+		<el-descriptions title="" direction="vertical" :column="3" border style="margin-bottom: 10px;">
+			<el-descriptions-item label="库位编码" :span="2">
+				{{ fatherInfo.code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="托盘编码">
+				{{ fatherInfo.palletCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品名称">
+				{{ tableData[0].name }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品编码">
+				{{ tableData[0].code }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品规格">
+				{{ tableData[0].specifications }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品批次">
+				{{ tableData[0].batchCode }}
+			</el-descriptions-item>
+			<el-descriptions-item label="数量">
+				{{ tableData[0].num }}
+			</el-descriptions-item>
+			<el-descriptions-item label="物品单位">
+				{{ getDictDataLabel('unit_dict', tableData[0].unit) }}
+			</el-descriptions-item>
+		</el-descriptions>
 	</div>
 	<!-- 没有数据 -->
 	<div class="no-data-bg" v-else></div>
 </template>
 
 <script>
-import { publicFormatter } from '@/utils/dict';
+import { publicFormatter,getDictDataLabel } from '@/utils/dict';
 import { getWarehouseLocationHisDet } from '@/api/warehouse/warehouseRealtimeLocation';
 
 const tableProps = [
@@ -107,6 +93,7 @@ export default {
 		return {
 			tableData: [],
 			tableProps,
+			fatherInfo: {}, //父页面数据
 			listQuery: {
 				pageSize: 100,
 				pageNo: 1,
@@ -117,9 +104,10 @@ export default {
 	},
 	methods: {
 		// 获取数据列表
-		init(id) {
+		init(data) {
+			this.fatherInfo = data;
 			this.dataListLoading = true;
-			getWarehouseLocationHisDet(id).then((response) => {
+			getWarehouseLocationHisDet(data.id).then((response) => {
 				this.tableData = response.data;
 				this.dataListLoading = false;
 			});

src/views/warehouse/warehouse-report/warehouseLocationHis/index.vue

@@ -17,7 +17,7 @@
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="100"
+				:width="90"
 				label="库位详情"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
@@ -52,11 +52,9 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../mixins/basic-page';
-import { parseTime } from '../../mixins/code-filter';
-import {
-	getWarehouseLocationHisPage,
-} from '@/api/warehouse/warehouseRealtimeLocation';
+import basicPage from '@/mixins/basic-page';
+import { parseTime } from '@/mixins/code-filter';
+import { getWarehouseLocationHisPage } from '@/api/warehouse/warehouseRealtimeLocation';
 import { listData } from '@/api/system/dict/data';
 import { publicFormatter } from '@/utils/dict';
 import tableHeightMixin from '@/mixins/tableHeightMixin';
@@ -115,14 +113,11 @@ export default {
 			tableData: [],
 			tableProps,
 			tableBtn: [
-				this.$auth.hasPermi(`raw-material:warehouse-location-his:query`)
-					? {
+				{
 					type: 'detail',
 					btnName: '详情',
-					  }
-					: undefined,
+				},
 			].filter((v) => v),
-			drawerVisible: false,
 			formConfig: [
 				{
 					type: 'input',
@@ -151,7 +146,7 @@ export default {
 					label: '操作时间',
 					dateType: 'daterange',
 					format: 'yyyy-MM-dd',
-          valueFormat: "timestamp",
+					valueFormat: 'timestamp',
 					rangeSeparator: '-',
 					startPlaceholder: '开始时间',
 					endPlaceholder: '结束时间',
@@ -200,7 +195,7 @@ export default {
 				this.addOrUpdateVisible = true;
 				this.addOrEditTitle = '详情';
 				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id);
+					this.$refs.addOrUpdate.init(val.data);
 				});
 			}
 		},

yarn.lock

@@ -189,7 +189,7 @@
   resolved "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz"
   integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
   dependencies:
-    "@babel/types" "^7.22.15"
+    "@babel/types" "^7.22.5"
 
 "@babel/helper-module-transforms@^7.24.7":
   version "7.24.7"
@@ -1000,6 +1000,8 @@
   integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
+    "@babel/plugin-transform-dotall-regex" "^7.4.4"
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
@@ -1166,8 +1168,8 @@
   resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz"
   integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
   dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
 
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"