update send-modal page and add new column

src/views/sensitive-control/data-view-message.vue

@@ -195,7 +195,7 @@
         };
         let callback = (res) => {
           if(res.code == '000000'){
-            debugger;
+            // debugger;
             if(res.data){
               vm.waterMark = res.data;
               vm.setWaterMark();  // 设置水印背景

src/views/sensitive-control/data-view.vue

@@ -66,6 +66,8 @@
         >
           <el-table-column :prop="item.key" align="center" :label="item.value" show-overflow-tooltip></el-table-column>
         </template>
+        <el-table-column v-if="tableDataList && tableDataList.columnList" prop="userName" align="center" label="数据查看人员" show-overflow-tooltip></el-table-column>
+
         <el-table-column fixed="right" align="center" label="操作" width="200">
           <template slot-scope="scope">
             <el-button @click="handleRemarkClick(scope.row)" type="text" size="small">备注</el-button>
@@ -125,7 +127,10 @@
       width="500px"
       center
     >
-      <span>被选中的需要分发的数据，此处只显示Column1</span>
+      <div class="name-list">
+        <p class="name">{{selectedNameList}}</p>
+        <p class="after-text">{{ "共" + multipleSelection.length + '人' }}</p>
+      </div>
       <div class="people-choose">
         <p class="title">人员选择</p>
         <el-select v-model="dataUserDiss" multiple collapse-tags placeholder="请选择" class="people-select-comp">
@@ -181,6 +186,7 @@ export default {
       }
     };
     return {
+      selectedNameList: '',
       waterMark: '',       // 水印图片地址
       isSearchSend: false, // 是否有效查询过
       showSendBtn: false,  // 是否显示 分发按钮
@@ -442,6 +448,15 @@ export default {
 
     handleSelectionChange(val) {
       vm.multipleSelection = val;
+      // debugger;
+      let firstColumn = vm.tableDataList.columnList[0].key || 'column1';
+      let str = '';
+      let tempNameList = [];
+      vm.multipleSelection.map(function(value, index, arr){
+        tempNameList.push(value[firstColumn]);
+      })
+      str = tempNameList.join('，');
+      vm.selectedNameList = str;
     },
     handleRemarkClick(row) {
       console.log("handleRemarkClick: ", row);
@@ -576,6 +591,23 @@ export default {
         margin-left: 20px;
       }
     }
+    .name-list{
+      width: 450px; height: 24px; line-height: 24px;
+      .name{
+        max-width: 385px;
+        float: left;
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .after-text{
+        float: left;
+        display: block;
+        width: 55px;
+        margin-left: 5px;
+      }
+    }
   }
 
   .no-table-data{