diff --git a/src/api/worn/material.js b/src/api/worn/material.js
new file mode 100644
index 0000000..76ec5da
--- /dev/null
+++ b/src/api/worn/material.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 查询物料列表
+export function listMaterial(query) {
+ return request({
+ url: '/worn/material/list',
+ method: 'get',
+ params: query
+ })
+}
+
+// 查询物料详细
+export function getMaterial(id) {
+ return request({
+ url: '/worn/material/' + id,
+ method: 'get'
+ })
+}
+
+// 新增物料
+export function addMaterial(data) {
+ return request({
+ url: '/worn/material',
+ method: 'post',
+ data: data
+ })
+}
+
+// 修改物料
+export function updateMaterial(data) {
+ return request({
+ url: '/worn/material',
+ method: 'put',
+ data: data
+ })
+}
+
+// 删除物料
+export function delMaterial(id) {
+ return request({
+ url: '/worn/material/' + id,
+ method: 'delete'
+ })
+}
+// 获取物料类型的树形结构
+export function getMaterTypeTree() {
+ return request({
+ url: '/worn/type/tree' ,
+ method: 'get'
+ })
+}
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index ce7894b..8dcf875 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -136,6 +136,40 @@ aside {
}
}
+// main-container全局样式 - 手写非系统生成
+.app-container-page{
+ padding: 24px;
+
+ // 样式一：列表页查询条件
+ .table-form-search{
+ padding: 24px;
+ background-color: #ffffff;
+ margin-bottom: 24px;
+ border-radius: 4px;
+
+ .el-form-item__label{
+ color:rgba(0, 0, 0, .9);
+ font-weight: 500;
+ }
+ .el-form-item{
+ display: flex;
+ }
+ }
+
+ // 样式二：列表页table以及操作按钮样式
+ .table-list{
+ padding: 24px;
+ background-color: #ffffff;
+ border-radius: 4px;
+
+ .el-table--default{
+ margin-top: 16px;
+ }
+
+ }
+
+
+}
.components-container {
margin: 30px 50px;
position: relative;
diff --git a/src/assets/styles/manage.scss b/src/assets/styles/manage.scss
index 1dd3d1d..c6e11e0 100644
--- a/src/assets/styles/manage.scss
+++ b/src/assets/styles/manage.scss
@@ -288,3 +288,10 @@
.splitpanes.default-theme .splitpanes__pane {
background-color: var(--splitpanes-default-bg) !important;
}
+
+
+// 查询按钮样式
+.searchBtn{
+ display: flex;
+ justify-content: flex-end;
+}
\ No newline at end of file
diff --git a/src/views/worn/index.vue b/src/views/worn/index.vue
new file mode 100644
index 0000000..923d0e1
--- /dev/null
+++ b/src/views/worn/index.vue
@@ -0,0 +1,414 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
+
+
+ 新增
+
+
+ 修改
+
+
+ 删除
+
+
+ 导出
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
+
+
+
+
+
+ 新增
+
+
+ 删除
+
+
+ 导出
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 启用
+ 停用
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 搜索
- 重置
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
-
-
- 新增
-
-
- 修改
-
-
- 删除
-
-
- 导出
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 修改
- 删除
-
-
-
-
-
+
+
+ 新增
+
+
+ 删除
+
+
+ 导出
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+ 新增
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
-
+
-
-
-
-
-
-
-
-
-