|
|
@@ -11,7 +11,7 @@
|
|
|
v-model="isCheckAll"
|
|
|
@change="listCheckAllChange">列表全选</el-checkbox>
|
|
|
</div>
|
|
|
- <el-button type="primary">添加到指标库</el-button>
|
|
|
+ <el-button type="primary" @click="isHintDialogShow=true">添加到指标库</el-button>
|
|
|
</div>
|
|
|
<div class="page-table">
|
|
|
<el-table :data="tableData" border
|
|
|
@@ -47,6 +47,30 @@
|
|
|
@current-change="handleCurrentChange"
|
|
|
/>
|
|
|
</div>
|
|
|
+ <!-- 操作提示弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ title="操作提示"
|
|
|
+ :visible.sync="isHintDialogShow"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :modal-append-to-body="false"
|
|
|
+ @close="isHintDialogShow=false"
|
|
|
+ width="578px"
|
|
|
+ top="5vh"
|
|
|
+ v-dialogDrag
|
|
|
+ center>
|
|
|
+ <div class="hint-dialog-wrap">
|
|
|
+ <p style="margin-bottom: 20px;">{{ hintText }}</p>
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item,index) in hintList" :key="index" class="hint-item">
|
|
|
+ {{ index+1 }}、{{ item.name }}({{ item.id }})
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div style="text-align: center;margin-bottom: 30px;">
|
|
|
+ <el-button type="primary">知道了</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 添加到指标库弹窗 -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -91,7 +115,13 @@ export default {
|
|
|
isSelectAll:false,//是否勾选了列表全选:为true时，selectList是剔除的指标，为false时selectList是已选择的指标
|
|
|
selectList:[],//已选择/已剔除的指标id
|
|
|
selectionReactCancel:false,//select-事件触发时,为true;该事件触发完成后,为false;
|
|
|
-
|
|
|
+
|
|
|
+ isHintDialogShow:false,
|
|
|
+ hintText:"本次添加的指标均已在指标库中，请勿重复添加!",
|
|
|
+ hintList:[{
|
|
|
+ name:'中国金属硅分省份月度开工',
|
|
|
+ id:'a10123431'
|
|
|
+ }]
|
|
|
|
|
|
};
|
|
|
},
|
|
|
@@ -272,5 +302,16 @@ export default {
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
|
+ .hint-dialog-wrap{
|
|
|
+ padding-bottom:30px;
|
|
|
+ .hint-item{
|
|
|
+ cursor: pointer;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ &:hover{
|
|
|
+ color:#409EFF;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
cxmo