光子基础模块

.env.development

@@ -8,9 +8,9 @@ VUE_APP_TITLE = '曲阳金隅安全智能管控平台'
 # 接口地址
 #VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
 #VUE_APP_WS_API = 'ws://localhost:8000'
-# VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
+VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
 #VUE_APP_API_BASEURL = http://10.99.5.79:20309/api
-VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
+# VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
 # VUE_APP_API_BASEURL = http://127.0.0.1:2226/api
 VUE_APP_BASEURL = http://49.232.14.174:2226
 

.env.production

@@ -6,10 +6,10 @@ NODE_ENV = production
 VUE_APP_TITLE = '托克逊能源管理平台'
 
 # 接口地址
-# VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
+VUE_APP_API_BASEURL = http://222.222.144.147:6013/api
-# VUE_APP_BASEURL = http://222.222.144.147:6013 
+VUE_APP_BASEURL = http://222.222.144.147:6013 
-VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
+# VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
-VUE_APP_BASEURL = http://49.232.14.174:2226
+# VUE_APP_BASEURL = http://49.232.14.174:2226
 
 # VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
 # VUE_APP_BASEURL = http://1.203.161.103:2800

src/api/model/inm.js

@@ -0,0 +1,64 @@
+import config from "@/config"
+import http from "@/utils/request"
+export default {
+	// 仓库
+	warehouse: {
+		list: {
+			name: "仓库列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/inm/warehouse/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/inm/warehouse/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/inm/warehouse/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取仓库详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/inm/warehouse/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/inm/warehouse/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/inm/warehouse/${id}/`);
+			}
+		},
+		batch:{
+			name: "物料批次",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/inm/materialbatch/`,
+					data
+				);
+			}
+		},
+	}
+}

src/api/model/pm.js

@@ -0,0 +1,64 @@
+import config from "@/config"
+import http from "@/utils/request"
+export default {
+	// 仓库
+	mtask: {
+		list: {
+			name: "生产任务列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pm/mtask/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pm/mtask/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pm/mtask/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取仓库详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pm/mtask/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pm/mtask/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pm/mtask/${id}/`);
+			}
+		},
+		schedueOrderitem:{
+			name: "物料批次",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pm/mtask/schedue_from_orderitems/`,
+					data
+				);
+			}
+		},
+	}
+}

src/api/model/pum.js

@@ -0,0 +1,284 @@
+import config from "@/config"
+import http from "@/utils/request"
+export default {
+	// 采购订单
+	order: {
+		list: {
+			name: "订单列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pum/pu_order/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_order/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_order/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pum/pu_order/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pum/pu_order/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pum/pu_order/${id}/`);
+			}
+		},
+		submit:{
+			name: "提交采购订单",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_order/${id}/submit/`,
+					data);
+			}
+		},
+	},
+	// 采购订单详情
+	orderitem: {
+		list: {
+			name: "订单明细列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pum/pu_orderitem/`,
+					data
+				);
+			}
+		},
+		create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_orderitem/`,
+					data);
+			}
+		},
+		//从计划明细创建/变更采购订单明细
+        addplanitems: {
+			name: "添加采购订单明细",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_orderitem/add_from_planitems/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_orderitem/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pum/pu_orderitem/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pum/pu_orderitem/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pum/pu_orderitem/${id}/`)
+			}
+		}
+	},
+	// 采购计划
+	plan: {
+		list: {
+			name: "采购计划列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pum/pu_plan/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_plan/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_plan/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pum/pu_plan/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pum/pu_plan/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pum/pu_plan/${id}/`);
+			}
+		},
+		submit:{
+			name: "提交采购订单",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_plan/${id}/submit/`,
+					data);
+			}
+		},
+	},
+	// 采购计划详情
+	planitem: {
+		list: {
+			name: "采购计划详情列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pum/pu_planitem/`,
+					data
+				);
+			}
+		},
+		create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_planitem/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/pu_planitem/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pum/pu_planitem/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pum/pu_planitem/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pum/pu_planitem/${id}/`)
+			}
+		}
+	},
+	// 供应商
+	supplier: {
+		list: {
+			name: "供应商列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/pum/supplier/`,
+					data
+				);
+			}
+		},
+		create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/supplier/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/pum/supplier/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/pum/supplier/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/pum/supplier/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/pum/supplier/${id}/`)
+			}
+		}
+	}
+}

src/api/model/sam.js

@@ -0,0 +1,157 @@
+import config from "@/config"
+import http from "@/utils/request"
+export default {
+	// 合同信息
+	contract: {
+		list: {
+			name: "合同列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/sam/contract/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/contract/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/contract/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取仓库详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/sam/contract/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/sam/contract/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/sam/contract/${id}/`);
+			}
+		}
+	},
+	// 客户信息
+	customer: {
+		list: {
+			name: "客户列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/sam/customer/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/customer/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/customer/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取仓库详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/sam/customer/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/sam/customer/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/sam/customer/${id}/`);
+			}
+		}
+	},
+	// 订单信息
+	order: {
+		list: {
+			name: "客户列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/sam/order/`,
+					data
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/order/`,
+					data);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/sam/order/cquery/`,
+					data);
+			}
+		},
+		item: {
+			name: "获取仓库详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/sam/order/${id}/`
+				);
+			}
+		},
+		update: {
+			name: "更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/sam/order/${id}/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/sam/order/${id}/`);
+			}
+		}
+	}
+}

src/config/index.js

@@ -35,7 +35,7 @@ const DEFAULT_CONFIG = {
 
 	//布局 默认：default | 通栏：header | 经典：menu | 功能坞：dock
 	//dock将关闭标签和面包屑栏
-	LAYOUT: 'menu',
+	LAYOUT: 'header',
 
 	//菜单是否折叠
 	MENU_IS_COLLAPSE: false,

src/views/em/equipment.vue

@@ -15,7 +15,7 @@
           ></el-button>
       </div>
       <div class="right-panel">
-        <el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'equipment.create'"></el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
       </div>
     </el-header>
     <el-main class="nopadding">

src/views/em/equipmentc.vue

@@ -15,7 +15,7 @@
           ></el-button>
       </div>
       <div class="right-panel">
-        <el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'equipment.create'"></el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
       </div>
     </el-header>
     <el-main class="nopadding">
@@ -48,8 +48,24 @@
         <el-table-column label="检定周期（月）" prop="cycle">
         </el-table-column>
         <el-table-column label="检定日期" prop="check_date">
+          <template #default="scope">
+            <el-tag v-if="scope.row.state===10" type="success">
+              {{ state_[scope.row.state] }}
+            </el-tag>
+            <el-tag v-else-if="scope.row.state===20" type="warning">
+              {{ state_[scope.row.state] }}
+            </el-tag>
+            <el-tag v-else-if="scope.row.state===30">
+              {{ state_[scope.row.state] }}
+            </el-tag>
+            <el-tag v-else type="danger">
+              {{ state_[scope.row.state] }}
+            </el-tag>
+          </template>
         </el-table-column>
-        <el-table-column label="到期日期" prop="next_check_date">
+        <el-table-column label="检定结果" prop="check_date">
+        </el-table-column>
+        <el-table-column label="下次检定日期" prop="next_check_date">
         </el-table-column>
         <el-table-column label="管理等级" prop="factory" show-overflow-tooltip>
         </el-table-column>
@@ -66,7 +82,7 @@
               @click="table_record (scope.row)"
               v-auth="'equipment.update'"
             >
-              记录
+            检定记录
             </el-link>
             <el-divider direction="vertical"></el-divider>
             <el-link
@@ -108,8 +124,8 @@
               </el-form-item>
             </el-col>
             <el-col :md="12" :sm="24">
-              <el-form-item label="鉴定单位" prop="check_organization">
+              <el-form-item label="检定单位" prop="check_organization">
-                <el-input v-model="form.check_organization" placeholder="鉴定单位" />
+                <el-input v-model="form.check_organization" placeholder="检定单位" />
               </el-form-item>
             </el-col>
             <el-col :md="12" :sm="24">
@@ -137,7 +153,7 @@
         </el-footer>
       </el-dialog>
       <el-drawer
-        title="检验记录"
+        title="检定记录"
         v-model="visibleRecord"
         :size="1000"
         destroy-on-close
@@ -162,7 +178,7 @@
               </el-table-column>
               <el-table-column label="检定周期（月）" prop="factory" show-overflow-tooltip>
               </el-table-column>
-              <el-table-column label="鉴定单位" prop="production_date">
+              <el-table-column label="检定单位" prop="production_date">
               </el-table-column>
               <el-table-column label="操作" fixed="right" align="center" width="160px">
               <template #default="scope">

src/views/home/photon_home.vue

@@ -0,0 +1,41 @@
+<template>
+	<!-- <div v-if="pageLoading">
+		<el-main>
+			<el-card shadow="never">
+				<el-skeleton :rows="1"></el-skeleton>
+			</el-card>
+			<el-card shadow="never" style="margin-top: 15px;">
+				<el-skeleton></el-skeleton>
+			</el-card>
+		</el-main>
+	</div> -->
+	<widgets  @on-mounted="onMounted"></widgets>
+</template>
+
+<script>
+	import { defineAsyncComponent } from 'vue';
+	const widgets = defineAsyncComponent(() => import('./widgets/index_photon.vue'));
+
+	export default {
+		name: "dashboard",
+		components: {
+			widgets
+		},
+		data(){
+			return {
+				pageLoading: true,
+			}
+		},
+		mounted(){
+
+		},
+		methods: {
+			onMounted(){
+				this.pageLoading = false
+			}
+		}
+	}
+</script>
+
+<style>
+</style>

src/views/home/widgets/index_photon.vue

@@ -0,0 +1,387 @@
+<template>
+	<div class="widgets-home" ref="main">
+		<div class="widgets-content">
+			<div class="retangleWrap retangleWrapTop">
+				<div class="retangle retangleImg">
+					<div class="companyName">中建材光子科技有限公司</div>
+					<div class="companyDesc">公司秉承“善用资源，服务建设”的核心理念，践行“材料创造美</div>
+					<div class="companyDesc">好世界”的企业使命，坚持“创新、绩效、和谐、责任”的核心价</div>
+					<div class="companyDesc">值观，努力成长为具有创新精神和全球视野的光子材料领先企业。</div>
+					<img class="topCardImg" src="/img/topCard.png">
+				</div>
+			</div>
+			<div class="retangleWrap">
+				<div class="retangle countRetangle">
+					<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+						<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">本周核心指标</div>
+						<div style="color: rgb(122, 121, 121);size: 12px;font-weight: 290;line-height: 22px;">时间</div>
+					</div>
+					<div style="padding-top: 20px;display: flex;">
+						<div class="countItem">
+							<div class="countname">预制棒总产量</div>
+							<p class="countnum">6700</p>
+							<p class="countrate">同比上周<span class="redColor"> 8.63%▲</span></p>
+						</div>
+						<div class="countItem">
+							<div class="countname">管料产量</div>
+							<p class="countnum">6700</p>
+							<p class="countrate">同比上周<span class="redColor"> 8.63%▲</span></p>
+						</div>
+						<div class="countItem">
+							<div class="countname">芯料产量</div>
+							<p class="countnum">6700</p>
+							<p class="countrate">同比上周<span class="greenColor"> 8.63%▼</span></p>
+						</div>
+						<div class="countItem">
+							<div class="countname">在制任务</div>
+							<p class="countnum">6700</p>
+							<p class="countrate"></p>
+						</div>
+						<div class="countItem">
+							<div class="countname">交付产品</div>
+							<p class="countnum">6700</p>
+							<p class="countrate"></p>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="retangleWrap retangleWrapmiddle">
+				<div class="retangle middleRetangle">
+					<div style="padding: 20px 0;display: flex;">
+						<div class="middleItem">
+							<div class="countname">在制任务</div>
+							<p class="countnum">189762670</p>
+						</div>
+						<div class="middleItem" style="display: flex;">
+							<el-progress type="circle" :stroke-width="15" :show-text="false" :percentage="25" />
+							<div style="margin-left: 20px;">
+								<div class="countname">预制棒总产量</div>
+								<p class="countnum">80%</p>
+							</div>
+						</div>
+						<div class="middleItem" style="display: flex;">
+							<el-progress type="circle" :stroke-width="15" :show-text="false" :percentage="25" />
+							<div style="margin-left: 20px;">
+								<div class="countname">管料产量</div>
+								<p class="countnum">80%</p>
+								<p class="countrate">同比上周 8.63%</p>
+							</div>
+						</div>
+						<div class="middleItem" style="display: flex;">
+							<el-progress type="circle" :stroke-width="15" :show-text="false" :percentage="25" />
+							<div style="margin-left: 20px;">
+								<div class="countname">芯料产量</div>
+								<p class="countnum">70%</p>
+								<p class="countrate">同比上周 8.63%</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<el-row>
+				<el-col :span="7">
+					<div class="retangleWrap">
+						<div class="retangle bottomRetangle">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">月度趋势</div>
+								<div style="color: rgb(122, 121, 121);size: 12px;font-weight: 290;line-height: 22px;">...</div>
+							</div>
+							<div style="padding: 20px 24px 0 24px;background: #ffffff;">
+								<div class="bottomItem">
+									<div class="countname">本月完成情况</div>
+									<p class="countnum">45.82%</p>
+									<p class="countrate">同比上周<span class="redColor"> 8.63%▲</span> 月同比6.47%</p>
+									<div id="barCharts" style="width: 100%;height: 200px;"></div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</el-col>
+				<el-col :span="7">
+					<div class="retangleWrap">
+						<div class="retangle bottomRetangle">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">月度趋势</div>
+								<div style="color: rgb(122, 121, 121);size: 12px;font-weight: 290;line-height: 22px;">...</div>
+							</div>
+							<div style="padding: 20px 24px 24px 24px;">
+								<div style="display: flex;">
+									<el-icon style="color: #409EFF;font-size: 35px;"><WarningFilled/></el-icon>
+									<div>
+										<p>设备检验</p>
+										<p>提醒日期</p>
+									</div>
+								</div>
+								<div style="display: flex;margin-top: 20px;">
+									<el-icon style="color: #409EFF;font-size: 35px;"><WarningFilled/></el-icon>
+									<div>
+										<p>设备检验</p>
+										<p>提醒日期</p>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="retangle bottomRetangle" style="background: rgb(20,141,255);color:#ffffff;margin-top: 20px;">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="font-size: 16px;font-weight: 400;line-height: 24px;">预警提示</div>
+							</div>
+							<div style="padding: 20px 24px 24px 24px;">
+								<div>
+									<p>延期任务数量上月同比增加 <span style="font-size: 24px;">10.23%</span></p>
+								</div>
+							</div>
+						</div>
+					</div>
+				</el-col>
+				<el-col :span="10">
+					<div class="retangleWrap retangleWrapTable">
+						<div class="retangle tableRetangle">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">生产设备</div>
+							</div>
+							<div style="padding: 20px 24px 24px 24px;">
+								<el-table :data="tableData" style="width: 100%;height: 285px;">
+									<el-table-column prop="index" label="序号"/>
+									<el-table-column prop="number" label="设备编号"/>
+									<el-table-column prop="name" label="设备名称"/>
+									<el-table-column prop="state" label="设备状态"/>
+								</el-table>
+							</div>
+						</div>
+					</div>
+				</el-col>
+			</el-row>
+			<el-row>
+				<el-col :span="14">
+					<div class="retangleWrap retangleWrapTable">
+						<div class="retangle tableRetangle">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">生产设备</div>
+							</div>
+							<div style="padding: 20px 24px 24px 24px;">
+								<el-table :data="tableData" style="width: 100%;height: 285px;">
+									<el-table-column prop="index" label="序号"/>
+									<el-table-column prop="number" label="设备编号"/>
+									<el-table-column prop="name" label="设备名称"/>
+									<el-table-column prop="state" label="设备状态"/>
+								</el-table>
+							</div>
+						</div>
+					</div>
+				</el-col>
+				<el-col :span="10">
+					<div class="retangleWrap retangleWrapTable">
+						<div class="retangle tableRetangle">
+							<div style="display: flex;justify-content: space-between;padding: 0 24px;"> 
+								<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">生产设备</div>
+							</div>
+							<div style="padding: 20px 24px 24px 24px;">
+								<el-table :data="tableData" style="width: 100%;height: 285px;">
+									<el-table-column prop="index" label="序号"/>
+									<el-table-column prop="number" label="设备编号"/>
+									<el-table-column prop="name" label="设备名称"/>
+									<el-table-column prop="state" label="设备状态"/>
+								</el-table>
+							</div>
+						</div>
+					</div>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+<script>
+import * as echarts from 'echarts';
+	export default {
+		data() {
+			return {
+				time: '',
+				day: '',
+				year_s:'',
+				month_s:'',
+				yearData:[],
+				monthData:[],
+				warningNum:0,
+				warningNum2:0,
+				tableData : [
+					{index:1,number: 'GZKJ-01',name: '1号单坩埚熔化炉',state: '完好'},
+					{index:2,number: 'GZKJ-02',name: '2号单坩埚熔化炉',state: '完好'},
+					{index:3,number: 'GZKJ-03',name: '3号单坩埚熔化炉',state: '禁用'},
+					{index:4,number: 'GZKJ-04',name: '4号单坩埚熔化炉',state: '检修'},
+				]
+			}
+		},
+		mounted() {
+			this.$emit('on-mounted');
+			let that = this;
+            var myDate = new Date();
+            let year = myDate.getFullYear();
+            let month = myDate.getMonth()+1;
+            that.year_s = year;
+            that.month_s = month;
+			that.initChart();
+		},
+		methods: {
+			// 动态绑定Class
+			bindClass(type){
+				let classInfo = { socketDom: true, redColor: false, 
+				orangeColor:false, yellowColor:false, blueColor:true }
+				if(type==''){
+						classInfo.redColor = true
+				}
+				return classInfo
+			}, 
+			getMessage(msg) {
+			console.log(msg);
+			}, 
+			close() {
+			if (this.ws) {
+				this.ws.close();
+				this.ws = null;
+				console.log("socket已经关闭");
+			}
+			},
+			showTime(){
+				this.time = this.$TOOL.dateFormat(new Date(), 'hh:mm:ss')
+				this.day = this.$TOOL.dateFormat(new Date(), 'yyyy年MM月dd日')
+			},
+			interEvent(){
+				this.$router.replace({path:'/events'})
+			},
+			interEquipment(){
+				this.$router.replace({path:'/em/equipmentc'})
+			},
+			initChart(){
+				//柱状图
+				var dom = document.getElementById("barCharts");
+				var myChart = echarts.init(dom);
+				let option = {
+					grid: {  // 图表距离边框的距离，可用百分比和数字（px）配置
+                        top: '10%',  
+                        left: '3%', 
+                        right: '5%',
+                        bottom: '5%',
+                        containLabel: true
+                    },
+					xAxis: {
+						type: 'category',
+						axisLabel: {  
+                            show: false, // X 轴标签文字旋转角度  
+                        },  
+					},
+					yAxis: {
+						type: 'value',
+						axisLabel: {  
+                            show: false, // X 轴标签文字旋转角度  
+                        },
+					},
+					series: [{
+						data: [10,9,8,11,12,10,9,10],
+						type: 'bar'
+					}]
+				};
+				myChart.setOption(option, true);
+			},
+			
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.retangleWrap{
+		width: 100%;
+		padding: 20px 20px 0 20px;
+		box-sizing: border-box;
+	}
+	.retangle{
+		width: 100%;
+		border-radius: 15px;
+		box-sizing: border-box;
+		position: relative;
+		background: #ffffff;
+	}
+	.retangleImg{
+		height:188px;
+		color: #ffffff;
+		padding-left: 43px;
+		background: linear-gradient(180.00deg, rgb(58, 149, 255),rgb(27, 92, 255) 100%);
+	}
+	.companyName{
+		padding-top: 28px;
+		font-size: 24px;
+		line-height: 28px;
+		padding-bottom: 23px;
+	}
+	.companyDesc{
+		padding-left: 4px;
+		font-size: 14px;
+		line-height: 20px;
+	}
+	.topCardImg{
+		height: 188px;
+		position: absolute;
+		right: 10px;
+		top: 0;
+	}
+	.countRetangle{
+		height: 180px;
+		padding-top: 20px;
+		box-sizing: border-box;
+	}
+	.countItem{
+		width: 20%;
+		padding-left: 24px;
+		display: inline-block;
+		box-sizing: border-box;
+		border-right: 1px solid #eeeeee;
+	}
+	.countItem:last-child{
+		border-right: 0;
+	}
+	.countname{
+		font-size: 14px;
+		line-height: 22px;
+		color: rgba(94,94,94);
+	}
+	.countnum{
+		font-size: 30px;
+		padding-bottom: 11px;
+		line-height: 38px;
+	}
+	.countrate{
+		line-height: 20px;
+		color: rgba(0,0,0,.45);
+	}
+	.redColor{
+		color: rgb(255, 73, 87);
+	}
+	.greenColor{
+		color: rgb(71, 201, 58);
+	}
+	.middleRetangle{
+		border-radius: 2px;
+		position: relative;
+		box-sizing: border-box;
+	}
+	.middleItem{
+		width: 25%;
+		padding-left: 34px;
+		display: inline-block;
+		box-sizing: border-box;
+	}
+	.middleItem:first-child{
+		border-right: 1px solid #eeeeee;
+	}
+	.tableRetangle{
+		height: auto;
+		padding-top: 20px;
+	}
+	.bottomRetangle{
+		padding: 20px 0;
+		box-sizing: border-box;
+		background: #ffffff;
+	}
+	.bottomItem{
+
+	}
+</style>

src/views/inm/materialbatch.vue

@@ -0,0 +1,63 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="物料批次" prop="name">
+        </el-table-column>
+        <el-table-column label="物料名称" prop="number">
+        </el-table-column>
+        <el-table-column label="规格型号" prop="model">
+        </el-table-column>
+        <el-table-column label="仓库" prop="warehouse">
+        </el-table-column>
+        <el-table-column label="物料存量" prop="count">
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+</template>
+<script>
+export default {
+  name: "materials",
+  data() {
+    return {
+      apiObj: this.$API.inm.warehouse.batch,
+      query: {
+        page:1,
+        page_size:20
+      },
+      selection: [],
+    };
+  },
+  methods: {
+    handleQuery() {
+				this.$refs.table.queryData(this.query)
+			},
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>

src/views/inm/warehouse.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="仓库名称" prop="name" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="仓库编号" prop="number">
+        </el-table-column>
+        <el-table-column label="仓库地点" prop="model">
+        </el-table-column>
+        <el-table-column label="创建时间" prop="factory" show-overflow-tooltip>
+        </el-table-column>
+    
+        <el-table-column label="备注"  show-overflow-tooltip>
+          <template #default="scope">{{ scope.row.description }}</template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="150px">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'warehouse.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'warehouse.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+    <script>
+import saveDialog from "./warehouse_form.vue";
+export default {
+  name: "rparty",
+  components: {
+    saveDialog,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+      },
+      apiObj: this.$API.inm.warehouse.list,
+      query: {
+        page:1,
+        page_size:20,
+        type:10
+      },
+      selection: [],
+      state_: {
+          10: '完好',
+          20: '限用',
+          30: '在修',
+          40: '禁用',
+        },
+    };
+  },
+  methods: {
+    //添加
+    add() {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("add");
+      });
+    },
+    //编辑
+    table_edit(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("edit").setData(row);
+      });
+    },
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //删除
+    table_del(row) {
+      this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+      }).then(() => {
+        this.$API.inm.warehouse.delete.req(row.id).then((res) => {
+          this.$message.success("删除成功");
+          return res;
+        }).catch((err) => {
+          return err;
+        });
+      }).catch(() => {});
+    },
+
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    handleQuery() {
+				this.$refs.table.queryData(this.query)
+			},
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>

src/views/inm/warehouse_form.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="100px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="仓库名称" prop="name">
+                <el-input v-model="form.name" placeholder="仓库名称"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="仓库编号" prop="number">
+                <el-input v-model="form.number" placeholder="仓库编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="仓库地点" prop="place">
+                <el-input v-model="form.place" placeholder="仓库地点"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增仓库",
+        edit: "编辑仓库",
+        show: "查看仓库",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入仓库名称", trigger: "blur"}],
+          number: [{required: true, message: "请输入仓库编号", trigger: "blur"}],
+          place: [{required: true, message: "请输入仓库地点", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      keeperOptions: [],
+      depOptions: [],
+      selectionFilters: [],
+      setFiltersVisible: false,
+      belong_dept_options: [],
+      group: [],
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.inm.warehouse.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.inm.warehouse.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/mtm/materials.vue

@@ -0,0 +1,315 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+            <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+        </div>
+        <div class="right-panel">
+            <el-date-picker
+                v-model="query.date"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+            />
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            >查询</el-button>
+          
+        </div>
+      </el-header>
+      <el-main style="background:#ffffff;padding:20px">
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+            <el-tab-pane label="主要原料" name="first">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="物料编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="物料类别" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="物料名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="规格型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计量单位" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="辅助材料" name="second">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="物料编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="物料类别" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="物料名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="规格型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计量单位" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="加工工具" name="third">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="物料编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="物料类别" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="物料名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="规格型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计量单位" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="辅助工装" name="fourth">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="物料编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="物料类别" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="物料名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="规格型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计量单位" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="办公工具" name="fifth">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="物料编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="物料类别" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="物料名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="规格型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计量单位" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+            </el-tab-pane>
+        </el-tabs>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+  </template>
+  <script>
+  import saveDialog from "./materials_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pm.mtask.list,
+        query: {
+          page:1,
+          page_size:20,
+          date:''
+        },
+        activeName:'first',
+        selection: [],
+        state_: {
+            10: '完好',
+            20: '限用',
+            30: '在修',
+            40: '禁用',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      //删除
+      async table_del(row) {
+        this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+        }).then(() => {
+            this.$API.pm.mtask.delete.req(row.id).then((res) => {
+                this.$message.success("删除成功");
+                return res;
+            }).catch((err) => {
+                return err;
+            });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+        this.$refs.table.queryData(this.query)
+      },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/mtm/materials_form.vue

@@ -0,0 +1,147 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="物料编号" prop="number">
+                <el-input v-model="form.number" placeholder="物料编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24" prop="name">
+              <el-form-item label="物料名称">
+                <el-input v-model="form.name" placeholder="物料名称"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="规格型号">
+                <el-input v-model="form.specification" placeholder="规格型号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="物料类别" prop="type">
+                <el-select
+                  v-model="form.type"
+                  placeholder="物料类别"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="计量单位" prop="unit">
+                <el-select
+                  v-model="form.unit"
+                  placeholder="计量单位"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增物料",
+        edit: "编辑物料",
+        show: "查看物料",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入物料名称", trigger: "blur"}],
+          number: [{required: true, message: "请输入物料编号", trigger: "blur"}],
+        },
+      visible: false,
+      isSaveing: false,
+      options: [],
+      selectionFilters: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.pm.mtask.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.pm.mtask.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+<style>
+</style>

src/views/mtm/process.vue

@@ -0,0 +1,119 @@
+<template>
+	<el-container>
+		<el-header>
+			<div class="left-panel">
+				<el-input style="margin-right: 5px;" v-model="query.search" placeholder="产品名称" clearable></el-input>
+				<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
+			</div>
+			<div class="right-panel">
+				<el-button type="primary" icon="el-icon-plus" @click="table_add" v-auth="'material.create'"></el-button>
+			</div>
+		</el-header>
+		<el-main class="nopadding">
+			<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange">
+				<el-table-column label="#" type="index" width="50"></el-table-column>
+				<el-table-column label="名称" prop="name" min-width="100"></el-table-column>
+				<el-table-column label="编号" prop="code" min-width="100"></el-table-column>
+				<el-table-column label="类型" prop="type" min-width="150">
+					<template #default="scope">
+						<span>{{ types_[scope.row.type] }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="车间" prop="sort" min-width="60"></el-table-column>
+				<el-table-column label="操作" fixed="right" align="center" width="140">
+					<template #default="scope">
+						<el-button link size="small" @click="table_edit(scope.row)" v-auth="'material.update'" type="primary">编辑</el-button>
+						<el-divider direction="vertical"></el-divider>
+						<el-popconfirm title="确定删除吗？" @confirm="roleDel(scope.row, scope.$index)">
+							<template #reference>
+								<el-button link size="small" v-auth="'material.delete'" type="danger">删除</el-button>
+							</template>
+						</el-popconfirm>
+					</template>
+				</el-table-column>
+			</scTable>
+		</el-main>
+	</el-container>
+	<save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+</template>
+<script>
+import saveDialog from "./process_form.vue";
+	export default {
+		name: 'material',
+		components: {
+			saveDialog
+		},
+		data() {
+			return {
+				apiObj: this.$API.mtm.material.list,
+				search: {
+					keyword: null
+				},
+				dialog: {
+					save: false,
+				},
+				query: {},
+				types_:{
+					0:'电/水/气',
+					10:'成品',
+					20:'半成品',
+					30:'主要原料',
+					40:'辅助材料',
+					50:'加工工具',
+					60:'辅助工装',
+				},
+			}
+		},
+		methods: {
+			handleChange(value) {
+                console.log(value);
+                console.log(this.form.belong_dept);
+			},
+			//添加
+			table_add() {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open("add");
+				});
+			},
+			//编辑
+			table_edit(row) {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open("edit").setData(row);
+				});
+			},
+			//删除产品
+			async roleDel(row){
+				var id = row.id;
+				var res = await this.$API.mtm.material.delete.req(id);
+				if(res.err_msg){
+					this.$message.error(res.err_msg)
+				}else{
+					this.$refs.table.refresh();
+					this.$message.success("删除成功")
+				}
+			},
+			//表格选择后回调事件
+			selectionChange(selection){
+				this.selection = selection;
+			},
+			//搜索
+			handleQuery(){
+				this.$refs.table.queryData(this.query)
+			},
+			//本地更新数据
+			handleSaveSuccess(){
+				this.$refs.table.refresh()
+			}
+		}
+	}
+</script>
+<style scoped>
+	.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
+</style>

src/views/mtm/process_form.vue

@@ -0,0 +1,166 @@
+<template>
+    <el-dialog
+      :title="titleMap[mode]"
+      v-model="visible"
+      :size="1000"
+      destroy-on-close
+      @closed="$emit('closed')"
+    >
+      <el-container v-loading="loading">
+        <el-main style="padding: 0 20px 20px 20px">
+          <el-form 
+            ref="dialogForm" 
+            :model="form" 
+            :rules="rules" 
+            label-position="right" 
+            label-width="80px" 
+            style="padding: 0 10px;"
+          >
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="编号">
+              <el-input v-model="form.code" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="类型">
+              <el-select
+                v-model="form.type"
+                placeholder="类型"
+                clearable
+                style="width: 100%;"
+              >
+                <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="车间">
+              <el-select
+                v-model="form.testitems"
+                placeholder="车间"
+                clearable
+                multiple
+                style="width: 100%;"
+              >
+                <el-option
+                v-for="item in options"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+        </el-main>
+        <el-footer>
+          <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+          <el-button @click="visible = false">取消</el-button>
+        </el-footer>
+      </el-container>
+    </el-dialog>
+  </template>
+  
+  <script>
+  	const defaultForm = {
+		id:"",
+		name: "",
+		code: "",
+		type: "",
+		// sort:1,
+		testitems: [],
+	};
+  export default {
+    emits: ["success", "closed"],
+    data() {
+      return {
+        loading: false,
+        mode: "add",
+        titleMap: {
+					add: '新增产品',
+					edit: '编辑产品',
+					show: '查看产品'
+				},
+        //表单数据
+				form: defaultForm,
+        //验证规则
+        rules: {
+            name: [{required: true, message: "请输入名称", trigger: "blur"}],
+          },
+        visible: false,
+        isSaveing: false,
+        options:[],
+        typeOptions:[
+					{label:'电/水/气',value:0},
+					{label:'成品',value:10},
+					{label:'半成品',value:20},
+					{label:'主要原料',value:30},
+					{label:'辅助材料',value:40},
+					{label:'加工工具',value:50},
+					{label:'辅助工装',value:60},
+				],
+        setFiltersVisible: false,
+      };
+    },
+    mounted() {
+      this.getTestItem();//获取部门
+    },
+    methods: {
+      getTestItem(){
+				this.$API.qm.getTestItem.get({page:0}).then(res=>{
+					this.options = res;
+				});
+			},
+       //显示
+      open(mode = "add") {
+        this.mode = mode;
+        this.visible = true;
+        return this;
+      },
+      //表单注入数据
+      setData(data) {
+        Object.assign(this.form,data);
+      },
+      //表单提交方法
+      submit() {
+        let that = this;
+        that.$refs.dialogForm.validate(async (valid) => {
+          if (valid) {
+            that.isSaveing = true;
+            if(that.mode==='add'){
+              that.$API.mtm.material.create.req(that.form).then(res=>{
+                that.isSaveing = false;
+                that.$emit("success", that.form, that.mode);
+                that.visible = false;
+                that.$message.success("操作成功");
+              }).catch(res=>{
+                that.isSaveing = false;
+              })
+            }else{
+              res = that.$API.mtm.material.update.req(that.form.id,that.form).then(res=>{
+                that.isSaveing = false;
+                that.$emit("success", that.form, that.mode);
+                that.visible = false;
+                that.$message.success("操作成功");
+              }).catch(res=>{
+                that.isSaveing = false;
+              })
+            }
+          }
+        });
+      },
+      
+      //设置过滤项
+      setFilters(filters) {
+        this.selectionFilters = filters;
+        this.setFiltersVisible = true;
+      },
+    },
+  };
+  </script>
+  
+  <style>
+  </style>
+  

src/views/mtm/products.vue

@@ -0,0 +1,127 @@
+<template>
+	<el-container>
+		<el-header>
+			<div class="left-panel">
+				<el-input style="margin-right: 5px;" v-model="query.search" placeholder="产品名称" clearable></el-input>
+				<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
+			</div>
+			<div class="right-panel">
+				<el-button type="primary" icon="el-icon-plus" @click="table_add" v-auth="'material.create'"></el-button>
+			</div>
+			
+		</el-header>
+		<el-main class="nopadding">
+			<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange">
+				<el-table-column label="#" type="index" width="50"></el-table-column>
+				<el-table-column label="名称" prop="name" min-width="100"></el-table-column>
+				<el-table-column label="标识" prop="code" min-width="100"></el-table-column>
+				<el-table-column label="类型" prop="type" min-width="150">
+					<template #default="scope">
+						<span>{{ types_[scope.row.type] }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="排序" prop="sort" min-width="60"></el-table-column>
+				<!-- <el-table-column label="检测项目" prop="testitems" min-width="150">
+					<template #default="scope">
+						<span v-for="item in scope.row.testitems">{{ item.name }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column label="操作" fixed="right" align="center" width="140">
+					<template #default="scope">
+						<el-button link size="small" @click="table_edit(scope.row)" v-auth="'material.update'" type="primary">编辑</el-button>
+						<el-divider direction="vertical"></el-divider>
+						<el-popconfirm title="确定删除吗？" @confirm="roleDel(scope.row, scope.$index)">
+							<template #reference>
+								<el-button link size="small" v-auth="'material.delete'" type="danger">删除</el-button>
+							</template>
+						</el-popconfirm>
+					</template>
+				</el-table-column>
+			</scTable>
+		</el-main>
+	</el-container>
+	
+	<save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+</template>
+<script>
+import saveDialog from "./products_form.vue";
+	
+	export default {
+		name: 'material',
+		components: {
+			saveDialog
+		},
+		data() {
+			return {
+				apiObj: this.$API.mtm.material.list,
+				search: {
+					keyword: null
+				},
+				dialog: {
+					save: false,
+				},
+				query: {},
+				types_:{
+					0:'电/水/气',
+					10:'成品',
+					20:'半成品',
+					30:'主要原料',
+					40:'辅助材料',
+					50:'加工工具',
+					60:'辅助工装',
+				},
+			}
+		},
+		methods: {
+			handleChange(value) {
+                console.log(value);
+                console.log(this.form.belong_dept);
+			},
+			//添加
+			table_add() {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open("add");
+				});
+			},
+			//编辑
+			table_edit(row) {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open("edit").setData(row);
+				});
+			},
+			//删除产品
+			async roleDel(row){
+				var id = row.id;
+				var res = await this.$API.mtm.material.delete.req(id);
+				if(res.err_msg){
+					this.$message.error(res.err_msg)
+				}else{
+					this.$refs.table.refresh();
+					this.$message.success("删除成功")
+				}
+			},
+			//表格选择后回调事件
+			selectionChange(selection){
+				this.selection = selection;
+			},
+			//搜索
+			handleQuery(){
+				this.$refs.table.queryData(this.query)
+			},
+			//本地更新数据
+			handleSaveSuccess(){
+				this.$refs.table.refresh()
+			}
+		}
+	}
+</script>
+<style scoped>
+	.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
+</style>

src/views/mtm/products_form.vue

@@ -0,0 +1,174 @@
+<template>
+    <el-dialog
+      :title="titleMap[mode]"
+      v-model="visible"
+      :size="1000"
+      destroy-on-close
+      @closed="$emit('closed')"
+    >
+      <el-container v-loading="loading">
+        <el-main style="padding: 0 20px 20px 20px">
+          <el-form 
+            ref="dialogForm" 
+            :model="form" 
+            :rules="rules" 
+            label-position="right" 
+            label-width="80px" 
+            style="padding: 0 10px;"
+          >
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="标识">
+              <el-input v-model="form.code" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="类型">
+              <el-select
+                v-model="form.type"
+                placeholder="类型"
+                clearable
+                style="width: 100%;"
+              >
+                <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="检测项目">
+              <el-select
+                v-model="form.testitems"
+                placeholder="检测项目"
+                clearable
+                multiple
+                style="width: 100%;"
+              >
+                <el-option
+                v-for="item in options"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <!-- <el-form-item label="单位成本" prop="price_unit">
+              <el-input-number 
+              v-model="form.sort" 
+              :precision="0" 
+              style="width: 100%;"
+              clearable>
+              </el-input-number>
+            </el-form-item> -->
+          </el-form>
+        </el-main>
+        <el-footer>
+          <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+          <el-button @click="visible = false">取消</el-button>
+        </el-footer>
+      </el-container>
+    </el-dialog>
+  </template>
+  
+  <script>
+  	const defaultForm = {
+		id:"",
+		name: "",
+		code: "",
+		type: "",
+		// sort:1,
+		testitems: [],
+	};
+  export default {
+    emits: ["success", "closed"],
+    data() {
+      return {
+        loading: false,
+        mode: "add",
+        titleMap: {
+					add: '新增产品',
+					edit: '编辑产品',
+					show: '查看产品'
+				},
+        //表单数据
+				form: defaultForm,
+        //验证规则
+        rules: {
+            name: [{required: true, message: "请输入名称", trigger: "blur"}],
+          },
+        visible: false,
+        isSaveing: false,
+        options:[],
+        typeOptions:[
+					{label:'电/水/气',value:0},
+					{label:'成品',value:10},
+					{label:'半成品',value:20},
+					{label:'主要原料',value:30},
+					{label:'辅助材料',value:40},
+					{label:'加工工具',value:50},
+					{label:'辅助工装',value:60},
+				],
+        setFiltersVisible: false,
+      };
+    },
+    mounted() {
+      this.getTestItem();//获取部门
+    },
+    methods: {
+      getTestItem(){
+				this.$API.qm.getTestItem.get({page:0}).then(res=>{
+					this.options = res;
+				});
+			},
+       //显示
+      open(mode = "add") {
+        this.mode = mode;
+        this.visible = true;
+        return this;
+      },
+      //表单注入数据
+      setData(data) {
+        Object.assign(this.form,data);
+      },
+      //表单提交方法
+      submit() {
+        let that = this;
+        that.$refs.dialogForm.validate(async (valid) => {
+          if (valid) {
+            that.isSaveing = true;
+            if(that.mode==='add'){
+              that.$API.mtm.material.create.req(that.form).then(res=>{
+                that.isSaveing = false;
+                that.$emit("success", that.form, that.mode);
+                that.visible = false;
+                that.$message.success("操作成功");
+              }).catch(res=>{
+                that.isSaveing = false;
+              })
+            }else{
+              res = that.$API.mtm.material.update.req(that.form.id,that.form).then(res=>{
+                that.isSaveing = false;
+                that.$emit("success", that.form, that.mode);
+                that.visible = false;
+                that.$message.success("操作成功");
+              }).catch(res=>{
+                that.isSaveing = false;
+              })
+            }
+          }
+        });
+      },
+      
+      //设置过滤项
+      setFilters(filters) {
+        this.selectionFilters = filters;
+        this.setFiltersVisible = true;
+      },
+    },
+  };
+  </script>
+  
+  <style>
+  </style>
+  

src/views/pm/mtask.vue

@@ -0,0 +1,270 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+            <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+        </div>
+        <div class="right-panel">
+            <el-date-picker
+                v-model="query.date"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+            />
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            >查询</el-button>
+          
+        </div>
+      </el-header>
+      <el-main class="nopadding">
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+            <el-tab-pane label="混料工序" name="first">
+                <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                    <el-table-column type="index" width="50"/>
+                    <el-table-column label="任务编号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="产品名称" prop="material"  show-overflow-tooltip>
+                    </el-table-column>
+                    <el-table-column label="型号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="任务量" prop="number">
+                    </el-table-column>
+                    <el-table-column label="计划量" prop="count">
+                    </el-table-column>
+                    <!-- <el-table-column label="状态" prop="count">
+                    </el-table-column> -->
+                    <el-table-column label="日均产量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="计划开工时间" prop="start_date">
+                    </el-table-column>
+                    <el-table-column label="计划完工时间" prop="end_date">
+                    </el-table-column>
+                    <el-table-column label="完成量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right" align="left" width="120">
+                        <template #default="scope">
+                        <el-link
+                            type="primary"
+                            @click="table_edit(scope.row)"
+                            v-auth="'equipment.update'"
+                        >
+                            编辑
+                        </el-link>
+                        <el-divider direction="vertical"></el-divider>
+                        <el-link
+                            type="danger"
+                            @click="table_del(scope.row)"
+                            v-auth="'equipment.delete'"
+                        >
+                            删除
+                        </el-link>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="成型7车间" name="second">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                    <el-table-column type="index" width="50"/>
+                    <el-table-column label="任务编号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="产品名称" prop="material"  show-overflow-tooltip>
+                    </el-table-column>
+                    <el-table-column label="型号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="任务量" prop="number">
+                    </el-table-column>
+                    <el-table-column label="计划量" prop="count">
+                    </el-table-column>
+                    <!-- <el-table-column label="状态" prop="count">
+                    </el-table-column> -->
+                    <el-table-column label="日均产量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="计划开工时间" prop="start_date">
+                    </el-table-column>
+                    <el-table-column label="计划完工时间" prop="end_date">
+                    </el-table-column>
+                    <el-table-column label="完成量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right" align="left" width="120">
+                        <template #default="scope">
+                        <el-link
+                            type="primary"
+                            @click="table_edit(scope.row)"
+                            v-auth="'equipment.update'"
+                        >
+                            编辑
+                        </el-link>
+                        <el-divider direction="vertical"></el-divider>
+                        <el-link
+                            type="danger"
+                            @click="table_del(scope.row)"
+                            v-auth="'equipment.delete'"
+                        >
+                            删除
+                        </el-link>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-tab-pane>
+            <el-tab-pane label="成型10车间" name="third">
+              <scTable
+                ref="table"
+                :apiObj="apiObj"
+                row-key="id"
+                stripe
+                :params="query"
+                >
+                    <el-table-column type="index" width="50"/>
+                    <el-table-column label="任务编号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="产品名称" prop="material"  show-overflow-tooltip>
+                    </el-table-column>
+                    <el-table-column label="型号" prop="number">
+                    </el-table-column>
+                    <el-table-column label="任务量" prop="number">
+                    </el-table-column>
+                    <el-table-column label="计划量" prop="count">
+                    </el-table-column>
+                    <!-- <el-table-column label="状态" prop="count">
+                    </el-table-column> -->
+                    <el-table-column label="日均产量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="计划开工时间" prop="start_date">
+                    </el-table-column>
+                    <el-table-column label="计划完工时间" prop="end_date">
+                    </el-table-column>
+                    <el-table-column label="完成量" prop="count">
+                    </el-table-column>
+                    <el-table-column label="操作" fixed="right" align="left" width="120">
+                        <template #default="scope">
+                        <el-link
+                            type="primary"
+                            @click="table_edit(scope.row)"
+                            v-auth="'equipment.update'"
+                        >
+                            编辑
+                        </el-link>
+                        <el-divider direction="vertical"></el-divider>
+                        <el-link
+                            type="danger"
+                            @click="table_del(scope.row)"
+                            v-auth="'equipment.delete'"
+                        >
+                            删除
+                        </el-link>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-tab-pane>
+        </el-tabs>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+</template>
+<script>
+import saveDialog from "./mtask_form.vue";
+export default {
+  name: "rparty",
+  components: {
+      saveDialog,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+      },
+      apiObj: this.$API.pm.mtask.list,
+      query: {
+        page:1,
+        page_size:20,
+        date:''
+      },
+      activeName:'first',
+      selection: [],
+      state_: {
+          10: '完好',
+          20: '限用',
+          30: '在修',
+          40: '禁用',
+        },
+    };
+  },
+  methods: {
+    //添加
+    add() {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("add");
+      });
+    },
+    //编辑
+    table_edit(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("edit").setData(row);
+      });
+    },
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //删除
+    async table_del(row) {
+      this.$confirm(`确定删除吗？`, "提示", {
+      type: "warning",
+      }).then(() => {
+          this.$API.pm.mtask.delete.req(row.id).then((res) => {
+              this.$message.success("删除成功");
+              return res;
+          }).catch((err) => {
+              return err;
+          });
+      }).catch(() => {});
+    },
+
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    handleQuery() {
+      this.$refs.table.queryData(this.query)
+    },
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>
+<style scoped>
+    .el-main.nopadding{
+      padding:0 20px 20px 20px
+    }
+</style>

src/views/pm/mtask2.vue

@@ -0,0 +1,384 @@
+<template>
+    <el-container style="flex-direction: column">
+      <el-main class="nopadding" style="position: relative;height: 50%;margin-bottom: 20px;">
+        <div class="right-panel" style="    display: inline-block;position: absolute;right: 20px;margin-top: 4px;">
+             <el-button type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+             <el-button type="primary" icon="el-icon-plus" @click="add">任务下达</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="handleQuery" >导出</el-button>
+          </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+          <el-tab-pane label="粗加工6车间" name="first">
+              <scTable
+              ref="table"
+              :apiObj="apiObj"
+              row-key="id"
+              stripe
+              :params="query"
+              >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="任务编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="产品名称" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="型号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="任务量" prop="number">
+                  </el-table-column>
+                  <el-table-column label="计划量" prop="count">
+                  </el-table-column>
+                  <!-- <el-table-column label="状态" prop="count">
+                  </el-table-column> -->
+                  <el-table-column label="日均产量" prop="count">
+                  </el-table-column>
+                  <el-table-column label="计划开工时间" prop="start_date">
+                  </el-table-column>
+                  <el-table-column label="计划完工时间" prop="end_date">
+                  </el-table-column>
+                  <el-table-column label="完成量" prop="count">
+                  </el-table-column>
+                  <el-table-column label="操作" fixed="right" align="left" width="120">
+                      <template #default="scope">
+                      <el-link
+                          type="primary"
+                          @click="table_edit(scope.row)"
+                          v-auth="'equipment.update'"
+                      >
+                          编辑
+                      </el-link>
+                      <el-divider direction="vertical"></el-divider>
+                      <el-link
+                          type="danger"
+                          @click="table_del(scope.row)"
+                          v-auth="'equipment.delete'"
+                      >
+                          删除
+                      </el-link>
+                      </template>
+                  </el-table-column>
+              </scTable>
+          </el-tab-pane>
+        </el-tabs>
+      </el-main>
+      <el-main class="nopadding" style="position: relative;height: 50%;">
+        <div class="right-panel" v-if="activeNameSub=='order'" style="display: inline-block;position: absolute;right: 20px;margin-top: 4px;">
+             <el-button type="primary" icon="el-icon-plus">排产</el-button>
+             <el-button type="primary" icon="el-icon-plus">合并任务</el-button>
+          </div>
+        <el-tabs v-model="activeNameSub" class="demo-tabs" @tab-click="handleClick">
+          <el-tab-pane label="订单排产" name="order">
+              <scTable
+              ref="table"
+              :apiObj="apiObj"
+              row-key="id"
+              stripe
+              :params="query"
+              >
+                  <el-table-column type="index" width="50"/>
+                  <el-table-column label="订单编号" prop="number">
+                  </el-table-column>
+                  <el-table-column label="合同编号" prop="material"  show-overflow-tooltip>
+                  </el-table-column>
+                  <el-table-column label="合同名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="产品名称" prop="number">
+                  </el-table-column>
+                  <el-table-column label="型号" prop="count">
+                  </el-table-column>
+                  <el-table-column label="规格" prop="count">
+                  </el-table-column>
+                  <el-table-column label="计划量" prop="count">
+                  </el-table-column>
+                  <el-table-column label="交货时间" prop="end_date">
+                  </el-table-column>
+              </scTable>
+          </el-tab-pane>
+          <el-tab-pane label="生产进度" name="rate">
+            <div class="ganntClass" :style="{ height: ganttHeight }" v-loading="ganttLoading">
+              <div ref="gantt" class="gantt-container"></div>
+            </div>
+            <!-- <vue-gantt :tasks="tasks" :timerange="timeRange"></vue-gantt> -->
+          </el-tab-pane>
+        </el-tabs>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+</template>
+<script>
+import gantt from 'dhtmlx-gantt';
+import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';
+import saveDialog from "./mtask_form.vue";
+export default {
+  name: "rparty",
+  components: {
+      saveDialog
+  },
+  data() {
+    return {
+      ganttHeight: '500px',
+      ganttLoading: false,
+      projectId: '',
+      tasks: {
+        data: []
+      },
+      gantttt:{
+            data:[],
+            links:[
+                { id:1, source:1, target:3, type:"0"},                       
+                { id:2, source:12323545, target:12345453, type:"1"},                     
+                { id:3, source:12345453, target:12345437, type:"0"}   
+            ],
+            columns:[
+            { align: 'right', name: 'color', label: '', width: '15',
+                template:function(task){
+                    if(task.color){
+                        return  "<div class='tttttt' style='background:"+ task.color+ "'>"+"</div>"}  
+                    }
+            },
+            { align: 'left', name: 'text', label: '', tree: true, width:"*",min_width:120},
+            { align: 'center', name: 'person', label: '负责人', width: '100' },
+            { align: 'right', name: 'time', label: '时间节点', width: '80' },
+        ],
+},
+
+      dialog: {
+        save: false,
+      },
+      apiObj: this.$API.pm.mtask.list,
+      query: {
+        page:1,
+        page_size:20,
+        date:''
+      },
+      activeName:'first',
+      activeNameSub:'order',
+      selection: [],
+      state_: {
+          10: '完好',
+          20: '限用',
+          30: '在修',
+          40: '禁用',
+        },
+    };
+  },
+  created() {
+    //清空gantt数据
+    gantt.clearAll();
+  },
+  mounted(){
+    var $this = this;
+    //本地化
+    gantt.i18n.setLocale('cn');
+    //自适应甘特图的尺寸大小, 使得在不出现滚动条的情况下, 显示全部任务
+    gantt.config.autosize = false;
+    //只读模式：打开后不可以操作甘特图
+    gantt.config.readonly = false;
+    //是否显示左侧树表格
+    gantt.config.show_grid = true;
+    //表格列设置：我们在后台获取数据后，会解析到这个表格列中，这里面会含有很多隐藏列，作用是甘特图中不需要看隐藏列，但当我们获取甘特图的任务时，这些隐藏列会跟随任务方便使用
+    gantt.config.columns = [
+        {
+          name: 'text',label: '分项工程',
+           tree: true,width: '*',align: 'left',template: function (obj) { return `<span class="gantt-name-box" title="${obj.text}">${obj.text}</span>` }
+      },
+      {name: 'beginTime',label: '开始日期', width: '100',align: 'center', template: function (obj) {return obj.beginTime;}},
+    {name: 'endTime',label: '结束日期',width: '100',align: 'center',template: function (obj) {return obj.endTime;}},
+        {name: 'limitTime',label: '工期',width: '100', align: 'center',template: function (obj) {return `${obj.limitTime}天`;}
+ }
+];
+    gantt.config.data=[ 
+          { "id": "1635835705701744641", "text": "345分项工程分项工程分项工程", "start_date": "2022-12-01", "beginTime": "2022-12-01", "endTime": "2023-03-14", "limitTime": 103, "duration": 103, "progress": 1 },
+          { "id": "1635835705701744642", "text": "111", "start_date": "2023-03-14", "beginTime": "2023-03-14", "endTime": "2023-03-17", "limitTime": 3, "duration": 3, "progress": 1 },
+          { "id": "1635835705701744643", "text": "分项工程", "start_date": "2023-03-13", "beginTime": "2023-03-13", "endTime": "2023-03-23", "limitTime": 10, "duration": 10, "progress": 1 },
+          { "id": "1635835705701744644", "text": "分项工程1", "start_date": "2023-03-30", "beginTime": "2023-03-30", "endTime": "2023-04-20", "limitTime": 21, "duration": 21, "progress": 1 },
+          { "id": "1635835705701744645", "text": "分项工程2", "start_date": "2023-03-21", "beginTime": "2023-03-21", "endTime": "2023-03-29", "limitTime": 8, "duration": 8, "progress": 1 },
+          { "id": "1635835705701744646", "text": "分项工程3", "start_date": "2023-03-23", "beginTime": "2023-03-23", "endTime": "2023-03-31", "limitTime": 8, "duration": 8, "progress": 1 },
+          { "id": "1635835705701744647", "text": "6", "start_date": "2023-03-29", "beginTime": "2023-03-29", "endTime": "2023-03-30", "limitTime": 1, "duration": 1, "progress": 1 },
+          { "id": "1635835705701744648", "text": "1", "start_date": "2023-03-16", "beginTime": "2023-03-16", "endTime": "2023-03-17", "limitTime": 1, "duration": 1, "progress": 1 },
+      ];
+    //自适应
+    //gantt.config.fit_tasks = true;
+    gantt.config.row_height = 44;
+    //表头高度
+    gantt.config.scale_height = 50;
+
+    //开启提示：鼠标悬浮在gantt行上显示
+    gantt.plugins({
+      tooltip: true
+    });
+
+    //时间轴格式化模版
+    var yearScaleTemplate = function (date) {
+      return date.getFullYear();
+    };
+    var monthScaleTemplate = function (date) {
+      var month = date.getMonth()+1;
+      return month;
+    };
+    var dayScaleTemplate = function (date) {
+      var month = date.getDate();
+      return month;
+    };
+    //时间轴样式
+    var yearScaleCss = function () {
+      return 'yearScaleStyle';
+    };
+    var monthScaleCss = function () {
+      return 'monthScaleStyle';
+    };
+    var monthScaleCss = function () {
+      return 'monthScaleStyle';
+    };
+    gantt.config.start_date = new Date(2023, 9, 1);
+    gantt.config.end_date = new Date(2023, 9, 20);
+    gantt.config.scales = [
+      { unit: 'year', step: 1, format: yearScaleTemplate, css: yearScaleCss },
+      { unit: 'month', step: 1, format: monthScaleTemplate, css: monthScaleCss },
+      { unit: 'day', step: 1, format: dayScaleTemplate, css: monthScaleCss }
+    ];
+
+    gantt.attachEvent('onGanttReady', function () {
+      var tooltips = gantt.ext.tooltips;
+      gantt.templates.tooltip_text = function (start, end, task) {
+        return '任务编号：' + task.no + '<br/>Task：' + task.text + '<br/>Role：' + task.roleName + '<br/>Owner：' + task.ownerName + '<br/>计划开始时间：' + gantt.templates.tooltip_date_format(start) + '<br/>RCD：' + gantt.templates.tooltip_date_format(end);
+      };
+    });
+
+    //禁用双击事件
+    gantt.config.details_on_dblclick = false;
+	//关闭所有错误提示信息：gantt有自己的异常消息，如果不关闭可能页面会弹出异常消息
+    gantt.config.show_errors = false;
+    //禁止拖动设置任务长度
+    gantt.attachEvent('onBeforeTaskDrag', function (id, mode, e) {
+      return false;
+    });
+    //禁止拖动任务
+    gantt.config.drag_move = false;
+    //禁止拖动任务进度
+    gantt.config.drag_progress = false;
+    //禁止拖放添加Link
+    gantt.config.drag_links = false;
+
+    //开启标记
+    gantt.plugins({
+      marker: true
+    });
+
+    //标记当前日期
+    var dateToStr = gantt.date.date_to_str(gantt.config.task_date);
+    var markerId = gantt.addMarker({
+      start_date: new Date(),
+      css: 'today',	//标记样式，style中对应
+      text: 'Today',
+      title: dateToStr(new Date())
+    });
+    gantt.getMarker(markerId);
+
+    // 初始化
+    gantt.init(this.$refs.gantt);
+  },
+  methods: {
+   //获取甘特图数据
+   getProjectTaskData() {
+      this.ganttLoading= true;
+      this.tasks.data = [];
+      this.$http({
+        url: this.$http.adornUrl('url'),
+        method: 'get',
+        params: this.$http.adornParams({
+          projectId: this.projectId
+        })
+      }).then(({ data }) => {
+        if (data != null && data.code == 200) {
+          this.tasks.data = data.res;
+          // 数据解析:将数据解析到gantt列数据中
+          gantt.parse(this.tasks);
+          // 刷新数据
+          gantt.refreshData();
+          this.ganttLoading= false;
+        } else {
+          this.$message.error(data.msg);
+        }
+      });
+    },
+
+    //自定义新增任务
+    addTask(taskId) {
+      var $this = this;
+      this.$nextTick(() => {
+        $this.$refs.taskAdd.init(task, action, parentTask, $this.milestoneOriginalData);
+      });
+      //删除任务：每次调用gantt内置新增事件时，gantt会直接新增任务到甘特图中，而我们需要的是自定义新增任务
+      gantt.deleteTask(taskId);
+      //灯箱事件必须返回布尔值，这里使用了自定义灯箱返回false，即不打开灯箱
+      return false;
+    },
+    //添加
+    add() {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("add");
+      });
+    },
+    //编辑
+    table_edit(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("edit").setData(row);
+      });
+    },
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //删除
+    async table_del(row) {
+      this.$confirm(`确定删除吗？`, "提示", {
+      type: "warning",
+      }).then(() => {
+          this.$API.pm.mtask.delete.req(row.id).then((res) => {
+              this.$message.success("删除成功");
+              return res;
+          }).catch((err) => {
+              return err;
+          });
+      }).catch(() => {});
+    },
+
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    handleQuery() {
+      this.$refs.table.queryData(this.query)
+    },
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>
+<style scoped>
+    .el-main.nopadding{
+      padding:0 20px 20px 20px
+    }
+    .gantt-container {
+  height: 30%;
+}
+.ganntClass {
+  background-color: #fff;
+  padding: 10px;
+  border-radius: 4px;
+}
+</style>

src/views/pm/mtask_form.vue

@@ -0,0 +1,170 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="任务编号" prop="number">
+                <el-input v-model="form.number" placeholder="任务编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="任务数">
+                <el-input v-model="form.count" placeholder="任务数"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="工序" prop="process">
+                <el-select
+                  v-model="form.process"
+                  placeholder="工序"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in processOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="产品" prop="material">
+                <el-select
+                  v-model="form.material"
+                  placeholder="产品"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in materialOptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="计划开工日期">
+                <el-date-picker
+                  v-model="form.start_date"
+                  type="date"
+                  placeholder="计划开工日期"
+                  value-format="YYYY-MM-DD"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="计划完工日期">
+                <el-date-picker
+                  v-model="form.end_date"
+                  type="date"
+                  placeholder="计划完工日期"
+                  value-format="YYYY-MM-DD"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增仓库",
+        edit: "编辑仓库",
+        show: "查看仓库",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入仓库名称", trigger: "blur"}],
+          number: [{required: true, message: "请输入仓库编号", trigger: "blur"}],
+          place: [{required: true, message: "请输入仓库地点", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      keeperOptions: [],
+      depOptions: [],
+      selectionFilters: [],
+      setFiltersVisible: false,
+      belong_dept_options: [],
+      group: [],
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.pm.mtask.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.pm.mtask.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+<style>
+</style>

src/views/pum/order.vue

@@ -0,0 +1,176 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+          <el-input
+              v-model="query.search"
+              placeholder="名称"
+              clearable
+              style="margin-right: 5px;"
+            ></el-input>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            ></el-button>
+        </div>
+        <div class="right-panel">
+          <el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'pu_order.create'"></el-button>
+        </div>
+      </el-header>
+      <el-main class="nopadding">
+        <scTable
+          ref="table"
+          :apiObj="apiObj"
+          row-key="id"
+          stripe
+          :params="query"
+        >
+          <el-table-column type="index" width="50"/>
+          <el-table-column label="订单编号" prop="number">
+          </el-table-column>
+          <el-table-column label="供应商" prop="supplier"  show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column label="截止到货日期" prop="delivery_date">
+          </el-table-column>
+          <el-table-column label="状态" prop="state">
+          <template #default="scope">
+            <span><el-tag :type="stateOption[scope.row.state].color">{{stateOption[scope.row.state]}}</el-tag></span>
+          </template>
+        </el-table-column>
+          <el-table-column label="提交时间" prop="submit_time">
+          </el-table-column>
+          <el-table-column label="备注">
+            <template #default="scope">{{ scope.row.description }}</template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="center" width="200">
+            <template #default="scope">
+              <el-link
+                type="primary"
+                @click="table_detail(scope.row)"
+                v-auth="'pu_order.update'"
+              >
+                详情
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="primary"
+                @click="table_edit(scope.row)"
+                v-auth="'pu_order.update'"
+              >
+                编辑
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="primary"
+                @click="table_submit(scope.row)"
+                v-auth="'pu_order.update'"
+              >
+                提交
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="danger"
+                @click="table_del(scope.row)"
+                v-auth="'pu_order.delete'"
+              >
+                删除
+              </el-link>
+            </template>
+          </el-table-column>
+        </scTable>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+  </template>
+  <script>
+  import saveDialog from "./order_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pum.order.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        stateOption: {
+            10: '创建中',
+            20: '已提交',
+            30: '下单中',
+            40: '下单完成',
+            50: '已完成',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_detail(row) {
+        this.$nextTick(() => {
+          this.$router.push({
+          name: "orderitem"
+          
+        });
+        });
+      },
+      table_submit(){
+
+      },
+      //删除
+      async table_del(row) {
+        this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+        }).then(() => {
+            this.$API.pum.order.delete.req(row.id).then((res) => {
+                this.$message.success("删除成功");
+                return res;
+            }).catch((err) => {
+                return err;
+            });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/pum/order_form.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="订单编号" prop="number">
+                <el-input v-model="form.number" placeholder="订单编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="供应商" prop="supplier">
+                <el-select
+                  v-model="form.supplier"
+                  placeholder="供应商"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="截止到货日期">
+                <el-date-picker
+                  v-model="form.delivery_date"
+                  type="date"
+                  placeholder="截止到货日期"
+                  value-format="YYYY-MM-DD"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="提交时间">
+                <el-date-picker
+                  v-model="form.submit_time"
+                  type="datetime"
+                  placeholder="提交时间"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增仓库",
+        edit: "编辑仓库",
+        show: "查看仓库",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入仓库名称", trigger: "blur"}],
+          number: [{required: true, message: "请输入仓库编号", trigger: "blur"}],
+          place: [{required: true, message: "请输入仓库地点", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      options: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    getList(){
+      this.$API.pum.supplier.list.req({page:0}).then(res=>{
+        this.options = res;
+      })
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.pum.order.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.pum.order.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+<style>
+</style>

src/views/pum/orderitem.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="物料" prop="material" show-overflow-tooltip>
+          <template #default="scope">
+            <span v-if="scope.row.material_"> {{ scope.row.material_.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所需数量" prop="count">
+        </el-table-column>
+        <el-table-column label="已到货数量" prop="delivered_count">
+        </el-table-column>
+        <el-table-column label="创建时间" prop="create_time" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="更新时间" prop="update_time" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="left" width="100px">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'pu_orderitem.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'pu_orderitem.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+<script>
+import saveDialog from "./orderitem_form.vue";
+export default {
+  name: "rparty",
+  components: {
+      saveDialog,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+      },
+      apiObj: this.$API.pum.orderitem.list,
+      query: {
+        page:1,
+        page_size:20,
+        type:10
+      },
+      selection: [],
+      state_: {
+          10: '完好',
+          20: '限用',
+          30: '在修',
+          40: '禁用',
+        },
+    };
+  },
+  methods: {
+    //添加
+    add() {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("add");
+      });
+    },
+    //编辑
+    table_edit(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("edit").setData(row);
+      });
+    },
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //删除
+    table_del(row) {
+      this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+      }).then(() => {
+        this.$API.inm.warehouse.delete.req(row.id).then((res) => {
+          this.$message.success("删除成功");
+          return res;
+        }).catch((err) => {
+          return err;
+        });
+      }).catch(() => {});
+    },
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    handleQuery() {
+				this.$refs.table.queryData(this.query)
+			},
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>

src/views/pum/orderitem_form.vue

@@ -0,0 +1,125 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="110px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="物料" prop="material">
+                <el-select
+                  v-model="form.material"
+                  placeholder="物料"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="所需数量" prop="place">
+                <el-input-number v-model="form.count"  :precision="0" :min="0" controls-position="right" placeholder="所需数量" style="width:100%"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增订单详情",
+        edit: "编辑订单详情",
+        show: "查看订单详情",
+      },
+      form: {},
+      rules: {
+        material: [{required: true, message: "请选择物料", trigger: "blur"}],
+      },
+      visible: false,
+      isSaveing: false,
+      options: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    //显示
+    open(mode = "add") {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    getList(){
+      this.$API.mtm.material.list.req({page:0}).then(res=>{
+        this.options = res;
+      })
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.pum.orderitem.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.pum.orderitem.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/pum/plan.vue

@@ -0,0 +1,172 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="计划名称" prop="name" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="计划编号" prop="number">
+        </el-table-column>
+        <el-table-column label="状态" prop="state">
+          <template #default="scope">
+            <span><el-tag :type="stateOption[scope.row.state].color">{{stateOption[scope.row.state]}}</el-tag></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="提交时间" prop="submit_time" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="200">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_detail(scope.row)"
+            >
+              详情
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'pu_plan.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="primary"
+              @click="table_submit(scope.row)"
+              v-auth="'pu_plan.update'"
+            >
+              提交
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'pu_plan.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+<script>
+import saveDialog from "./plan_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pum.plan.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        stateOption: {
+            10: '创建中',
+            20: '已提交',
+            30: '下单中',
+            40: '下单完成',
+            50: '已完成',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //查看
+      table_detail(row) {
+        this.$nextTick(() => {
+          this.$router.push({
+          name: "planitem"
+          
+        });
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_submit(row) {
+        // this.$nextTick(() => {
+        //   this.$refs.saveDialog.open("show").setData(row);
+        // });
+      },
+      //删除
+      table_del(row) {
+        this.$confirm(`确定删除该计划吗？`, "提示", {
+          type: "warning",
+        }).then(() => {
+          this.$API.pum.plan.delete.req(row.id).then((res) => {
+            this.$message.success("删除成功");
+            return res;
+          }).catch((err) => {
+            return err;
+          });
+        }).catch(() => {});
+      },
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/pum/plan_form.vue

@@ -0,0 +1,119 @@
+<template>
+    <el-dialog
+        :title="titleMap[mode]"
+        v-model="visible"
+        :size="1000"
+        destroy-on-close
+        @closed="$emit('closed')"
+    >
+        <el-container v-loading="loading">
+            <el-main style="padding: 0 20px 20px 20px">
+                <el-form
+                    ref="dialogForm"
+                    :model="form"
+                    :rules="rules"
+                    label-width="120px"
+                >
+                    <el-row>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="计划编号" prop="number">
+                                <el-input v-model="form.number" placeholder="订单编号"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="计划名称">
+                                <el-input v-model="form.name" placeholder="计划名称"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="提交时间">
+                                <el-date-picker
+                                    v-model="form.submit_time"
+                                    type="datetime"
+                                    placeholder="提交时间"
+                                    value-format="YYYY-MM-DD HH:mm:ss"
+                                    style="width:100%"
+                                >
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </el-main>
+            <el-footer>
+                <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+                <el-button @click="visible = false">取消</el-button>
+            </el-footer>
+        </el-container>
+    </el-dialog>
+</template>
+<script>
+    export default {
+        emits: ["success", "closed"],
+        data() {
+            return {
+                loading: false,
+                mode: "add",
+                titleMap: {
+                    add: "新增仓库",
+                    edit: "编辑仓库",
+                    show: "查看仓库",
+                },
+                form: {},
+                rules: {
+                    number: [{required: true, message: "请输入编号", trigger: "blur"}],
+                },
+                visible: false,
+                isSaveing: false,
+                keeperOptions: [],
+                depOptions: [],
+                selectionFilters: [],
+                setFiltersVisible: false,
+                belong_dept_options: [],
+                group: [],
+            };
+        },
+        methods: {
+            //显示
+            open(mode = "add") {
+                this.mode = mode;
+                this.visible = true;
+                return this;
+            },
+            //提交
+            submit() {
+                this.$refs.dialogForm.validate(async (valid) => {
+                    if (valid) {
+                        this.isSaveing = true;
+                        try {
+                            var res;
+                            if (this.mode == "add") {
+                                res = await this.$API.pum.plan.create.req(this.form);
+                            } else if (this.mode == "edit") {
+                                res = await this.$API.pum.plan.update.req(this.form.id,this.form);
+                            }
+                            this.isSaveing = false;
+                            this.$emit("success", this.form, this.mode);
+                            this.visible = false;
+                            this.$message.success("操作成功");
+                        } catch (err) {
+                            //可以处理校验错误
+                            this.isSaveing = false;
+                            return err;
+                        }
+                    }
+                });
+            },
+            //表单注入数据
+            setData(data) {
+                Object.assign(this.form, data);
+            },
+            //设置过滤项
+            setFilters(filters) {
+                this.selectionFilters = filters;
+                this.setFiltersVisible = true;
+            },
+        },
+    };
+</script>
+  

src/views/pum/planitem.vue

@@ -0,0 +1,149 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="所属物料" prop="material" show-overflow-tooltip>
+          <template #default="scope">
+            <span v-if="scope.row.material_"> {{ scope.row.material_.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所属数量" prop="need_count">
+        </el-table-column>
+        <el-table-column label="需求日期" prop="need_date" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="采购计划" prop="pu_plan">
+        </el-table-column>
+        <el-table-column label="关联采购订单" prop="pu_order">
+        </el-table-column>
+        <el-table-column label="创建人" prop="create_by">
+        </el-table-column>
+        <el-table-column label="备注" prop="note"  show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="left">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'equipment.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'equipment.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+<script>
+  import saveDialog from "./planitem_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pum.planitem.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      
+      //删除
+      table_del(row) {
+        this.$confirm(`确定删除该计划详情吗？`, "提示", {
+          type: "warning",
+        }).then(() => {
+          this.$API.pum.planitem.delete.req(row.id).then((res) => {
+            this.$message.success("删除成功");
+            return res;
+          }).catch((err) => {
+            return err;
+          });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/pum/planitem_form.vue

@@ -0,0 +1,142 @@
+<template>
+    <el-dialog
+        :title="titleMap[mode]"
+        v-model="visible"
+        :size="1000"
+        destroy-on-close
+        @closed="$emit('closed')"
+    >
+        <el-container v-loading="loading">
+            <el-main style="padding: 0 20px 20px 20px">
+                <el-form
+                    ref="dialogForm"
+                    :model="form"
+                    :rules="rules"
+                    label-width="120px"
+                >
+                    <el-row>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="所需物料" prop="material">
+                                <el-select
+                                    v-model="form.material"
+                                    placeholder="所需物料"
+                                    clearable
+                                    style="width:100%"
+                                >
+                                    <el-option
+                                        v-for="item in options"
+                                        :key="item.id"
+                                        :label="item.name"
+                                        :value="item.id"
+                                    ></el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="所需数量" prop="need_count">
+                                <el-input-number v-model="form.need_count"  :precision="0" :min="0" controls-position="right" placeholder="所需数量" style="width:100%"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="需求日期">
+                                <el-date-picker
+                                    v-model="form.need_date"
+                                    type="date"
+                                    placeholder="需求日期"
+                                    value-format="YYYY-MM-DD"
+                                    style="width:100%"
+                                >
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="备注">
+                                <el-input v-model="form.note" placeholder="备注"/>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </el-main>
+            <el-footer>
+                <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+                <el-button @click="visible = false">取消</el-button>
+            </el-footer>
+        </el-container>
+    </el-dialog>
+</template>
+<script>
+    export default {
+        emits: ["success", "closed"],
+        data() {
+            return {
+                loading: false,
+                mode: "add",
+                titleMap: {
+                    add: "新增采购详情",
+                    edit: "编辑采购详情",
+                    show: "查看采购详情",
+                },
+                form: {},
+                rules: {
+                    material: [{required: true, message: "请选择物料", trigger: "blur"}],
+                    need_date: [{required: true, message: "请输入需求日期", trigger: "blur"}],
+                    need_count: [{required: true, message: "请输入所需数量", trigger: "blur"}],
+                },
+                visible: false,
+                isSaveing: false,
+                setFiltersVisible: false,
+                options: [],
+            };
+        },
+        mounted() {
+            this.getList();
+        },
+        methods: {
+            //显示
+            open(mode = "add") {
+                this.mode = mode;
+                this.visible = true;
+                return this;
+            },
+            getList(){
+                this.$API.mtm.material.list.req({page:0}).then(res=>{
+                    this.options = res;
+                })
+            },
+            //提交
+            submit() {
+                this.$refs.dialogForm.validate(async (valid) => {
+                    if (valid) {
+                        this.isSaveing = true;
+                        try {
+                            var res;
+                            if (this.mode == "add") {
+                                res = await this.$API.pum.planitem.create.req(this.form);
+                            } else if (this.mode == "edit") {
+                                res = await this.$API.pum.planitem.update.req(this.form.id,this.form);
+                            }
+                            this.isSaveing = false;
+                            this.$emit("success", this.form, this.mode);
+                            this.visible = false;
+                            this.$message.success("操作成功");
+                        } catch (err) {
+                            //可以处理校验错误
+                            this.isSaveing = false;
+                            return err;
+                        }
+                    }
+                });
+            },
+            //表单注入数据
+            setData(data) {
+                Object.assign(this.form, data);
+            },
+            //设置过滤项
+            setFilters(filters) {
+                this.selectionFilters = filters;
+                this.setFiltersVisible = true;
+            },
+        },
+    };
+</script>
+  

src/views/pum/supplier.vue

@@ -0,0 +1,145 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="供应商名称" prop="name" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="联系人" prop="contact">
+        </el-table-column>
+        <el-table-column label="联系方式" prop="contact_phone">
+        </el-table-column>
+        <el-table-column label="地址" prop="address" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="120px">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'supplier.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'supplier.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+<script>
+  import saveDialog from "./supplier_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pum.supplier.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        state_: {
+            10: '完好',
+            20: '限用',
+            30: '在修',
+            40: '禁用',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      //删除
+      async table_del(row) {
+        this.$API.inm.warehouse.delete
+          .req(row.id)
+          .then((res) => {
+            this.$message.success("删除成功");
+            return res;
+          })
+          .catch((err) => {
+            return err;
+          });
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/pum/supplier_form.vue

@@ -0,0 +1,115 @@
+<template>
+    <el-dialog
+        :title="titleMap[mode]"
+        v-model="visible"
+        :size="1000"
+        destroy-on-close
+        @closed="$emit('closed')"
+    >
+        <el-container v-loading="loading">
+            <el-main style="padding: 0 20px 20px 20px">
+                <el-form
+                    ref="dialogForm"
+                    :model="form"
+                    :rules="rules"
+                    label-width="110px"
+                >
+                    <el-row>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="供应商名称" prop="name">
+                                <el-input v-model="form.name" placeholder="供应商名称"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="联系人" prop="contact">
+                                <el-input v-model="form.contact" placeholder="联系人"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="联系方式" prop="contact_phone">
+                                <el-input v-model="form.contact_phone" :maxlength="11" placeholder="联系方式" style="width:100%"/>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :md="12" :sm="24">
+                            <el-form-item label="地址">
+                                <el-input v-model="form.address" placeholder="地址"/>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </el-main>
+            <el-footer>
+                <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+                <el-button @click="visible = false">取消</el-button>
+            </el-footer>
+        </el-container>
+    </el-dialog>
+</template>
+<script>
+    export default {
+        emits: ["success", "closed"],
+        data() {
+            return {
+                loading: false,
+                mode: "add",
+                titleMap: {
+                    add: "新增采购详情",
+                    edit: "编辑采购详情",
+                    show: "查看采购详情",
+                },
+                form: {},
+                rules: {
+                    name: [{required: true, message: "请输入供应商名称", trigger: "blur"}],
+                    contact: [{required: true, message: "请输入联系人", trigger: "blur"}],
+                    contact_phone: [{required: true, message: "请输入联系电话", trigger: "blur"}],
+                },
+                visible: false,
+                isSaveing: false,
+                setFiltersVisible: false,
+                options: [],
+            };
+        },
+        methods: {
+            //显示
+            open(mode = "add") {
+                this.mode = mode;
+                this.visible = true;
+                return this;
+            },
+            //提交
+            submit() {
+                this.$refs.dialogForm.validate(async (valid) => {
+                    if (valid) {
+                        this.isSaveing = true;
+                        try {
+                            var res;
+                            if (this.mode == "add") {
+                                res = await this.$API.pum.supplier.create.req(this.form);
+                            } else if (this.mode == "edit") {
+                                res = await this.$API.pum.supplier.update.req(this.form.id,this.form);
+                            }
+                            this.isSaveing = false;
+                            this.$emit("success", this.form, this.mode);
+                            this.visible = false;
+                            this.$message.success("操作成功");
+                        } catch (err) {
+                            //可以处理校验错误
+                            this.isSaveing = false;
+                            return err;
+                        }
+                    }
+                });
+            },
+            //表单注入数据
+            setData(data) {
+                Object.assign(this.form, data);
+            },
+            //设置过滤项
+            setFilters(filters) {
+                this.selectionFilters = filters;
+                this.setFiltersVisible = true;
+            },
+        },
+    };
+</script>
+  

src/views/sam/contract.vue

@@ -0,0 +1,153 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+          <el-input
+              v-model="query.search"
+              placeholder="名称"
+              clearable
+              style="margin-right: 5px;"
+            ></el-input>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            ></el-button>
+        </div>
+        <div class="right-panel">
+          <el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'contract.create'"></el-button>
+        </div>
+      </el-header>
+      <el-main class="nopadding">
+        <scTable
+          ref="table"
+          :apiObj="apiObj"
+          row-key="id"
+          stripe
+          :params="query"
+        >
+          <el-table-column type="index" width="50"/>
+          <el-table-column label="合同名称" prop="name">
+          </el-table-column>
+          <el-table-column label="合同编号" prop="number">
+          </el-table-column>
+          <el-table-column label="合同金额" prop="amount">
+          </el-table-column>
+          <el-table-column label="签订日期" prop="sign_date">
+          </el-table-column>
+          <el-table-column label="关联客户" prop="customer">
+          </el-table-column>
+          <el-table-column label="创建人" prop="create_by">
+          </el-table-column>
+          <el-table-column label="描述">
+            <template #default="scope">{{ scope.row.description }}</template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="left" width="120">
+            <template #default="scope">
+              <el-link
+                type="primary"
+                @click="table_edit(scope.row)"
+                v-auth="'contract.update'"
+              >
+                编辑
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="danger"
+                @click="table_del(scope.row)"
+                v-auth="'contract.delete'"
+              >
+                删除
+              </el-link>
+            </template>
+          </el-table-column>
+        </scTable>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+  </template>
+  <script>
+  import saveDialog from "./contract_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.sam.contract.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        state_: {
+            10: '完好',
+            20: '限用',
+            30: '在修',
+            40: '禁用',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      //删除
+      async table_del(row) {
+        this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+        }).then(() => {
+            this.$API.pum.order.delete.req(row.id).then((res) => {
+                this.$message.success("删除成功");
+                return res;
+            }).catch((err) => {
+                return err;
+            });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/sam/contract_form.vue

@@ -0,0 +1,156 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="合同名称" prop="name">
+                <el-input v-model="form.name" placeholder="合同名称"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="合同编号" prop="number">
+                <el-input v-model="form.number" placeholder="合同编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+                <el-form-item label="合同金额" prop="amount">
+                    <el-input-number v-model="form.amount"  :precision="2" :min="0" controls-position="right" placeholder="合同金额" style="width:100%"/>
+                </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="签订日期" prop="place">
+                <el-date-picker
+                  v-model="form.sign_date"
+                  type="date"
+                  placeholder="签订日期"
+                  value-format="YYYY-MM-DD"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+                <el-form-item label="关联客户" prop="customer">
+                    <el-select
+                        v-model="form.customer"
+                        placeholder="关联客户"
+                        clearable
+                        style="width:100%"
+                    >
+                        <el-option
+                            v-for="item in options"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="描述">
+                <el-input v-model="form.description" placeholder="描述"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增合同",
+        edit: "编辑合同",
+        show: "查看合同",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入合同名称", trigger: "blur"}],
+          number: [{required: true, message: "请输入合同编号", trigger: "blur"}],
+          customer: [{required: true, message: "请选择关联客户", trigger: "blur"}],
+          sign_date: [{required: true, message: "请选择签订日期", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      setFiltersVisible: false,
+      options: [],
+    };
+  },
+  mounted() {
+    this.getCustomer();
+  },
+  methods: {
+    //客户
+    getCustomer(){
+      this.$API.sam.customer.list.req({page:0}).then(res=>{
+					this.options = res;
+				});
+			},
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.sam.contract.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.sam.contract.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/sam/customer.vue

@@ -0,0 +1,149 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+          <el-input
+              v-model="query.search"
+              placeholder="名称"
+              clearable
+              style="margin-right: 5px;"
+            ></el-input>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            ></el-button>
+        </div>
+        <div class="right-panel">
+          <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+        </div>
+      </el-header>
+      <el-main class="nopadding">
+        <scTable
+          ref="table"
+          :apiObj="apiObj"
+          row-key="id"
+          stripe
+          :params="query"
+        >
+          <el-table-column type="index" width="50"/>
+          <el-table-column label="客户名称" prop="name">
+          </el-table-column>
+          <el-table-column label="详细地址" prop="address">
+          </el-table-column>
+          <el-table-column label="联系人" prop="contact">
+          </el-table-column>
+          <el-table-column label="联系电话" prop="contact_phone">
+          </el-table-column>
+          <el-table-column label="描述" show-overflow-tooltip>
+            <template #default="scope">{{ scope.row.description }}</template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="left" width="120">
+            <template #default="scope">
+              <el-link
+                type="primary"
+                @click="table_edit(scope.row)"
+                v-auth="'customer.update'"
+              >
+                编辑
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="danger"
+                @click="table_del(scope.row)"
+                v-auth="'customer.delete'"
+              >
+                删除
+              </el-link>
+            </template>
+          </el-table-column>
+        </scTable>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+  </template>
+  <script>
+  import saveDialog from "./customer_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.sam.customer.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        state_: {
+            10: '完好',
+            20: '限用',
+            30: '在修',
+            40: '禁用',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      //删除
+      async table_del(row) {
+        this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+        }).then(() => {
+            this.$API.pum.order.delete.req(row.id).then((res) => {
+                this.$message.success("删除成功");
+                return res;
+            }).catch((err) => {
+                return err;
+            });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/sam/customer_form.vue

@@ -0,0 +1,125 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="客户名称" prop="name">
+                <el-input v-model="form.name" placeholder="客户名称"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="详细地址">
+                <el-input v-model="form.address" placeholder="详细地址"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="联系人" prop="contact">
+                <el-input v-model="form.contact" placeholder="联系人"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="联系电话" prop="contact_phone">
+                <el-input v-model="form.contact_phone" :maxlength="11" placeholder="联系电话"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="备注">
+                <el-input v-model="form.note" placeholder="备注"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增客户",
+        edit: "编辑客户",
+        show: "查看客户",
+      },
+      form: {},
+      rules: {
+          name: [{required: true, message: "请输入客户名称", trigger: "blur"}],
+          address: [{required: true, message: "请输入详细地址", trigger: "blur"}],
+          contact: [{required: true, message: "请输入联系人", trigger: "blur"}],
+          contact_phone: [{required: true, message: "请输入联系电话", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      selectionFilters: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.sam.customer.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.sam.customer.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/sam/order.vue

@@ -0,0 +1,158 @@
+<template>
+    <el-container>
+      <el-header>
+        <div class="left-panel">
+          <el-input
+              v-model="query.search"
+              placeholder="名称"
+              clearable
+              style="margin-right: 5px;"
+            ></el-input>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            ></el-button>
+        </div>
+        <div class="right-panel">
+          <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+        </div>
+      </el-header>
+      <el-main class="nopadding">
+        <scTable
+          ref="table"
+          :apiObj="apiObj"
+          row-key="id"
+          stripe
+          :params="query"
+        >
+          <el-table-column type="index" width="50"/>
+          <el-table-column label="订单编号" prop="number">
+          </el-table-column>
+          <el-table-column label="状态" prop="state">
+            <template #default="scope">
+              <span><el-tag :type="stateOption[scope.row.state].color">{{stateOption[scope.row.state]}}</el-tag></span>
+            </template>
+          </el-table-column>
+          <el-table-column label="客户" prop="customer"  show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column label="所属合同" prop="contract"  show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column label="截止到货日期" prop="delivery_date">
+          </el-table-column>
+          <el-table-column label="提交时间" prop="submit_time">
+          </el-table-column>
+          <el-table-column label="创建人" prop="create_by">
+          </el-table-column>
+          <el-table-column label="备注">
+            <template #default="scope">{{ scope.row.description }}</template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="left" width="120">
+            <template #default="scope">
+              <el-link
+                type="primary"
+                @click="table_edit(scope.row)"
+                v-auth="'equipment.update'"
+              >
+                编辑
+              </el-link>
+              <el-divider direction="vertical"></el-divider>
+              <el-link
+                type="danger"
+                @click="table_del(scope.row)"
+                v-auth="'equipment.delete'"
+              >
+                删除
+              </el-link>
+            </template>
+          </el-table-column>
+        </scTable>
+      </el-main>
+    </el-container>
+    <save-dialog
+      v-if="dialog.save"
+      ref="saveDialog"
+      @success="handleSaveSuccess"
+      @closed="dialog.save = false"
+    ></save-dialog>
+  </template>
+  <script>
+  import saveDialog from "./order_form.vue";
+  export default {
+    name: "rparty",
+    components: {
+        saveDialog,
+    },
+    data() {
+      return {
+        dialog: {
+          save: false,
+        },
+        apiObj: this.$API.pum.order.list,
+        query: {
+          page:1,
+          page_size:20,
+          type:10
+        },
+        selection: [],
+        stateOption: {
+            10: '创建中',
+            20: '已提交',
+            30: '已排产',
+            50: '已交付',
+          },
+      };
+    },
+    methods: {
+      //添加
+      add() {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("add");
+        });
+      },
+      //编辑
+      table_edit(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("edit").setData(row);
+        });
+      },
+      //查看
+      table_show(row) {
+        this.dialog.save = true;
+        this.$nextTick(() => {
+          this.$refs.saveDialog.open("show").setData(row);
+        });
+      },
+      //删除
+      async table_del(row) {
+        this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+        }).then(() => {
+            this.$API.pum.order.delete.req(row.id).then((res) => {
+                this.$message.success("删除成功");
+                return res;
+            }).catch((err) => {
+                return err;
+            });
+        }).catch(() => {});
+      },
+  
+      //本地更新数据
+      handleSaveSuccess(data, mode) {
+        if (mode == "add") {
+          this.$refs.table.refresh();
+        } else if (mode == "edit") {
+          this.$refs.table.refresh();
+        }
+      },
+      handleQuery() {
+                  this.$refs.table.queryData(this.query)
+              },
+      resetQuery() {
+        this.query = {};
+      },
+    },
+  };
+  </script>

src/views/sam/order_form.vue

@@ -0,0 +1,164 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="订单编号" prop="number">
+                <el-input v-model="form.number" placeholder="订单编号"/>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="截止交货日期" prop="delivery_date">
+                <el-date-picker
+                  v-model="form.delivery_date"
+                  type="date"
+                  placeholder="截止交货日期"
+                  value-format="YYYY-MM-DD"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="客户" prop="customer">
+                <el-select
+                    v-model="form.customerOptions"
+                    placeholder="客户"
+                    clearable
+                    style="width:100%"
+                >
+                    <el-option
+                        v-for="item in options"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="提交时间">
+                <el-date-picker
+                  v-model="form.submit_time"
+                  type="datetime"
+                  placeholder="提交时间"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  style="width:100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="所属合同">
+                <el-select
+                    v-model="form.contract"
+                    placeholder="所属合同"
+                    clearable
+                    style="width:100%"
+                >
+                    <el-option
+                        v-for="item in contractOptions"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增仓库",
+        edit: "编辑仓库",
+        show: "查看仓库",
+      },
+      form: {},
+      rules: {
+          customer: [{required: true, message: "请选择客户", trigger: "blur"}],
+          number: [{required: true, message: "请输入订单编号", trigger: "blur"}],
+          delivery_date: [{required: true, message: "请输入截止交货日期", trigger: "blur"}]
+        },
+      visible: false,
+      isSaveing: false,
+      options: [],
+      customerOptions: [],
+      contractOptions: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add",type) {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.sam.order.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.sam.order.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/sam/orderitem.vue

@@ -0,0 +1,153 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-input
+            v-model="query.search"
+            placeholder="名称"
+            clearable
+            style="margin-right: 5px;"
+          ></el-input>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+      </div>
+      <div class="right-panel">
+        <el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+        :params="query"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="所需产品" prop="material" show-overflow-tooltip>
+          <template #default="scope">
+            <span v-if="scope.row.material_"> {{ scope.row.material_.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="关联订单" prop="order" show-overflow-tooltip>
+          <template #default="scope">
+            <span v-if="scope.row.order_"> {{ scope.row.order_.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所需数量" prop="count">
+        </el-table-column>
+        <el-table-column label="已到货数量" prop="delivered_count">
+        </el-table-column>
+        <el-table-column label="创建时间" prop="create_time" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="left">
+          <template #default="scope">
+            <el-link
+              type="primary"
+              @click="table_edit(scope.row)"
+              v-auth="'equipment.update'"
+            >
+              编辑
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link
+              type="danger"
+              @click="table_del(scope.row)"
+              v-auth="'equipment.delete'"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+  <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
+<script>
+import saveDialog from "./orderitem_form.vue";
+export default {
+  name: "rparty",
+  components: {
+      saveDialog,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+      },
+      apiObj: this.$API.pum.orderitem.list,
+      query: {
+        page:1,
+        page_size:20,
+        type:10
+      },
+      selection: [],
+      state_: {
+          10: '完好',
+          20: '限用',
+          30: '在修',
+          40: '禁用',
+        },
+    };
+  },
+  methods: {
+    //添加
+    add() {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("add");
+      });
+    },
+    //编辑
+    table_edit(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("edit").setData(row);
+      });
+    },
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //删除
+    table_del(row) {
+      this.$confirm(`确定删除吗？`, "提示", {
+        type: "warning",
+      }).then(() => {
+        this.$API.inm.warehouse.delete.req(row.id).then((res) => {
+          this.$message.success("删除成功");
+          return res;
+        }).catch((err) => {
+          return err;
+        });
+      }).catch(() => {});
+    },
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    handleQuery() {
+				this.$refs.table.queryData(this.query)
+			},
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>

src/views/sam/orderitem_form.vue

@@ -0,0 +1,119 @@
+<template>
+  <el-dialog
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form
+          ref="dialogForm"
+          :model="form"
+          :rules="rules"
+          label-width="110px"
+        >
+          <el-row>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="所需产品" prop="material">
+                <el-select
+                  v-model="form.product"
+                  placeholder="所需产品"
+                  clearable
+                  style="width:100%"
+                >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="所需数量" prop="place">
+                <el-input-number v-model="form.count"  :precision="0" :min="0" controls-position="right" placeholder="所需数量" style="width:100%"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-dialog>
+</template>
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增订单详情",
+        edit: "编辑订单详情",
+        show: "查看订单详情",
+      },
+      form: {},
+      rules: {
+        order: [{required: true, message: "请选择关联订单", trigger: "blur"}],
+        product: [{required: true, message: "请选择所需产品", trigger: "blur"}],
+      },
+      visible: false,
+      isSaveing: false,
+      options: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add") {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //提交
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.sam.orderitem.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.sam.orderitem.update.req(this.form.id,this.form);
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+<style>
+</style>

src/views/ungrouped/electric.vue

@@ -49,8 +49,8 @@
                         
                         <td class="numCell" v-if="item.mpointName!==''">{{item.mpointName}}</td>
                         <td class="numCell" @click="chartShow('hour_s',item)">{{item.hour_data}}</td>
-                        <td class="numCell">{{item.day_data}}</td>
+                        <td class="numCell" @click="chartShow('day_s',item)">{{item.day_data}}</td>
-                        <td class="numCell">{{item.month_data}}</td>
+                        <td class="numCell" @click="chartShow('month_s',item)">{{item.month_data}}</td>
                         <td class="numCell">{{item.year_data}}</td>
                     </tr>
                 </table>

src/views/ungrouped/energyPicture.vue

@@ -1,7 +1,7 @@
 <template>
-    <el-card style="height: 100%;background-image: url('/img/elec_flow.png');background-size: contain;background-repeat: no-repeat;">
+    <!-- <el-card style="height: 100%;background-image: url('/img/elec_flow.png');background-size: contain;background-repeat: no-repeat;"> -->
-        <!-- <el-card style="height: 100%;"> -->
+    <el-card style="height: 100%;">
-        <!-- <img src="/img/elec_flow.png" class="flowImg" style="max-height: 100%;object-fit:contain;" > -->
+        <img src="/img/elec_flow.png" class="flowImg" style="max-height: 100%;width:50%;object-fit:contain;" >
     </el-card>
   </template>
 <script>

src/views/userCenter/index.vue

@@ -61,7 +61,7 @@ export default {
     account: defineAsyncComponent(() => import("./user/account")),
     seting: defineAsyncComponent(() => import("./user/seting")),
     pushSettings: defineAsyncComponent(() => import("./user/pushSettings")),
-    // clockRecord: defineAsyncComponent(() => import("./user/clock_record")),
+    clockRecord: defineAsyncComponent(() => import("./user/clock_record")),
   },
   data() {
     return {
@@ -84,11 +84,11 @@ export default {
               title: "修改密码",
               component: "pushSettings",
             },
-            // {
+            {
-            //   icon: "el-icon-lock",
+              icon: "el-icon-lock",
-            //   title: "打卡记录",
+              title: "打卡记录",
-            //   component: "clockRecord",
+              component: "clockRecord",
-            // },
+            },
 
           ],
         },