From 5292c26b5c04c5e6e829ad0ffeab82b4ee549942 Mon Sep 17 00:00:00 2001
From: CherrysChang <1935003650@qq.com>
Date: Thu, 23 Apr 2020 14:39:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BE=8B=E6=96=B0=E5=A2=9E=20?=
 =?UTF-8?q?=E6=8C=87=E6=A0=87=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/train/case-detail.vue | 100 ++++++++++++++++++++------------
 1 file changed, 63 insertions(+), 37 deletions(-)

diff --git a/src/views/train/case-detail.vue b/src/views/train/case-detail.vue
index ad1304a..0dc9e8e 100644
--- a/src/views/train/case-detail.vue
+++ b/src/views/train/case-detail.vue
@@ -24,8 +24,7 @@
                     <el-row :gutter="20" type="flex">
                         <el-col :span="1" style="text-align:center;padding-top: 182px;width: 88px;" class="item-required">量化指标</el-col>
                         <el-col :span="7">
-                            <el-table ref="leftTable" :data="leftDictTargetList.filter(data => !searchName || data.name.toLowerCase().includes(searchName.toLowerCase()))"
-                                      height="400" border highlight-current-row tooltip-effect="dark" @selection-change="handleSelectionChange">
+                            <el-table ref="leftTable" :data="getFilterDataBySearchName" height="400" border highlight-current-row tooltip-effect="dark" @selection-change="leftSelectionChange">
                                 <el-table-column type="selection" width="55"></el-table-column>
                                 <el-table-column header-align="right" label="未选择 10/10">
                                     <el-table-column prop="name" label="名称" show-overflow-tooltip>
@@ -37,23 +36,26 @@
                             </el-table>
                         </el-col>
                         <el-col :span="1" style="text-align:center;padding: 160px 0 0 0;width: 24px;">
-                            <el-button @click="addStaff" size="mini" type="primary" icon="el-icon-arrow-right" circle></el-button>
-                            <el-button @click="removeStaff" size="mini" type="primary" icon="el-icon-arrow-left" circle style="margin:10px 0 0 0;"></el-button>
+                            <!--:disabled="leftSelectedRows.length==0"-->
+                            <el-button @click="addToRight" size="mini" type="primary" icon="el-icon-arrow-right" circle :disabled="isDisable"></el-button>
+                            <el-button @click="removeToLeft" size="mini" type="primary" icon="el-icon-arrow-left" circle style="margin:10px 0 0 0;"></el-button>
                         </el-col>
                         <el-col :span="14" class="rightTable">
-                            <el-table ref="rightTable" :data="tableData" height="400" border highlight-current-row tooltip-effect="dark" :summary-method="getScoreSummaries" show-summary @selection-change="handleSelectionChange">
+                            <el-table ref="rightTable" :data="dataForm.taskList" height="400" border highlight-current-row tooltip-effect="dark" :summary-method="getScoreSummaries" show-summary @selection-change="rightSelectionChange">
                                 <el-table-column type="selection" width="55"></el-table-column>
                                 <el-table-column header-align="right" label="已选择 0/10，剩余可配置分数 90 分">
                                     <el-table-column prop="name" label="名称"></el-table-column>
                                     <el-table-column prop="target" label="任务目标" width="226">
                                         <template slot-scope="scope">
-                                            <el-form-item :prop="'tradeList.'+scope.$index+'.score'" :rules="dataRule.score" class="score-input" >
-                                                <el-select size="small" style="width: 100px;">
+                                            <el-form-item :prop="'taskList.'+scope.$index+'.taskOperate'" :rules="dataRule.score" class="score-input" >
+                                                <el-select v-model="scope.row.taskOperate" size="small" style="width: 100px;">
                                                     <el-option label="大于" value="1"></el-option>
                                                     <el-option label="等于" value="2"></el-option>
                                                     <el-option label="小于" value="3"></el-option>
                                                 </el-select>
-                                                <el-input size="small" v-model.trim="scope.row.score" :disabled="formAction == 2" style="width: 100px;">
+                                            </el-form-item>
+                                            <el-form-item :prop="'taskList.'+scope.$index+'.taskRate'" :rules="dataRule.score" class="score-input" >
+                                                <el-input size="small" v-model.trim="scope.row.taskRate" :disabled="formAction == 2" style="width: 100px;">
                                                     <i slot="suffix">%</i>
                                                 </el-input>
                                             </el-form-item>
@@ -61,14 +63,14 @@
                                     </el-table-column>
                                     <el-table-column prop="score" label="分数" width="120">
                                         <template slot-scope="scope">
-                                            <el-form-item :prop="'tradeList.'+scope.$index+'.score'" :rules="dataRule.score" class="score-input">
+                                            <el-form-item :prop="'taskList.'+scope.$index+'.score'" :rules="dataRule.score" class="score-input">
                                                 <el-input size="small" v-model.trim="scope.row.score" :disabled="formAction == 2" style="width: 100px;"><i slot="suffix">分</i></el-input>
                                             </el-form-item>
                                         </template>
                                     </el-table-column>
                                     <el-table-column fixed="right" label="操作" width="50">
                                         <template slot-scope="scope">
-                                            <el-button @click.native.prevent="deleteRow(scope.$index, tableData)" type="text" size="small">移除</el-button>
+                                            <el-button @click.native.prevent="rightDeleteRow(scope.$index, tableData)" type="text" size="small">移除</el-button>
                                         </template>
                                     </el-table-column>
                                 </el-table-column>
@@ -113,30 +115,6 @@
                 }
             };
             return {
-                leftDictTargetList: [],
-                tableData: [{
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }],
-                searchName: '',
-                tableData2: [{
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }, {
-                    name: '王小虎',
-                }],
                 formAction: 0, // 0：add,1:edit,2:view
                 dataForm: {
                     id: '',
@@ -157,10 +135,14 @@
                     // content: [
                     //     {validator: validateContent, trigger: 'blur'}
                     // ],
-                    // score: [
-                    //     {validator: validateScore, trigger: 'blur'}
-                    // ],
+                    score: [
+                        {validator: validateScore, trigger: 'blur'}
+                    ],
                 },
+                leftDictTargetList: [],//左侧指标数据：从数据库获取量化指标字典数据
+                searchName: '',
+                leftSelectedRows: [],//左侧指标选中数据
+                rightTargetList:[],//右侧设置的指标数据
                 selectedItemRows: [],
                 selectedTradeItems: [],
             }
@@ -184,6 +166,18 @@
             //获取左侧指标字典数据
             this.initTargetList();
         },
+        computed: {
+            isDisable: function() { //是否禁用 true为禁用，false为可用
+                if(this.leftSelectedRows && this.leftSelectedRows.length >0) {
+                    return false;
+                }
+                return true;
+            },
+            getFilterDataBySearchName: function () {//根据指标名称筛选列表数据
+                let searchName = this.searchName;
+                return this.leftDictTargetList.filter(data => !searchName || data.name.toLowerCase().includes(searchName.toLowerCase()))
+            }
+        },
         methods: {
             goBackList() {
                 // this.$router.push({name: 'CaseList'});
@@ -198,6 +192,38 @@
                   console.info(error)
               });
             },
+            leftSelectionChange(selection) {
+                debugger;
+                //ZqqTODO 待测试
+                this.leftSelectedRows = selection;
+                let searchData = this.getFilterDataBySearchName;
+                searchData.forEach(item => {
+                    if (selection.filter(itemTmp => {return itemTmp.id == item.id;}).length > 0) {
+                        item._checked = true;
+                    }else{
+                        item._checked = false;
+                    }
+                })
+                this.leftDictTargetList.forEach(item2 => {
+                    for (let i = 0; i < searchData.length; i++) {
+                        if (searchData[i].id==item2.id){
+                            item2._checked = searchData[i]._checked;       //赋值为searchData[i]._checked,不能直接赋值true；
+                        }
+                    }
+                })
+            },
+            addToRight() {
+                console.info("addToRight")
+            },
+            removeToLeft() {
+                console.info("removeToLeft")
+            },
+            rightDeleteRow() {
+                console.info("rightDeleteRow")
+            },
+            rightSelectionChange(val) {
+                // this.leftSelectedRows = val;
+            },
             getScoreSummaries(param) { // 计算总分
                 const { columns, data } = param;
                 const sums = [];