完善工单和配置

2024-08-30 15:37:12 +08:00
parent 4b0c546cb7
commit 2b408d6584
18 changed files with 452 additions and 25 deletions
@@ -159,7 +159,7 @@
 		h2{
 			height: 36px;
 			display: flex;
-			align-items: baseline;
+			align-items: flex-start;
 			font-size: 24px;
 			position: relative;
 			padding-left: 18px;
@@ -167,7 +167,7 @@
 			font-weight: 500;
 			.origin{
 				position: absolute;
-				left: 0;
+				left: 4px;
 				top: 12px;
 				display: inline-block;
 				width: 8px;
@@ -170,7 +170,7 @@
 						</div>
 					</div>
 					<div class="btnBox">
-						<el-button type="primary" size="default" @click="save" :loading="isSave">确认保存</el-button>
+						<el-button type="primary" :size="size" @click="save" :loading="isSave">确认保存</el-button>
 					</div>
 				</el-form>
 			</el-scrollbar>
@@ -6,7 +6,8 @@
 				<span class="name">当前状态：</span>
 				<span class="text">
 					<span v-for="(item,ind) in statusList" :key="ind">
-						<span v-if="item.value == info.business_status">{{item.label}}</span>
+						<span :style="{color:item.value==1?`var(--el-order-color-1)`:item.value==2?`var(--el-order-color-2)`:item.value==3?`var(--el-order-color-3)`:item.value==4?`var(--el-order-color-4)`:`var(--el-order-color-4)`}"
+							  v-if="item.value == info.business_status">{{item.label}}</span>
 					</span>
 				</span>
 			</div>
@@ -49,7 +49,8 @@
 				</template>
 				<template #business_status="scope">
 					<span v-for="(item,ind) in statusList" :key="ind">
-						<span v-if="item.value == scope.row.business_status">{{item.label}}</span>
+						<span :style="{color:item.value==1?`var(--el-order-color-1)`:item.value==2?`var(--el-order-color-2)`:item.value==3?`var(--el-order-color-3)`:item.value==4?`var(--el-order-color-4)`:`var(--el-order-color-4)`}"
+							  v-if="item.value == scope.row.business_status">{{item.label}}</span>
 					</span>
 				</template>
 				<template #active_status="scope">
@@ -7,8 +7,8 @@
 						<div class="reviewBox">
 							<el-input type="textarea" v-model="opinion" min="4" placeholder="请填写具体原因"></el-input>
 							<div class="btnView">
-								<el-button type="primary" size="default" @click="save(1)" :loading="confirmLoading">审核通过</el-button>
-								<el-button type="danger" size="default" @click="save(2)" :loading="cancelLoading">审核拒绝</el-button>
+								<el-button type="primary" :size="size" @click="save(1)" :loading="confirmLoading">审核通过</el-button>
+								<el-button type="danger" :size="size" @click="save(2)" :loading="cancelLoading">审核拒绝</el-button>
 							</div>
 						</div>
 					</template>
@@ -2,8 +2,8 @@
 	<el-container class="mainBox mainHeaderNoBorderPadding">
 		<el-header>
 			<div class="left-panel">
-				<el-button type="primary" :size="size" icon="el-icon-plus" @click="add">新增工单</el-button>
-				<scImport ref="scImport" :size="size" title="批量导入维保工单" @parentParams="importUpload" @importSuccess="importSuccess">
+				<el-button type="primary" :size="size" icon="el-icon-plus" @click="add">新增维修</el-button>
+				<scImport ref="scImport" :size="size" title="批量导入维修工单" @parentParams="importUpload" @importSuccess="importSuccess">
 					<template #header>
 						<el-button v-auth="'organizationImport'" type="primary" :size="size" plain @click="importFile">批量导入</el-button>
 					</template>
@@ -9,7 +9,8 @@
 							<span class="name">当前状态：</span>
 							<span class="text">
 								<span v-for="(item,ind) in statusList" :key="ind">
-									<span v-if="item.value == info.business_status">{{item.label}}</span>
+									<span :style="{color:item.value==1?`var(--el-order-color-1)`:item.value==2?`var(--el-order-color-2)`:item.value==3?`var(--el-order-color-3)`:item.value==4?`var(--el-order-color-4)`:`var(--el-order-color-4)`}"
+										  v-if="item.value == info.business_status">{{item.label}}</span>
 								</span>
 							</span>
 						</div>
@@ -164,7 +165,7 @@
 						</div>
 					</div>
 					<div class="btnView">
-						<el-button type="primary" size="default" @click="save" :loading="saveLoading">确认提交</el-button>
+						<el-button type="primary" :size="size" @click="save" :loading="saveLoading">确认提交</el-button>
 					</div>
 				</div>
 			</el-scrollbar>
@@ -42,11 +42,11 @@ export default {
 		seting: defineAsyncComponent(() => import('./setup/computerRoom')),
 		pushSettings: defineAsyncComponent(() => import('./setup/computerRoom')),
 		password: defineAsyncComponent(() => import('./setup/computerRoom')),
-		space: defineAsyncComponent(() => import('./setup/computerRoom')),
 		upToEnterprise: defineAsyncComponent(() => import('./setup/computerRoom')),
 		bind: defineAsyncComponent(() => import('./setup/computerRoom')),
 		mail: defineAsyncComponent(() => import('./setup/mail')),
 		interface: defineAsyncComponent(() => import('./setup/interface')),
+		cost: defineAsyncComponent(() => import('./setup/cost')),
 	},
 	data() {
 		return {
@@ -80,10 +80,16 @@ export default {
 							actions:'mailConfigSet'
 						},
 						{
-							icon: "sc-icon-AgentMaintenance",
+							icon: "sc-icon-K3Api",
 							title: "K3接口配置",
 							component: "interface",
 							actions:'k3ApiConfigSet'
+						},
+						{
+							icon: "sc-icon-CostSetup",
+							title: "费用类别配置",
+							component: "cost",
+							actions:'costCategoryAdd'
 						}
 					]
 				},
@@ -0,0 +1,99 @@
+<template>
+	<el-container>
+		<el-main>
+			<div class="mailView">
+				<div class="headerBox ">
+					<div class="title">费用类别配置</div>
+					<div class="item">
+						<span class="name">上架费</span>
+						<el-input type="text" v-model="cost.name" :size="size" placeholder="上架费"></el-input>
+					</div>
+					<div class="item">
+						<span class="name">服务费</span>
+						<el-input type="text" v-model="cost.price" :size="size" placeholder="服务费"></el-input>
+					</div>
+					<div class="item">
+						<span class="name">物料厂商费</span>
+						<el-input type="text" v-model="cost.company_id" :size="size" placeholder="物料厂商费"></el-input>
+					</div>
+					<div class="item">
+						<span class="name">备件费</span>
+						<el-input type="text" v-model="cost.description" :size="size" placeholder="备件费"></el-input>
+					</div>
+				</div>
+				<div class="btnView">
+					<el-button type="primary" :size="size" @click="save" :loading="loading">保存配置</el-button>
+				</div>
+			</div>
+		</el-main>
+	</el-container>
+</template>
+
+<script>
+export default {
+	name: "cost",
+	data(){
+		return{
+			size:'small',
+			loading:false,
+			cost:{
+				code:'',
+				description:'',
+				price:''
+			}
+		}
+	},
+	mounted() {
+		this.getCost();
+	},
+	methods:{
+		async getCost() {
+			const res = await this.$API.setup.cost.get.post();
+			if(res.code == 200){
+				if(res.data && res.data.length>0){
+					this.cost = res.data[0];
+				}
+			}
+		},
+		async save() {
+			this.loading = true;
+			let params = {
+				cost:[this.cost]
+			}
+			const res = await this.$API.setup.cost.set.post(params);
+			this.loading = false;
+			if (res.code == 200) {
+				this.$message.success('保存成功');
+			}
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.mailView{
+	.headerBox{
+		border-bottom: 1px solid #e8e8e8;
+		padding-bottom: 5px;
+		.title{
+			font-weight: 500;
+			padding: 10px 0;
+		}
+		.item{
+			margin-bottom: 15px;
+			.name{
+				width: 90px;
+				display: inline-block;
+				text-align: left;
+				margin-right: 10px;
+			}
+		}
+	}
+	.btnView{
+		padding: 15px 0;
+	}
+	::v-deep .el-input{
+		width: 480px;
+	}
+}
+</style>
@@ -0,0 +1,262 @@
+<template>
+	<!-- 自定义表格 -->
+    <el-scrollbar height="100%">
+        <div class="customTable">
+            <div class="tableBody" v-if="list.length>0">
+                <template v-for="(item,inde) in list" :key="inde">
+                    <div class="trTitle">
+                        <div class="name">
+                            <el-checkbox :indeterminate="item.isCheck" v-model="item.checked" @change="menuCheckChange(item)" :size="size">{{item.meta.title}}</el-checkbox>
+                        </div>
+                        <div class="coseBtn" @click="item.show=!item.show">
+                            <div class="coseBtnIcon">
+                                <span v-if="item.show"><el-icon-arrowDown /></span>
+                                <span v-else><el-icon-arrowRight /></span>
+                            </div>
+                        </div>
+                    </div>
+                    <template v-if="item.show">
+                        <div class="tr" v-for="(em,ind) in item.children" :key="ind">
+                            <div class="td module">
+                                <el-checkbox :indeterminate="em.isCheck" v-model="em.checked" @change="moduleCheckChange(item,em)" :size="size">{{em.meta.title}}</el-checkbox>
+                            </div>
+                            <div class="td tdChild">
+                                <div class="nextTd">
+                                    <div class="tdName authority">
+                                        <div class="boxName" v-for="(li,ind) in em.meta.data_permission" :key="ind">
+                                            <el-checkbox v-model="li.checked" :size="size" @change="checkChange(item,em)"><span class="name">{{li.title}}</span></el-checkbox>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </template>
+            </div>
+        </div>
+    </el-scrollbar>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            size: "default",
+            list:[]
+        };
+    },
+    props:{
+        data:{
+            type:Array
+        }
+    },
+    watch:{
+        data(val){
+            if(val && val.length>0){
+                val.forEach(item=>{
+                    item.show = true;
+                    if(item.children){
+                        item.children.forEach(em=>{
+                            if(em.meta.data_permission && em.meta.data_permission.length>0){
+                                let check = em.meta.data_permission.filter((li)=>li.checked).length;
+                                let ed = em.meta.data_permission.length;
+                                em.isCheck = check>0 && check != ed?true:false;
+                                if(ed>0){
+                                    em.checked = check>0 && check== ed?true:false;
+                                }
+                            }
+                        })
+                        let check = item.children.filter((em)=>em.checked).length;
+                        let isCheck = item.children.filter((em)=>em.isCheck).length;
+                        let ed = item.children.length;
+
+                        item.isCheck = (check>0 && check != ed) || (isCheck>0 && check != ed)?true:false;
+                        item.checked =  check>0 && check== ed?true:false;
+                    }
+                })
+
+                this.list = JSON.parse(JSON.stringify(val));
+            }
+        }
+    },
+    computed:{
+
+    },
+    methods:{
+        menuCheckChange(e){
+            this.list.forEach(item=>{
+                if(e.id == item.id){
+                    if(item.children){
+                        item.children.forEach(em=>{
+                            em.checked = e.checked;
+                            if(em.meta.data_permission && em.meta.data_permission.length>0){
+                                em.meta.data_permission.forEach((li)=>{
+                                    li.checked = e.checked;
+                                })
+                            }
+                            if(em.checked){
+                                em.isCheck = false;
+                            }
+                        })
+                    }
+                    if(item.checked){
+                        item.isCheck = false;
+                    }
+                }
+            })
+        },
+        moduleCheckChange(pre,e){
+            this.list.forEach(item=>{
+                if(pre.id == item.id){
+                    if(item.children){
+                        item.children.forEach(em=>{
+                            if(em.id == e.id){
+                                if(em.meta.data_permission && em.meta.data_permission.length>0){
+                                    em.meta.data_permission.forEach((li)=>{
+                                        li.checked = e.checked;
+                                    })
+                                }
+                                if(e.checked){
+                                    e.isCheck = false;
+                                }
+                            }
+                        })
+                        let check = item.children.filter((em)=>em.checked).length;
+                        let isCheck = item.children.filter((em)=>em.isCheck).length;
+                        let ed = item.children.length;
+                        item.checked = check>0 && check == ed?true:false;
+                        item.isCheck = (check>0 || isCheck>0) && ed!=check?true:false;
+                    }
+                }
+            })
+        },
+        checkChange(max,pre){
+            this.list.forEach(item=>{
+                if(item.id == max.id){
+                    if(item.children){
+                        item.children.forEach((em)=>{
+                            if(pre.id == em.id){
+                                let check = em.meta.data_permission.filter((em)=>em.checked).length;
+                                let ed = em.meta.data_permission.length;
+                                em.checked = check>0 && check == ed?true:false;
+                                em.isCheck = check>0 && check != ed?true:false;
+                            }
+                        })
+                    }
+                    let check = item.children.filter((em)=>em.checked).length;
+                    let isCheck = item.children.filter((em)=>em.isCheck).length;
+                    let ed = item.children.length;
+                    item.checked = check>0 && check == ed?true:false;
+                    item.isCheck = (check>0 || isCheck>0) && ed!=check?true:false;
+                }
+            })
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.module{
+  flex-basis: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.check{
+  flex-basis: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.menu{
+  flex:1;
+}
+.authority{
+  flex-basis: 80px;
+  text-align: center;
+}
+.customTable{
+  border: 1px solid var(--el-border-color-light);
+  border-bottom: 0;
+}
+.tableBodyNull{
+  border-top:1px solid var(--el-border-color-light);
+}
+.tableBody .trTitle{
+  background: #f5f7fa;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 36px;
+  padding: 0 10px;
+  border-bottom: 1px solid var(--el-border-color-light);
+  .name{
+    flex: 1;
+  }
+  .coseBtn{
+    flex-basis: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    .coseBtnIcon{
+      width: 14px;
+      color: var(--el-color-primary);
+    }
+  }
+}
+.tableBody .tr{
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+  border-bottom:1px solid var(--el-border-color-light);
+  .td{
+    padding: 0 10px;
+    border-left: 1px solid var(--el-border-color-light);
+    .nextTd{
+      border-bottom:1px solid var(--el-border-color-light);
+      flex: 1;
+    }
+    .nextTd:last-child{
+      border-bottom: 0;
+    }
+  }
+  .td:first-child{
+    border-left: 0;
+  }
+  .tdChild{
+    flex: 1;
+    padding: 0;
+    border-left: 1px solid var(--el-border-color-light);
+    .tdName:first-child{
+      border-left: 0;
+    }
+    .tdName{
+      border-left: 1px solid var(--el-border-color-light);
+      padding: 0 10px;
+      width: 100%;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      flex-wrap: wrap;
+      .boxName{
+        display: flex;
+        align-items: center;
+        margin-right: 20px;
+        width: 120px;
+        .name{
+          width: 100px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          display: block;
+          text-align: left;
+        }
+      }
+    }
+  }
+}
+.tableBody .tr:last-child{
+  //border-bottom: 0;
+}
+</style>
@@ -183,7 +183,7 @@ export default {
 	border-top:1px solid var(--el-border-color-light);
 }
 .tableBody .trTitle{
-	background: var(--el-bg-color-overlay);
+	background: #f5f7fa;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -45,7 +45,7 @@
 							<dataTree ref="dataTree" v-loading="dataTreeLoading" element-loading-text="加载中..." :data="menu.list"/>
 						</el-tab-pane>
 						<el-tab-pane label="数据权限">
-
+							<dataPermissions ref="dataPermissions" v-loading="dataPermissionsLoading" element-loading-text="加载中..." :data="dataPermissions.list"/>
 						</el-tab-pane>
 						<el-tab-pane label="角色成员">
 							<members ref="members" v-loading="roleUserLoading" element-loading-text="加载中..." :data="roleUser.list" />
@@ -105,6 +105,7 @@
 	import saveDialog from './save';
 	import permissionDialog from './permission';
 	import dataTree from "./dataTree";
+	import dataPermissions from "./dataPermissions";
 	import members from "./members";
 	import treeUser from "./tree"

@@ -114,6 +115,7 @@
 			saveDialog,
 			permissionDialog,
 			dataTree,
+			dataPermissions,
 			members,
 			treeUser
 		},
@@ -147,6 +149,10 @@
 				menu: {
 					list: [],
 				},
+				dataPermissionsLoading:false,
+				dataPermissions:{
+					list:[],
+				},
 				roleUserLoading:false,
 				roleUser:{
 					list:[]