自定义白名单修改
parent
258f6838d1
commit
fcdd120cea
@ -0,0 +1,284 @@
|
|||||||
|
<!-- 自定义白名单-->
|
||||||
|
<template>
|
||||||
|
<div class="detail_dic" style="width:100%;height: 100%;position: inherit;">
|
||||||
|
<div style="padding-bottom:10px;">
|
||||||
|
<el-button type="primary" @click="addData" size="default" :icon="addButton">新增</el-button>
|
||||||
|
<el-button type="primary" @click="batchDelData" size="default" :icon="deleteButton">删除</el-button>
|
||||||
|
</div>
|
||||||
|
<div style="height:88%;width:100%;position:relative">
|
||||||
|
<div style="height: 100%;width: 100%">
|
||||||
|
<el-table :data="tableData" width="100%" height="100%" id="table_el" :header-cell-style="{background:'rgb(213,216,217)',align:'center'}" border
|
||||||
|
@selection-change="selectDatas"
|
||||||
|
@select-all="selectAllData"
|
||||||
|
v-loading="tableLoading"
|
||||||
|
:row-style="rowStyle"
|
||||||
|
:cell-style="cellStyle" >
|
||||||
|
<el-table-column type="selection" width="55" align="center"/>
|
||||||
|
<el-table-column prop="memo" label="memo" v-if="false" align="center"/>
|
||||||
|
<el-table-column type="index" label="序号" align="center"/>
|
||||||
|
<el-table-column prop="dicname" label="字典名称" :show-overflow-tooltip="true" width="170px" :formatter="dateFormatterSSS" resizable align="center" />
|
||||||
|
<el-table-column prop="discrp" label="组合描述" :show-overflow-tooltip="true" width="1600px" resizable align="center" />
|
||||||
|
<el-table-column label="操作" fixed="right" align="center">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button type="primary" :icon="editButton" size="small" @click="editData(scope.row)">详情</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div style="height: 5%;width: 100%;position:fixed">
|
||||||
|
<!-- 分页 -->
|
||||||
|
<el-pagination
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="currentPage"
|
||||||
|
:page-sizes="[15, 30,50,100]"
|
||||||
|
:page-size="pageSize"
|
||||||
|
:total="totalCount"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
style="width: 90%;height:5%;padding: 0;position:inherit;margin-top:10px;bottom: 0;font-size: x-small">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 新增页面-->
|
||||||
|
<el-dialog v-model="showDic" title="自定义白名单"
|
||||||
|
width="60%" align-center :close-on-click-modal="closeModal" :show-close="closeModal">
|
||||||
|
<whiteDicAdd ref="whiteDicAdd" style="width:100%;height: 100%" :key="now()" ></whiteDicAdd>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer" style="text-align: right">
|
||||||
|
<el-button @click="cancelUpdateFormData">取消</el-button>
|
||||||
|
<el-button type="primary" :icon="saveButton" @click="saveUpdateFormData">保存</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
<!-- 详情页面-->
|
||||||
|
<el-dialog v-model="showDetailDic" title="自定义白名单"
|
||||||
|
width="40%" align-center :close-on-click-modal="closeModal">
|
||||||
|
<el-form >
|
||||||
|
<el-form-item label="字典名称：">{{detailDicName}}</el-form-item>
|
||||||
|
<el-form-item label="组合描述：">{{detailDicDescrb}}</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
html{
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
#table_el{
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
.el-table .cell{
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script >
|
||||||
|
|
||||||
|
import { ref} from "vue";
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import {getCarnoDicByPage, batchDelCarnoDicDatas} from "../../../util/api/api.js";
|
||||||
|
import {Search,Delete,Refresh,Edit,Plus,Position,Expand,Collection} from '@element-plus/icons-vue'
|
||||||
|
import whiteDicAdd from "@/views/dev/detail/whiteDicAdd.vue"
|
||||||
|
import whiteListBatchUpdate from "@/views/dev/detail/whiteListBatchUpdate.vue"
|
||||||
|
import {now} from "moment";
|
||||||
|
var _this;
|
||||||
|
export default{
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
totalCount:0,
|
||||||
|
selectData:[],
|
||||||
|
tableData :ref([]),
|
||||||
|
deleteButton:Delete,
|
||||||
|
saveButton:Collection,
|
||||||
|
addButton:Plus,
|
||||||
|
dioTitle:"新增",
|
||||||
|
tableLoading:true,
|
||||||
|
isDisabled:false,
|
||||||
|
refreshButton:Refresh,
|
||||||
|
showDic:false,
|
||||||
|
batchParamsIds:"",
|
||||||
|
updateDatas:{},
|
||||||
|
doubleclikIndex:-1,//双击选中的行号
|
||||||
|
detailDicName:"",
|
||||||
|
detailDicDescrb:"",
|
||||||
|
showDetailDic:false,
|
||||||
|
closeModal:false,
|
||||||
|
}},
|
||||||
|
methods:{
|
||||||
|
now,
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.pageSize = val;
|
||||||
|
this.isLoding=true;
|
||||||
|
getTableDatas();
|
||||||
|
},handleCurrentChange(val) {
|
||||||
|
this.currentPage = val;
|
||||||
|
this.isLoding=true;
|
||||||
|
getTableDatas();
|
||||||
|
},addData(){//新增
|
||||||
|
this.showDic=true;
|
||||||
|
},editData(row){
|
||||||
|
this.showDetailDic=true;
|
||||||
|
this.detailDicName= row.dicname;
|
||||||
|
this.detailDicDescrb= row.discrp;
|
||||||
|
},cancelUpdateFormData(){
|
||||||
|
this.showDic=false;
|
||||||
|
}, saveUpdateFormData(){
|
||||||
|
this.$refs["whiteDicAdd"].validate((valid) => {
|
||||||
|
if(valid){
|
||||||
|
this.$refs["whiteDicAdd"].saveBatchData((code,msg)=>{
|
||||||
|
if(code===1){
|
||||||
|
alert(msg);
|
||||||
|
getTableDatas();
|
||||||
|
this.showDic=false;
|
||||||
|
}else{
|
||||||
|
alert(msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},batchDelData(){//批量删除
|
||||||
|
if(this.selectData.length<1){
|
||||||
|
alert("请选择数据！");
|
||||||
|
}else{
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'此操作将永久删除数据, 是否继续?',
|
||||||
|
'提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '删除',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
showClose:false,
|
||||||
|
closeOnClickModal:false
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(() => {
|
||||||
|
batchDelData(this.selectData);
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
ElMessage({
|
||||||
|
type: 'info',
|
||||||
|
message: '取消删除',
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},selectDatas(selection){
|
||||||
|
if(selection.length>0){
|
||||||
|
for(var k=0;k<selection.length;k++){
|
||||||
|
var _selection=selection[k];
|
||||||
|
_selection.opermano=(localStorage.getItem("manno")===null || localStorage.getItem("manno")==='null' || localStorage.getItem("manno")===undefined ?"test":localStorage.getItem("manno"));
|
||||||
|
_selection.opermaname=(localStorage.getItem("man")===null || localStorage.getItem("man")==='null' || localStorage.getItem("man")===undefined ?"test":localStorage.getItem("man"));
|
||||||
|
this.selectData.push(_selection);
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.selectData=ref([]);
|
||||||
|
}
|
||||||
|
},selectAllData(selection){
|
||||||
|
if(selection.length>0){
|
||||||
|
for(var k=0;k<selection.length;k++){
|
||||||
|
var _selection=selection[k];
|
||||||
|
_selection.opermano=(localStorage.getItem("manno")===null || localStorage.getItem("manno")==='null' || localStorage.getItem("manno")===undefined ?"test":localStorage.getItem("manno"));
|
||||||
|
_selection.opermaname=(localStorage.getItem("man")===null || localStorage.getItem("man")==='null' || localStorage.getItem("man")===undefined ?"test":localStorage.getItem("man"));
|
||||||
|
this.selectData.push(_selection);
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.selectData=ref([]);
|
||||||
|
}
|
||||||
|
},rowStyle(row,rowIndex){
|
||||||
|
if(this.doubleclikIndex===row.row.RN){
|
||||||
|
return {
|
||||||
|
"background-color":"lightcyan",
|
||||||
|
"cursor":"pointer"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
"cursor":"pointer"
|
||||||
|
}
|
||||||
|
},cellStyle({row,column,rowIndex,columnIndex}){
|
||||||
|
if(columnIndex ==12 || columnIndex ==2 ){
|
||||||
|
if(row.promperty==="已过期"){
|
||||||
|
return {
|
||||||
|
"color":"red"
|
||||||
|
}
|
||||||
|
}else if(row.promperty==="将到期"){
|
||||||
|
return {
|
||||||
|
"color":"orange"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
"cursor":""
|
||||||
|
}
|
||||||
|
},cancelFormData(){
|
||||||
|
this.showAddCondiftion=false;
|
||||||
|
},resetFormData(){
|
||||||
|
this.$refs["whiteListAdd"].resetForm();
|
||||||
|
}, saveFormData(){
|
||||||
|
this.$refs["whiteListAdd"].validate((valid) => {
|
||||||
|
if(valid){
|
||||||
|
this.$refs["whiteListAdd"].saveData((code,msg)=>{
|
||||||
|
if(code===1){
|
||||||
|
alert(msg);
|
||||||
|
getTableDatas();
|
||||||
|
this.showAddCondiftion=false;
|
||||||
|
}else{
|
||||||
|
alert(msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},components:{
|
||||||
|
Delete,
|
||||||
|
Search,
|
||||||
|
Refresh,
|
||||||
|
Edit,
|
||||||
|
Plus,
|
||||||
|
whiteDicAdd,
|
||||||
|
whiteListBatchUpdate,
|
||||||
|
Position,
|
||||||
|
Expand,
|
||||||
|
Collection
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
_this=this;
|
||||||
|
getTableDatas();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function getTableDatas(){
|
||||||
|
var paramsData={
|
||||||
|
"pageSize":_this.pageSize,
|
||||||
|
"pageNum":_this.currentPage
|
||||||
|
}
|
||||||
|
getCarnoDicByPage(paramsData).then(res=>{
|
||||||
|
_this.tableLoading=false;
|
||||||
|
if(res.code<=0){
|
||||||
|
return false;
|
||||||
|
}else{
|
||||||
|
_this.totalCount=res.total;
|
||||||
|
_this.tableData=res.records;
|
||||||
|
_this.isLoding=false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function batchDelData(delDatas){
|
||||||
|
batchDelCarnoDicDatas(delDatas).then(res=>{
|
||||||
|
_this.tableLoading=false;
|
||||||
|
if(res.code<=0){
|
||||||
|
alert(res.data);
|
||||||
|
return false;
|
||||||
|
}else{
|
||||||
|
alert(res.data);
|
||||||
|
getTableDatas();
|
||||||
|
_this.selectData=[];
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue