From b500cdcc0e39d392c67d0273800da4c4fffb7b3e Mon Sep 17 00:00:00 2001
From: XiaoRuby <3114200645@qq.com>
Date: 星期五, 08 九月 2023 10:20:44 +0800
Subject: [PATCH] Crunchy-09/08
---
src/components/view/record-content.vue | 223 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 162 insertions(+), 61 deletions(-)
diff --git a/src/components/view/record-content.vue b/src/components/view/record-content.vue
index 370c50e..c6be046 100644
--- a/src/components/view/record-content.vue
+++ b/src/components/view/record-content.vue
@@ -106,33 +106,34 @@
}
</style>
+
<template>
<div class="record_content">
<div class="title">
<el-row>
<el-col :span="12" style="line-height: 32px;">璁板綍鍐呭缁存姢</el-col>
<el-col :span="12" style="text-align: right;">
- <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;">鏂板</el-button>
- <el-button icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="addend">鏂板</el-button>
+ <el-button icon="el-icon-edit-outline" @click="modify">淇敼</el-button>
<el-button icon="el-icon-delete" @click="dels">鍒犻櫎</el-button>
</el-col>
</el-row>
- </div>
+ </div>
<div class="choose">
<span>绫诲瀷锛�</span>
- <el-select v-model="search.type" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
+ <el-select v-model="search.type" size="small" @change="TYpe" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
<el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
<el-option label="鍒嗘敮缁勪欢" :value="3"></el-option>
</el-select>
- <span>宸ュ簭锛�</span>
+ <!-- <span>宸ュ簭锛�</span>
<el-select v-model="search.name" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
<el-option v-for="(a, ai) in process" key="ai" :label="a.name" :value="a.id"></el-option>
</el-select>
<el-button size="mini" @click="clean()"><span>閲� 缃�</span></el-button>
<el-button size="mini" type="primary" style="background: #004EA2;"><span>鏌�
- 璇�</span></el-button>
+ 璇�</span></el-button> -->
</div>
<div class="thing">
<div class="left">
@@ -197,6 +198,119 @@
<el-button @click="upDia = false">鍙� 娑�</el-button>
</span>
</el-dialog>
+ <!-- 鏂板寮圭獥 -->
+ <el-dialog title="宸ュ簭鏂板" :visible.sync="dialogVisible" width="35%">
+ <div>
+ <el-form ref="form" :model="form" label-width="80px">
+ <el-form-item label="绫诲瀷">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="宸ュ簭">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="宸ヨ壓鍚嶇О">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="璁板綍">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ <el-form-item label="澶囨敞">
+ <el-input v-model="form.vvvv"></el-input>
+ </el-form-item>
+ <el-form-item label="鍗曚綅">
+ <el-input v-model="form.aaaa"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="dialogVisible = false">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </span>
+ </el-dialog>
+
+ <!-- 淇敼寮圭獥 -->
+ <el-dialog title="宸ュ簭缂栬緫" :visible.sync="modifyVisible" width="35%">
+ <div>
+ <el-form ref="form" :model="form" label-width="80px">
+ <el-form-item label="绫诲瀷">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="宸ュ簭">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="宸ヨ壓鍚嶇О">
+ <template>
+ <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </template>
+ </el-form-item>
+ <el-form-item label="璁板綍">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ <el-form-item label="澶囨敞">
+ <el-input v-model="form.vvvv"></el-input>
+ </el-form-item>
+ <el-form-item label="鍗曚綅">
+ <el-input v-model="form.aaaa"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="modifyVisible = false">纭� 瀹�</el-button>
+ <el-button @click="modifyVisible = false">鍙� 娑�</el-button>
+ </span>
+ </el-dialog>
</div>
</template>
@@ -206,66 +320,23 @@
return {
search: {
type: 0,
- name: null,
- technology: null
+ name: 2,
+ technology: 2
},
+ options:[],
+ value:{},
+ form:{},
+ modifyVisible:false,
+ dialogVisible:false,
process: [],
- list: [{
- id: 0,
- name: "鍘熸潗鏂�",
- children: [{
- id: 3,
- name: "宸ヨ壓",
- children: [{
- id: 6,
- name: "璁惧1"
- }]
- }]
- }, {
- id: 1,
- name: "鎴愬搧",
- children: [{
- id: 4,
- name: "宸ヨ壓"
- }]
- }, {
- id: 2,
- name: "鍗婃垚鍝�",
- children: [{
- id: 5,
- name: "宸ヨ壓"
- }]
- }],
+ list: [],
checkTreeNode: {},
- tableData: [{
- id: 1,
- name: "璐ㄩ噺杩芥函鍙�",
- unit: "鍗曚綅",
- thing: "dajskda"
- }, {
- id: 2,
- name: "浣滀笟浜哄憳",
- unit: "鍗曚綅",
- thing: "dajskda"
- }, {
- id: 3,
- name: "瑙勬牸",
- unit: "鍗曚綅",
- thing: "dajskda"
- }, {
- id: 4,
- name: "瑙勬牸",
- unit: "鍗曚綅",
- thing: "dajskda"
- }, {
- id: 5,
- name: "瑙勬牸",
- unit: "鍗曚綅",
- thing: "dajskda"
- }],
+ tableData: [],
upIndex: 0,
selects: [],
+ typeselect:0,
upDia: false,
+ checkTreeNode:[],
upData: {
id: 0,
name: null,
@@ -275,9 +346,38 @@
}
},
mounted() {
- this.selectDataList()
+ this.selectAllleft()
},
methods: {
+ TYpe(val) {
+ this.typeselect = val
+ console.log(this.typeselect);
+ this.selectAllleft()
+ },
+ //涓讳綋宸�
+ selectAllleft() {
+ this.$axios.get(this.$api.url.selectAllleft,{
+ params:{type:this.typeselect}
+ }).then(res => {
+ this.list = res.data;
+ console.log(this.list);
+ })
+ },
+ //selectjilu checkTreeNode
+ selectjilu() {
+ this.$axios.get(this.$api.url.selectjilu,{
+ params:{id:this.checkTreeNode.id}
+ }).then(res => {
+ this.tableData = res.data;
+ console.log(this.tableData);
+ })
+ },
+ modify(){
+ this.modifyVisible = true
+ },
+ addend(){
+ this.dialogVisible = true
+ },
filterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
@@ -310,6 +410,7 @@
},
handleNodeClick(data) {
this.checkTreeNode = data
+ this.selectjilu()
if(data.code=='[3]'){
console.log(data);
}
--
Gitblit v1.9.3