权限分级 页面级屏蔽

src/views/customer/Customer_Grade.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container" style="padding-top: 5px">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container" style="padding-top: 5px">
     <!--固态等级-->
     <p style="margin: 5px">
       <el-button
@@ -143,6 +147,7 @@ export default {
       callback();
     };
     return {
+      pageStatus: 0,
       // 总条数
       total: 0,
       settingList: [],
@@ -173,12 +178,18 @@ export default {
     };
   },
   created() {
+    this.setPageStatus();
     this.getList();
     listPrice().then((response) => {
       this.oilNameOptions = response.rows;
     });
   },
   methods: {
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     /** 查询客户优惠等级设置列表 */
     getList() {
       listSetting(this.queryParams).then((response) => {

src/views/dzk/Dzk_Rule.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       ref="settingForm"
       :model="settingForm"
@@ -379,7 +383,7 @@ export default {
       callback();
     };
     return {
-      // 弹出层标题
+      pageStatus: 0,
       title: "",
       // 表单参数
       settingForm: {
@@ -459,6 +463,7 @@ export default {
     };
   },
   created() {
+    this.setPageStatus();
     this.init();
   },
   methods: {
@@ -497,6 +502,11 @@ export default {
         this.settingForm ={...this.settingForm}
       });
     },
+    setPageStatus() {
+      this.queryPageStatus([1,2],2).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     timeClear() {
       this.settingForm.collectClickCalendar = [];
       this.settingForm.collectClickDay = [];

src/views/dzk/Dzk_RuleList.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form :model="sumForm">
       <el-form-item label="电子卡启动状态">
         {{ sumForm.cardEnabledFlag == 0 ? "未开启" : "已开启" }}
@@ -157,9 +161,11 @@ export default {
           "31号",
         ],
       ],
+      pageStatus: 0,
     };
   },
   created() {
+    this.setPageStatus();
     this.getList();
     this.init();
   },
@@ -241,6 +247,11 @@ export default {
         }
       });
     },
+    setPageStatus() {
+      this.queryPageStatus([1,2],2).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     oilNameFormatter(row, column) {
       if (row.cardType === "1") {
         return "汽油卡";

src/views/market/Market_Discount.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       ref="ruleForm"
       :model="ruleForm"
@@ -272,6 +276,7 @@ export default {
     };
 
     return {
+      pageStatus: 0,
       discountList: [],
       total: 0,
       oilNameOptions: [],
@@ -342,6 +347,7 @@ export default {
   },
   created() {
     this.init();
+    this.setPageStatus();
   },
   methods: {
     init() {
@@ -352,6 +358,11 @@ export default {
         this.getList();
       });
     },
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     getPay() {
       return getStationPay().then((response) => {
         this.ruleForm = response.data;

src/views/point/Point_Product.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -251,12 +255,19 @@ export default {
         process.env.VUE_APP_BASE_API +
         "/common/upload",
       operation: 1, // 1 修改资料 2修改库存 3 添加
+      pageStatus: 0
     };
   },
   created() {
+    this.setPageStatus();
     this.getList();
   },
   methods: {
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     waresStatusFotmat(row, column) {
       if (row.waresStatus === "1") {
         return "已上架";

src/views/point/Point_RuleList.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form :model="sumForm">
       <el-form-item label="开始积分功能">
         {{ sumForm.integralFlag == 0 ? "未关闭" : "已开启" }}
@@ -131,6 +135,7 @@ export default {
           "31号",
         ],
       ],
+      pageStatus: 0,
     };
   },
   computed: {
@@ -169,6 +174,7 @@ export default {
     },
   },
   created() {
+    this.setPageStatus();
     // 5.20
     listRuleOne({
       pageNum: 1,
@@ -195,6 +201,11 @@ export default {
     this.getList();
   },
   methods: {
+    setPageStatus() {
+      this.queryPageStatus([1, 2], 1).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     /** 查询列表 */
     getList() {
       //积分规则信息

src/views/station/Station_Accounting.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -106,14 +110,21 @@ export default {
       form: {},
       // 表单校验
       rules: {},
+      pageStatus: 0
     };
   },
   created() {
     // 查询班结数据
+    this.setPageStatus();
     this.getStructure();
     this.initFromOrder();
   },
   methods: {
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     async getStructure() {
       this.opo.classStructureMan = this.$store.state.user.name;
       const structureRes = await getAgeClassStructure();

src/views/station/Station_Adjustment/adjust.vue

@@ -32,7 +32,9 @@
         align="center"
         prop="stationId"
       />
+      <!--
       <af-table-column label="油站名称" align="center" prop="stationNanme" />
+      -->
       <af-table-column label="操作时间" align="center" prop="date" />
       <af-table-column
         label="操作"

src/views/station/Station_Adjustment/index.vue

@@ -1,36 +1,49 @@
 <template>
-  <div class="tabZujian">
-    <el-tabs v-model="activeName" >
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div class="tabZujian" v-else-if="pageStatus == 4">
+    <el-tabs v-model="activeName">
       <el-tab-pane label="油品管理" name="adjust" key="adjust">
-        <adjust/>
+        <adjust />
       </el-tab-pane>
       <el-tab-pane label="调价记录" name="record" key="record">
-        <record/>
+        <record />
       </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script>
-  import adjust from './adjust'
-  import record from './record'
-  export default {
-    name: 'Station_Adjustment',
-    components:{
-      adjust,
-      record
+import adjust from "./adjust";
+import record from "./record";
+export default {
+  name: "Station_Adjustment",
+  components: {
+    adjust,
+    record,
+  },
+  data() {
+    return {
+      activeName: "adjust",
+      pageStatus: 0
+    };
+  },
+  created() {
+    this.setPageStatus();
+  },
+  methods: {
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
     },
-    data() {
-      return {
-        activeName: 'adjust'
-      };
-    },
-    methods: {
-    }
-  };
+  },
+};
 </script>
 <style>
-  .tabZujian {
-    margin-left: 20px;
-    margin-top: 20px;
-  }
+.tabZujian {
+  margin-left: 20px;
+  margin-top: 20px;
+}
 </style>

src/views/station/Station_Configuration/index.vue

@@ -1,6 +1,10 @@
 <template>
-  <div class="tabZujian">
-    <el-tabs v-model="activeName" >
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="tabZujian">
+    <el-tabs v-model="activeName">
       <el-tab-pane label="油站信息" name="info" :key="'info'">
         <child1></child1>
       </el-tab-pane>
@@ -11,28 +15,37 @@
   </div>
 </template>
 <script>
-  import tabZujianChild1 from './info.vue'
-  import tabZujianChild2 from './applet.vue'
-  import tabZujianChild3 from '../manage/index.vue'
-  export default {
-    name: 'Station_Configuration',
-    components:{
-      child1:tabZujianChild1,
-      child2:tabZujianChild2,
-      child3:tabZujianChild3
+import tabZujianChild1 from "./info.vue";
+import tabZujianChild2 from "./applet.vue";
+import tabZujianChild3 from "../manage/index.vue";
+export default {
+  name: "Station_Configuration",
+  components: {
+    child1: tabZujianChild1,
+    child2: tabZujianChild2,
+    child3: tabZujianChild3,
+  },
+  data() {
+    return {
+      activeName: "info",
+      pageStatus: 0,
+    };
+  },
+  created() {
+    this.setPageStatus();
+  },
+  methods: {
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
     },
-    data() {
-      return {
-        activeName: 'info'
-      };
-    },
-    methods: {
-    }
-  };
+  },
+};
 </script>
 <style>
-  .tabZujian {
-    margin-left: 20px;
-    margin-top: 20px;
-  }
+.tabZujian {
+  margin-left: 20px;
+  margin-top: 20px;
+}
 </style>

src/views/station/Station_Employee.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -144,11 +148,12 @@ export default {
           { required: true, message: "请选择油枪", trigger: "change" },
         ]
       },
+      pageStatus:0
     };
   },
   created() {
-    this.getList();
     this.init();
+    this.setPageStatus();
   },
   methods: {
     /** 查询油站员工信息列表 */
@@ -159,8 +164,14 @@ export default {
         this.total = response.total;
       });
     },
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     init() {
       //加载所有油枪
+      this.getList();
       listGun({
         stationId: this.deptId,
       }).then((response) => {

src/views/station/Station_Equipment.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       :model="queryForm"
       ref="queryForm"
@@ -59,12 +63,14 @@
         align="center"
         prop="deviceId"
       />
+      <!--
       <af-table-column
         label="油站名称"
         align="center"
         prop="stationName"
         v-if="jiBie !== 2"
       />
+      -->
       <af-table-column label="设备类型" align="center" prop="deviceType">
         <template slot-scope="scope">
           {{
@@ -270,6 +276,7 @@ export default {
       callback();
     };
     return {
+      pageStatus: 0,
       // 油站设备管理表格数据
       equipmentList: [],
       // 油枪复选
@@ -326,9 +333,8 @@ export default {
     };
   },
   created() {
-    console.log(this.deptId);
-    this.getList();
     this.init();
+    this.setPageStatus()
   },
   computed: {
     posList() {
@@ -382,6 +388,7 @@ export default {
   },
   methods: {
     init() {
+      this.getList();
       //字典设备状态
       this.getDicts("device_status").then((response) => {
         this.deviceStatusOptions = response.data;
@@ -394,14 +401,17 @@ export default {
         stationId: this.deptId,
       }).then((response) => {
         this.allGunList = response.rows;
-        console.log(this.allGunList);
+      });
+    },
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
       });
     },
     /** 查询油站设备管理列表 首页表单 */
     getList() {
       listManage(this.queryForm).then((response) => {
         this.equipmentList = response.rows;
-        console.log("this.equipmentList", this.equipmentList);
         this.total = response.total;
       });
     },

src/views/station/Station_Group.vue

@@ -98,7 +98,6 @@ export default {
     },
     setPageStatus() {
       this.queryPageStatus([1]).then((res) => {
-
         this.pageStatus = res;
       });
     },

src/views/station/Station_OilGun.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="app-container">
+  <div v-if="pageStatus == 0">配置加载中...</div>
+  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
+  <div v-else-if="pageStatus == 2">权限已下放到站点，请登录站点账号配置</div>
+  <div v-else-if="pageStatus == 3">加载发生错误</div>
+  <div v-else-if="pageStatus == 4" class="app-container">
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -36,7 +40,9 @@
         prop="stationId"
         v-if="false"
       />
+      <!--
       <el-table-column label="油站名称" align="center" prop="stationName" />
+      -->
       <el-table-column label="操作时间" align="center" prop="date" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.date, "{y}-{m}-{d}") }}</span>
@@ -148,16 +154,18 @@ export default {
       // 表单校验
       rules: {
         oilGunNo: [
-          { required: true, message: "请输入油枪号", trigger: "blur" }
+          { required: true, message: "请输入油枪号", trigger: "blur" },
+        ],
+        oilName: [
+          { required: true, message: "请选择油品名", trigger: "change" },
         ],
-        oilName:[
-          { required: true, message: "请选择油品名", trigger: "change" }
-        ]
       },
+      pageStatus: 0,
     };
   },
   created() {
     this.init();
+    this.setPageStatus();
   },
   methods: {
     init() {
@@ -169,6 +177,11 @@ export default {
         this.oilNameOptions = response.rows;
       });
     },
+    setPageStatus() {
+      this.queryPageStatus([2]).then((res) => {
+        this.pageStatus = res;
+      });
+    },
     /** 查询油枪管理列表 */
     getList() {
       listGun(this.queryParams).then((response) => {
@@ -253,9 +266,7 @@ export default {
           this.getList();
           this.msgSuccess("删除成功");
         })
-        .catch(() => {
-          
-        });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {