From 0499c5ea96c30fbd58a01b21a1c9faa79f67c273 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期三, 13 九月 2023 14:31:07 +0800
Subject: [PATCH] modified: src/assets/api/controller.js modified: src/components/view/standard-table/material.vue modified: src/components/view/standard-table/product.vue modified: src/components/view/standard-table/target.vue modified: src/components/view/standard-table/technology.vue modified: src/components/view/standard.vue
---
src/components/view/standard-table/technology.vue | 232 +++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 158 insertions(+), 74 deletions(-)
diff --git a/src/components/view/standard-table/technology.vue b/src/components/view/standard-table/technology.vue
index ae2dbf6..a550804 100644
--- a/src/components/view/standard-table/technology.vue
+++ b/src/components/view/standard-table/technology.vue
@@ -1,7 +1,159 @@
+<template>
+ <div class="standard">
+ <div>
+ <el-table :data="tableData" max-height="675" row-key="rowId" border
+ @select-all="selectAll" @select="selectTr" ref="multipleTable"
+ :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'left'}"
+ @selection-change="handleSelectionChange" default-expand-all
+ :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+ <el-table-column type="selection" width="55">
+ </el-table-column>
+ <el-table-column type="index" width="60" label="搴忓彿">
+ </el-table-column>
+ <el-table-column prop="father" label="宸ュ簭" sortable width="200px">
+ <template slot-scope="scope">
+ <el-tag v-if="scope.row.children" type="primary">01</el-tag>
+ <span style="color: black">
+ {{ scope.row.father }}
+ </span>
+ </template>
+ </el-table-column>
+ <el-table-column sortable label="宸ヨ壓鍚嶇О">
+ <template slot-scope="scope">
+ <el-tag type="success" v-if="!scope.row.children">02</el-tag>
+ <span style="color: black">{{ scope.row.name }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="dg" label="璁惧缁�">
+ <template slot-scope="scope">
+ <div class="showDiv">
+ <span>{{scope.row.dg}}</span>
+ <div @click="showDialog">閫夋嫨</div>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="pq" label="鐢熶骇瀹氶(涓�/澶�)">
+ <template slot-scope="scope">
+ <el-input v-model="scope.row.pq"
+ v-if="scope.row.dg != null"
+ @blur="updatePq(scope.row)"
+ ></el-input>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <el-dialog
+ title="閫夋嫨璁惧缁�"
+ :visible.sync="deviceGroupDialog"
+ width="30%">
+ <span>杩欐槸涓�娈典俊鎭�</span>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="deviceGroupDialog = false">纭� 瀹�</el-button>
+ <el-button @click="deviceGroupDialog = false">鍙� 娑�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ deviceGroupDialog:false,
+ selects: [],
+ isAllSelect:false,
+ }
+ },
+ props:['tableData','tableType'],
+ created() {},
+ mounted() {
+
+ },
+ methods: {
+ // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆
+ // 鍏ㄩ��/鍙栨秷閫夋搷浣�
+ selectAll(val) {
+ this.isAllSelect = !this.isAllSelect;
+ let data = this.tableData;
+ this.toggleSelect(data, this.isAllSelect, "all");
+ },
+ //閫夋嫨鏌愯
+ selectTr(selection, row) {
+ this.$set(row, "isChecked", !row.isChecked);
+ this.$nextTick(() => {
+ this.isAllSelect = row.isChecked;
+ this.toggleSelect(row, row.isChecked, "tr");
+ });
+ },
+ //閫掑綊瀛愮骇
+ toggleSelect(data, flag, type) {
+ if (type === "all") {
+ if (data.length > 0) {
+ data.forEach((item) => {
+ this.toggleSelection(item, flag);
+ if (item.children && item.children.length > 0) {
+ this.toggleSelect(item.children, flag, type);
+ }
+ });
+ }
+ } else {
+ if (data.children && data.children.length > 0) {
+ data.children.forEach((item) => {
+ item.isChecked = !item.isChecked;
+ this.$refs.multipleTable.toggleRowSelection(item, flag);
+ this.toggleSelect(item, flag, type);
+ });
+ }
+ }
+ },
+ handleSelectionChange(val) {
+ this.deleteList = [];
+ val.forEach((v) => {
+ if (v.id !== undefined) {
+ this.deleteList.push(v.id);
+ }
+ });
+ },
+ // 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆 缁撴潫
+ showDialog(){
+ this.deviceGroupDialog = true
+ },
+ updatePq(row){
+ this.$axios.post(this.$api.url.technologyWrite,{
+ id : row.id,
+ productionQuota : row.pq
+ }).then(res=>{
+ this.$message.success(res.message);
+ }).catch(error=>{
+ this.$message.error(error.message);
+ })
+ },
+ }
+ }
+</script>
+
<style scoped>
.standard {
width: 100%;
height: 100%;
+ }
+ .standard .showDiv{
+ cursor: pointer;
+ }
+ .standard .showDiv div{
+ color:#407ab9;
+ display: none;
+ }
+ .showDiv span{
+ cursor: pointer;
+ display: block;
+ width: 100%;
+ }
+ .showDiv:hover span{
+ display: none;
+ }
+ .showDiv:hover div{
+ display: block;
}
</style>
<style>
@@ -30,82 +182,14 @@
overflow: auto;
}
- .standard .el-table__body-wrapper {
+ /* .standard .el-table__body-wrapper {
height: 100%;
- }
+ } */
- .standard .el-table__body {
+ /* .standard .el-table__body {
height: 100%;
- }
- .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){
+ } */
+ /* .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){
padding-left: 23px !important;
- }
+ } */
</style>
-
-<template>
- <div class="standard">
- <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id"
- default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
- <el-table-column type="selection" width="50">
- </el-table-column>
- <el-table-column type="index" label="搴忓彿" width="70">
- </el-table-column>
- <el-table-column prop="date" label="椤圭洰">
- </el-table-column>
- <el-table-column prop="name" label="鍗曚綅">
- </el-table-column>
- <el-table-column prop="address" label="鏍囧噯鍊�">
- </el-table-column>
- <el-table-column prop="address" label="鍐呮帶鍊�">
- </el-table-column>
- </el-table>
- </div>
-</template>
-
-<script>
- export default {
- data() {
- return {
- tableData: [{
- id: 1,
- date: '2016-05-02',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
- }, {
- id: 2,
- date: '2016-05-04',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�'
- }, {
- id: 3,
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�',
- children: [{
- id: 31,
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�'
- }, {
- id: 32,
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�'
- }]
- }, {
- id: 4,
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- }],
- selects: []
- }
- },
- mounted() {},
- methods: {
- handleSelectionChange(val) {
- this.selects = val;
- }
- }
- }
-</script>
--
Gitblit v1.9.3