From 5397512c2553e96ed05c2f2d4f951b4904fbe4cd Mon Sep 17 00:00:00 2001
From: CherrysChang <1935003650@qq.com>
Date: Wed, 15 Apr 2020 17:03:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E8=AE=AD=E6=A1=88=E4=BE=8B=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=95=8C=E9=9D=A2=20=E9=87=8F=E5=8C=96=E6=8C=87?=
 =?UTF-8?q?=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 | 97 ++++++++++++++++++++++++++++-----
 1 file changed, 82 insertions(+), 15 deletions(-)

diff --git a/src/views/train/case-detail.vue b/src/views/train/case-detail.vue
index 1707192..a10ffe5 100644
--- a/src/views/train/case-detail.vue
+++ b/src/views/train/case-detail.vue
@@ -25,17 +25,56 @@
             <el-card class="box-card">
                 <div slot="header">
                     <span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>判分设置</span>
+                    <!--<span style="float: right;vertical-align: middle;line-height: 29px;">合计：{{dataForm.totalScore}} 分</span>-->
                 </div>
-                <div>
-                    <div><p>量化指标：</p>
-                        <el-transfer
-                                filterable
-                                :filter-method="filterMethod"
-                                filter-placeholder="请输入指标名称"
-                                v-model="value"
-                                :data="data">
-                        </el-transfer>
-                    </div>
+                <div class="target-set">
+                    <el-row :gutter="20">
+                        <el-col :span="8">
+                            <el-table ref="leftTable" :data="tableData.filter(data => !searchName || data.name.toLowerCase().includes(searchName.toLowerCase()))"
+                                      height="400" border highlight-current-row tooltip-effect="dark" @selection-change="handleSelectionChange">
+                                <el-table-column type="selection" width="55"></el-table-column>
+                                <el-table-column label="0/10">
+                                    <el-table-column prop="name" label="名称" show-overflow-tooltip>
+                                        <template slot="header" slot-scope="scope">
+                                            <el-input v-model="searchName" size="mini" placeholder="输入指标名称模糊搜索"/>
+                                        </template>
+                                    </el-table-column>
+                                </el-table-column>
+                            </el-table>
+                        </el-col>
+                        <el-col :span="1" style="text-align:center;padding-top: 160px;">
+                            <el-button @click="addStaff" type="primary" icon="el-icon-arrow-right" circle></el-button>
+                            <el-button @click="removeStaff" type="primary" icon="el-icon-arrow-left" circle style="margin-left: 0;margin-top: 10px;"></el-button>
+                        </el-col>
+                        <el-col :span="15">
+                            <el-table ref="rightTable" :data="tableData" height="400" border highlight-current-row tooltip-effect="dark" @selection-change="handleSelectionChange">
+                                <el-table-column type="selection" width="55"></el-table-column>
+                                <el-table-column label="已选择 0/10，剩余可配置分数 90 分">
+                                    <el-table-column prop="name" label="名称"></el-table-column>
+                                    <el-table-column prop="target" label="任务目标">
+                                        <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-option label="大于" value="1"></el-option>
+                                                    <el-option label="小于" value="2"></el-option>
+                                                </el-select>
+                                                <el-input size="small" v-model.trim="scope.row.score" :disabled="formAction == 2" style="width: 120px;">
+                                                    <template slot="append">%</template>
+                                                </el-input>
+                                            </el-form-item>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column prop="score" label="分数">
+                                        <template slot-scope="scope">
+                                            <el-form-item :prop="'tradeList.'+scope.$index+'.score'" :rules="dataRule.score" class="score-input">
+                                                <el-input size="small" v-model.trim="scope.row.score" :disabled="formAction == 2" style="width: 160px;"></el-input>
+                                            </el-form-item>
+                                        </template>
+                                    </el-table-column>
+                                </el-table-column>
+                            </el-table>
+                        </el-col>
+                    </el-row>
                 </div>
             </el-card>
         </el-form>
@@ -70,6 +109,32 @@
                 }
             };
             return {
+                tableData: [{
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }],
+                searchName: '',
+                tableData2: [{
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }, {
+                    name: '王小虎',
+                }],
+                currentRowData: null,
+                currentPageData: [], //左边的数据需要从数据库查询
+                yxData: [],
                 isShowData: false,
                 tradeDialogVisible: false,
                 isShowTradeDelBtn: false,
@@ -380,13 +445,15 @@
             .el-form-item.is-required .el-form-item__label:after {
                 content: '';
             }
-
-            .score-input {
-                margin-bottom: 0px;
-                /deep/ .el-form-item__error {
-                    position: unset;
+            .target-set{
+                .score-input {
+                    margin-bottom: 0px;
+                    /deep/ .el-form-item__error {
+                        position: unset;
+                    }
                 }
             }
+
             .icon-minus-rotated:before {
                 -ms-transform: rotate(90deg); /* IE 9 */
                 -moz-transform: rotate(90deg); /* Firefox */