From 9771f0241849c464c01dd76d7f841facd2abf6ef Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期五, 24 五月 2024 00:19:59 +0800
Subject: [PATCH] 1
---
src/views/console/product-process/process-route.vue | 96 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 72 insertions(+), 24 deletions(-)
diff --git a/src/views/console/product-process/process-route.vue b/src/views/console/product-process/process-route.vue
index 316715c..e030f47 100644
--- a/src/views/console/product-process/process-route.vue
+++ b/src/views/console/product-process/process-route.vue
@@ -1,7 +1,7 @@
<template>
<div class="processPage">
<div class="roleContainer">
- <div class="addRoute">+鏂板缓宸ヨ壓璺嚎</div>
+ <div class="addRoute" @click="addRoute">+鏂板缓宸ヨ壓璺嚎</div>
<el-input v-model="keyword" size="small" prefix-icon="el-icon-search" placeholder="璇疯緭鍏ュ悕绉�" clearable @keyup.enter="searchBtn"></el-input>
<ul class="left-ul">
<li v-for="(item,index) in leftData" :class="{active: item.active}" @click="changeTabaleLi(index)">
@@ -22,7 +22,7 @@
</div>
<div class="process-main-tabs">
<div class="process-main-header">
- <div class="main-header-label">宸ヨ壓璺嚎<span>{{leftData[0].name}}</span></div>
+ <div class="main-header-label">宸ヨ壓璺嚎<span>{{productName}}</span></div>
<div style="padding: 20px;border-bottom: 1px solid #dee;">
<div class="main-info">
<div class="info-top-title">宸ヨ壓璺嚎鐗堟湰</div>
@@ -32,14 +32,16 @@
</div>
</div>
<div>
- <div class="btn-box vistion-button">
+ <div class="btn-box vistion-button" v-for="item in detail.dtos">
<span class="vistion-button-round"></span>
- <span class="vistion-button-name">V001</span>
+ <el-tooltip trigger="click" class="detail-item" effect="dark" :content="vHtml" placement="bottom" raw-content>
+ <span class="vistion-button-name" @click="showDetail(item)">{{item.name}}</span>
+ </el-tooltip>
<el-icon class="vistion-button-icon"><DocumentCopy /></el-icon>
<el-icon class="vistion-button-icon"><Delete /></el-icon>
</div>
- <div class="btn-box most-vision">鏇村鐗堟湰...</div>
- <el-button>+ 娣诲姞鏂扮増鏈�</el-button>
+ <div class="btn-box most-vision" @click="changeV">{{changVTitle}}</div>
+ <el-button @click="addVision">+ 娣诲姞鏂扮増鏈�</el-button>
</div>
</div>
</div>
@@ -76,24 +78,6 @@
</div>
</div>
</div>
- <!-- <el-dialog title="" v-model="visible" :width="360" class="visible-model">
- <el-form :model="routeForm" :rules="routeRules" ref="dialogForm" label-width="120px"
- label-position="center">
- <el-row>
- <el-col :span="24">
- <el-form-item label="宸ヨ壓璺嚎鐗堟湰" prop="test">
- <el-select v-model="routeForm.test" style="width: 100%" placeholder="璇烽�夋嫨">
- <el-option v-for="item in testList" :key="item.id" :label="item.title" :value="item.id"/>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <template #footer>
- <el-button @click="visible = false">鍙栨秷</el-button>
- <el-button type="primary" :loading="isSaveing" @click="routeSubmit">纭畾</el-button>
- </template>
- </el-dialog> -->
</div>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="addRouteSuccess" @closed="dialog.save=false"></save-dialog>
</template>
@@ -110,6 +94,12 @@
components: {...ElementPlusIconsVue,saveDialog},
data() {
return {
+ id: "",
+ changVTitle: "鏇村鐗堟湰...",
+ isMore: true,
+ productName: "",
+ vHtml: '',
+ detail: {dtos: [{name: ""}]},
testList: [],
routeForm: {
test: ""
@@ -133,6 +123,35 @@
this.getLeftTree();
},
methods: {
+ addVision() {
+ this.$router.push({path: `/console/product-process/process-route/add-craft-version`,query: {id:this.id}})
+ },
+ addRoute() {
+ this.$router.push({path: `/console/product-process/process-route/add-craft`,query: {id:this.id}})
+ },
+ changeV() {
+ this.isMore = !this.isMore;
+ if(this.isMore) {
+ this.changVTitle = "鏇村鐗堟湰...";
+ }else {
+ this.changVTitle = "鏀惰捣";
+ }
+ },
+ showDetail(item) {
+ this.$HTTP.get(`/api/blade-cps/production-craft-version/detail/${item.id}`).then(res=> {
+ if(res.code == 200) {
+ this.vHtml = `<ul class='detailUl'>
+ <li><span class='detailStyle'>鍚嶇О</span><span>${res.data.name}</span></li>
+ <li><span class='detailStyle'>鍏宠仈浜х嚎</span><span>${res.data.groupName}</span></li>
+ <li><span class='detailStyle'>鎻忚堪</span><span>${res.data.description}</span></li>
+ <li><span class='detailStyle'>鍒涘缓浜�</span><span>${res.data.createUser}</span></li>
+ <li><span class='detailStyle'>鍒涘缓鏃堕棿</span><span>${res.data.createTime}</span></li>
+ <li><span class='detailStyle'>淇敼浜�</span><span>${res.data.updateUser}</span></li>
+ <li><span class='detailStyle'>淇敼鏃堕棿</span><span>${res.data.updateTime}</span></li>
+ </ul>`
+ }
+ })
+ },
table_edit(row){
this.dialog.save = true
this.$HTTP.get(`/api/blade-cps/craft-routing/not-band-craft?craftId=${row.id}`).then(res=> {
@@ -176,6 +195,13 @@
this.leftData[index].active = true;
this.info = this.leftData[index];
},
+ getDetail(id) {
+ this.$HTTP.get(`/api/blade-cps/craft-routing/detail?id=${id}`).then(res=> {
+ if(res.code == 200) {
+ this.detail = res.data;
+ }
+ })
+ },
getLeftTree() {
var params = [{
key: "name_like",value: ""
@@ -185,6 +211,11 @@
this.$HTTP.post("/api/blade-cps/craft-routing/list",{params}).then(res=> {
if(res.code == 200) {
this.leftData = res.data;
+ if(res.data) {
+ this.productName = res.data[0].name;
+ this.id = res.data[0].id;
+ }
+ this.getDetail(res.data[0].id);
}
})
}
@@ -350,6 +381,7 @@
border-bottom: 1px solid #86bffa;
font-size: 14px;
font-weight: 700;
+ cursor: pointer;
}
.vistion-button {
border: 1px solid #86bffa;
@@ -357,6 +389,7 @@
}
.vistion-button-name {
vertical-align: middle;
+ cursor: pointer;
}
.vistion-button-round {
width: 10px;
@@ -383,3 +416,18 @@
margin-left: 20px;
}
</style>
+<style>
+ .detailUl {
+ padding:20px 6px 8px;
+ }
+ .detailUl li{
+ list-style: none;
+ margin-bottom: 8px;
+ }
+ .detailStyle {
+ display: inline-block;
+ width: 60px;
+ text-align: right;
+ margin-right:20px;
+ }
+</style>
--
Gitblit v1.9.3