-
-
-
批次号:
-
-
-
-
-
筛选
+
+
+
批次号:
+
+
+
+
+ 筛选
+
+
+ 清空筛选条件
+
+
- 清空筛选条件
-
-
-
-
添加批次
@@ -28,104 +41,207 @@
-
-
+
+ 启用
-
-
-
- {{scope.row.deviceNoStart}}:{{scope.row.deviceNoEnd}}
-
-
-
-
-
- 停用
-
-
-
-
-
-
- 编辑
-
-
-
- 修改
-
-
-
-
-
-
-
-
+
+ 更多
+
+
+ 删除
+
+
+ 查看
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
@@ -134,148 +250,176 @@ import { mapGetters } from "vuex";
export default {
data() {
return {
- dialogVisible:false,
- batchId:'',
+ tableIdName: "EquipmentBatch", // 当前页面需要的变量
+ tableOption: this.$tableOption.EquipmentBatch, // 当前table配置项
+ tableLoading: false, // 是否显示加载中
+ showColumn: [], // 监听的显示列的变量
+ page: {
+ total: 0, // 总页数
+ currentPage: 1, // 当前页数
+ pageSize: 10, // 每页显示多少条
+ },
+
+ dialogVisible: false,
+ batchId: "",
tableData: [],
- currentPage4:1,
- addagentobj:{
- id:'',
- batchId:'',// 批次号
- realityEquipmentCount:'',// 应收数
- receivableEquipmentCount:'',// 实收数
- deviceNoStart:'',// 开头
- deviceNoEnd:'',// 结尾
- remark:''//备注
+ currentPage4: 1,
+ addagentobj: {
+ id: "",
+ batchId: "", // 批次号
+ realityEquipmentCount: "", // 应收数
+ receivableEquipmentCount: "", // 实收数
+ deviceNoStart: "", // 开头
+ deviceNoEnd: "", // 结尾
+ remark: "", //备注
},
- rules:{
- batchId: [
- { required: true, message: '请输入批次号', trigger: 'blur' },
- ],
- realityEquipmentCount: [
- { required: true, message: '请输入应收设备数量', trigger: 'blur' },
- ],
- receivableEquipmentCount: [
- { required: true, message: '请输入实收设备数量', trigger: 'blur' },
- ],
- deviceNoStart: [
- { required: true, message: '请输入设备号开头', trigger: 'blur' },
- ],
- deviceNoEnd: [
- { required: true, message: '请输入设备号结尾', trigger: 'blur' },
- ],
+ rules: {
+ batchId: [{ required: true, message: "请输入批次号", trigger: "blur" }],
+ realityEquipmentCount: [
+ { required: true, message: "请输入应收设备数量", trigger: "blur" },
+ ],
+ receivableEquipmentCount: [
+ { required: true, message: "请输入实收设备数量", trigger: "blur" },
+ ],
+ deviceNoStart: [
+ { required: true, message: "请输入设备号开头", trigger: "blur" },
+ ],
+ deviceNoEnd: [
+ { required: true, message: "请输入设备号结尾", trigger: "blur" },
+ ],
},
- total:0,//总条数
- pageNum:1,
- pageSize:30,
- isshow:'绑定'
-
+ total: 0, //总条数
+ pageNum: 1,
+ pageSize: 30,
+ isshow: "绑定",
};
},
- computed: {
+ computed: {
...mapGetters(["permissions"]),
},
+
+ watch: {
+ showColumn(nowV) {
+ let params = {
+ tableIdName: this.tableIdName,
+ optionData: nowV,
+ };
+ this.$db.upDate(params);
+ },
+ },
created() {
+ // 获取显隐的列表
+ this.setTableOption();
this.equ_batch_add = this.permissions["equ_batch_add"];
this.equ_batch_edit = this.permissions["equ_batch_edit"];
},
mounted() {
- this.getcompanyList()
+ this.getcompanyList();
},
methods: {
+
+ // 获取当前页面的显隐
+ setTableOption() {
+ this.$db.getDataByKey(this.tableIdName).then((res) => {
+ if (res.tableIdName == this.tableIdName) {
+ this.showColumn = res.optionData;
+ }
+ });
+ },
//編輯
- clickbianji(row){
- this.addagentobj.id=row.id;
- this.addagentobj.batchId=row.batchId;
- this.addagentobj.realityEquipmentCount=row.realityEquipmentCount;
- this.addagentobj.receivableEquipmentCount=row.receivableEquipmentCount;
- this.addagentobj.deviceNoStart=row.deviceNoStart;
- this.addagentobj.deviceNoEnd=row.deviceNoEnd;
- this.addagentobj.remark=row.remark;
- this.isshow='编辑';
- this.dialogVisible=true;
+ clickbianji(row) {
+ this.addagentobj.id = row.id;
+ this.addagentobj.batchId = row.batchId;
+ this.addagentobj.realityEquipmentCount = row.realityEquipmentCount;
+ this.addagentobj.receivableEquipmentCount = row.receivableEquipmentCount;
+ this.addagentobj.deviceNoStart = row.deviceNoStart;
+ this.addagentobj.deviceNoEnd = row.deviceNoEnd;
+ this.addagentobj.remark = row.remark;
+ this.isshow = "编辑";
+ this.dialogVisible = true;
},
- clear(){
+ clear() {
this.$refs.addagentobj.resetFields();
},
//添加
- editorinfo(){
- this.isshow='绑定';
- this.addagentobj.id='';
- this.addagentobj.batchId='';
- this.addagentobj.realityEquipmentCount='';
- this.addagentobj.receivableEquipmentCount='';
- this.addagentobj.deviceNoStart='';
- this.addagentobj.deviceNoEnd='';
- this.addagentobj.remark='';
- this.dialogVisible=true;
+ editorinfo() {
+ this.isshow = "绑定";
+ this.addagentobj.id = "";
+ this.addagentobj.batchId = "";
+ this.addagentobj.realityEquipmentCount = "";
+ this.addagentobj.receivableEquipmentCount = "";
+ this.addagentobj.deviceNoStart = "";
+ this.addagentobj.deviceNoEnd = "";
+ this.addagentobj.remark = "";
+ this.dialogVisible = true;
},
//确认添加
- editor(){
- this.$refs.addagentobj.validate((valid) => {
- if (valid) {
- if(this.isshow=='绑定'){
- this.$api.http.insert(this.addagentobj).then((res) => {
- if(res.code==0){
- this.dialogVisible=false;
- this.$refs.addagentobj.resetFields();
- this.Screeningofempty()
- }else{
- this.$message.error(res.message);
- }
- });
- }else{
- this.$api.http.insertupdate(this.addagentobj).then((res) => {
- if(res.code==0){
- this.dialogVisible=false;
- this.$refs.addagentobj.resetFields();
- this.Screeningofempty()
- }else{
- this.$message.error(res.message);
- }
- });
- }
+ editor() {
+ this.$refs.addagentobj.validate((valid) => {
+ if (valid) {
+ if (this.isshow == "绑定") {
+ this.$api.http.insert(this.addagentobj).then((res) => {
+ if (res.code == 0) {
+ this.dialogVisible = false;
+ this.$refs.addagentobj.resetFields();
+ this.Screeningofempty();
+ } else {
+ this.$message.error(res.message);
+ }
+ });
} else {
- return false;
+ this.$api.http.insertupdate(this.addagentobj).then((res) => {
+ if (res.code == 0) {
+ this.dialogVisible = false;
+ this.$refs.addagentobj.resetFields();
+ this.Screeningofempty();
+ } else {
+ this.$message.error(res.message);
+ }
+ });
}
- });
+ } else {
+ return false;
+ }
+ });
},
- //清空筛选
- Screeningofempty(){
- this.batchId='';
- this.pageNum=1
- this.getcompanyList()
+ //清空筛选
+ Screeningofempty() {
+ this.batchId = "";
+ this.page.currentPage = 1;
+ this.getcompanyList();
},
//筛选
- Screening(){
- this.pageNum=1
- this.getcompanyList()
+ Screening() {
+ this.page.currentPage = 1;
+ this.getcompanyList();
},
- // 获取列表
+ // 获取列表
getcompanyList() {
- this.tableData=[];
- let parmest={
- current: this.pageNum,
- size: this.pageSize,
- batchId:this.batchId
- }
+ this.tableData = [];
+ let parmest = {
+ current: this.page.currentPage,
+ size: this.page.pageSize,
+ batchId: this.batchId,
+ };
this.$api.http.getequipmentbatch(parmest).then((res) => {
- console.log(res.data);
- this.tableData=res.data.records;
- this.total=res.data.total
- // 表格中设置ref属性,在数据渲染之后或者updated()之后
- this.$nextTick(() => {
- this.$refs.table.doLayout();
- });
+ console.log(res.data);
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ // 表格中设置ref属性,在数据渲染之后或者updated()之后
+ this.$nextTick(() => {
+ this.$refs.crud.doLayout();
});
+ });
+ },
+ handleSizeChange(val) {
+ this.page.pageSize = val;
+ this.getcompanyList();
+ },
+ handleCurrentChange(val) {
+ this.page.currentPage = val;
+ this.getcompanyList();
},
- handleSizeChange(val) {
- this.pageSize=val;
- this.getcompanyList()
- },
- handleCurrentChange(val) {
- this.pageNum=val;
- this.getcompanyList()
- },
},
};
@@ -287,10 +431,10 @@ export default {
min-width: 1000px;
padding-bottom: 40px;
}
-.cen-tab{
+.cen-tab {
width: 100%;
padding: 15px;
- background: #FFFFFF;
+ background: #ffffff;
margin-top: 15px;
}
.tophove {
@@ -333,27 +477,27 @@ export default {
}
}
}
-/deep/ .el-table__header-wrapper{
- thead{
- tr{
- th{
- background: #F5F7FA;
+/deep/ .el-table__header-wrapper {
+ thead {
+ tr {
+ th {
+ background: #f5f7fa;
color: #333333;
}
}
}
}
-/deep/ .el-dialog--center{
+/deep/ .el-dialog--center {
border-radius: 8px;
- .el-dialog__title{
+ .el-dialog__title {
font-weight: bold;
}
}
-/deep/ .el-button--primary{
- background: #2671E2 !important;
- border: 1px solid #2671E2 !important;
+/deep/ .el-button--primary {
+ background: #2671e2 !important;
+ border: 1px solid #2671e2 !important;
}
-/deep/ .el-button--text{
- color: #2671E2;
+/deep/ .el-button--text {
+ color: #2671e2;
}
diff --git a/src/views/Equipment/index.vue b/src/views/Equipment/index.vue
index 1074122..677a35b 100644
--- a/src/views/Equipment/index.vue
+++ b/src/views/Equipment/index.vue
@@ -66,26 +66,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ 更多
+
+
+ 归还
-
- {{ row.imei || "-" }}
-
-
-
-
-
- 转写设置
-
- {{ row.batchId || "-" }}
-
-
-
-
-
-
-
- 验收
-
- {{ row.orgName || "-" }}
-
-
-
-
-
-
-
-
-
-
-
- {{
- row.receiveType == 1
- ? "未领用"
- : row.receiveType == 2
- ? "使用中"
- : "已归还"
- }}
-
-
-
-
-
-
-
-
- {{
- row.acceptanceStatus == 0
- ? "已验收"
- : row.acceptanceStatus == 1
- ? "未验收"
- : row.acceptanceStatus == 2
- ? "维修中"
- : row.acceptanceStatus == 3
- ? "更换中"
- : "已报损"
- }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 绑定
-
- 更多
-
-
- 归还
-
- 转写设置
-
- 验收
-
- 绑定
- 解绑
-
- 删除
-
-
-
-
-
-
-
-
-
-
+
解绑
+
删除
+
+
+
+
{
+ if (res.tableIdName == this.tableIdName) {
+ this.showColumn = res.optionData;
+ }
+ });
+ },
downLoad() {
let obj = {
timeType: 1,
@@ -1190,7 +910,7 @@ export default {
uploadStatus: "", //上传状态
offStatus: "", //关机状态
};
- this.currentPage = 1;
+ this.page.currentPage = 1;
this.equipmentManagement();
},
resetImei() {
@@ -1216,15 +936,15 @@ export default {
}
},
screen() {
- this.currentPage = 1;
+ this.page.currentPage = 1;
console.log(this.searchForm);
this.equipmentManagement();
},
equipmentManagement() {
this.$api.api
.equipmentManagement({
- size: this.size,
- current: this.currentPage,
+ size: this.page.pageSize,
+ current: this.page.currentPage,
timeType: 1,
orgType: localStorage.getItem("orgType"),
orgCode: localStorage.getItem("orgCode"),
@@ -1235,7 +955,11 @@ export default {
.then((res) => {
// console.log(res);
this.tableData = res.data.records;
- this.total = res.data.total;
+ this.page.total = res.data.total;
+ // 表格中设置ref属性,在数据渲染之后或者updated()之后
+ this.$nextTick(() => {
+ this.$refs.crud.doLayout();
+ });
});
},
//批量绑定
@@ -1648,12 +1372,12 @@ export default {
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
- this.size = val;
+ this.page.pageSize = val;
this.equipmentManagement();
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
- this.currentPage = val;
+ this.page.currentPage = val;
this.equipmentManagement();
},
},
@@ -1672,7 +1396,6 @@ export default {
}
.cen-tab {
width: 100%;
- height: calc(100% - 94px - 30px);
flex-grow: 1;
padding: 15px;
background: #ffffff;
diff --git a/src/views/Equipment/record.vue b/src/views/Equipment/record.vue
index 28e82c7..f698416 100644
--- a/src/views/Equipment/record.vue
+++ b/src/views/Equipment/record.vue
@@ -50,15 +50,28 @@
清空筛选条件
-
-->
@@ -121,7 +131,16 @@
export default {
data() {
return {
- currentPage: 4,
+ tableIdName: "EquipmentRecord", // 当前页面需要的变量
+ tableOption: this.$tableOption.EquipmentRecord, // 当前table配置项
+ tableLoading: false, // 是否显示加载中
+ showColumn: [], // 监听的显示列的变量
+ page: {
+ total: 0, // 总页数
+ currentPage: 1, // 当前页数
+ pageSize: 10, // 每页显示多少条
+ },
+
value: "",
input: "",
tableData: [],
@@ -168,11 +187,35 @@ export default {
},
};
},
+
+ watch: {
+ showColumn(nowV) {
+ let params = {
+ tableIdName: this.tableIdName,
+ optionData: nowV,
+ };
+ this.$db.upDate(params);
+ },
+ },
+
+ created() {
+ // 获取显隐的列表
+ this.setTableOption();
+ },
+
mounted() {
// 获取项目列表
this.equipReceiveFindByPage();
},
methods: {
+ // 获取当前页面的显隐
+ setTableOption() {
+ this.$db.getDataByKey(this.tableIdName).then((res) => {
+ if (res.tableIdName == this.tableIdName) {
+ this.showColumn = res.optionData;
+ }
+ });
+ },
selectChange(e) {
this.searchForm.equipImei = "";
this.searchForm.userName = "";
@@ -192,18 +235,22 @@ export default {
this.searchForm.userName = "";
},
screen() {
- this.currentPage = 1;
+ this.page.currentPage = 1;
this.equipReceiveFindByPage();
},
exportFile() {
- this.exportMethodPost("autoSR/equipReceive/pageExport", "领用记录",this.searchForm);
+ this.exportMethodPost(
+ "autoSR/equipReceive/pageExport",
+ "领用记录",
+ this.searchForm
+ );
},
// 导出.Excel公用方法
exportMethodPost(url, name, data = {}) {
axios({
method: "get",
url: url,
- params:data,
+ params: data,
responseType: "blob",
})
.then((res) => {
@@ -234,7 +281,7 @@ export default {
});
},
clascreen() {
- this.currentPage = 1;
+ this.page.currentPage = 1;
this.searchForm.equipImei = "";
this.searchForm.userName = "";
this.searchForm.receiveType = "";
@@ -243,18 +290,18 @@ export default {
// 获取常错词列表
equipReceiveFindByPage() {
let obj = {
- current: this.currentPage,
- size: this.size,
+ current: this.page.currentPage,
+ size: this.page.pageSize,
...this.searchForm,
};
this.$api.api.equipReceiveFindByPage(obj).then((res) => {
// console.log(res);
this.tableData = res.data.records;
- this.total = res.data.total;
- // 表格中设置ref属性,在数据渲染之后或者updated()之后
- this.$nextTick(() => {
- this.$refs.table.doLayout();
- });
+ this.page.total = res.data.total;
+ // 表格中设置ref属性,在数据渲染之后或者updated()之后
+ this.$nextTick(() => {
+ this.$refs.crud.doLayout();
+ });
});
},
handleSelectionChange(val) {
@@ -262,12 +309,12 @@ export default {
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
- this.size = val;
+ this.page.pageSize = val;
this.equipReceiveFindByPage();
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
- this.currentPage = val;
+ this.page.currentPage = val;
this.equipReceiveFindByPage();
},
},
@@ -299,6 +346,7 @@ export default {
padding-top: 15px;
padding-bottom: 15px;
.app-titel {
+ padding: 0 20px;
width: 100%;
display: flex;
align-items: center;
@@ -336,21 +384,21 @@ export default {
.div-inp {
width: 250px;
}
-/deep/ .el-table__header-wrapper{
- thead{
- tr{
- th{
- background: #F5F7FA;
+/deep/ .el-table__header-wrapper {
+ thead {
+ tr {
+ th {
+ background: #f5f7fa;
color: #333333;
}
}
}
}
-/deep/ .el-button--primary{
- background: #2671E2 !important;
- border: 1px solid #2671E2 !important;
+/deep/ .el-button--primary {
+ background: #2671e2 !important;
+ border: 1px solid #2671e2 !important;
}
-/deep/ .el-button--text{
- color: #2671E2;
+/deep/ .el-button--text {
+ color: #2671e2;
}
diff --git a/src/views/Equipment/state.vue b/src/views/Equipment/state.vue
index 4e73686..ca52e3a 100644
--- a/src/views/Equipment/state.vue
+++ b/src/views/Equipment/state.vue
@@ -116,35 +116,10 @@
@change="selChange"
>
-
-