HS_MZAP/src/views/tab_a/tabAll.vue

<template>
  <div class="bg">
    <!-- <van-nav-bar
	  title="智慧“和顺”"
	  left-text="民宗干事"
	  left-arrow
	  @click-left="onClickLeft"
	/> -->

    <!-- <van-image
		width="100%"
		height="10rem"
		fit="cover"
		src="https://img1.baidu.com/it/u=2086445453,3056906789&fm=253&fmt=auto&app=138&f=GIF?w=1378&h=400"
		/> -->

    <van-swipe :autoplay="3000" lazy-render>
      <van-swipe-item v-for="image in BannerImgurls" :key="image">
        <van-image width="100%" height="10rem" fit="cover" :src="image" />
      </van-swipe-item>
    </van-swipe>

    <div class="tabtitlelay" @click="goToBeDone">
      <div class="tabtitle1"></div>
      <div class="tabtitle">我的待办</div>
      <div class="tabtitle2">（</div>
      <div class="tabtitle3">{{ sum }}</div>
      <div class="tabtitle4">）</div>
      <van-icon name="ellipsis" class="tabtitle5" />
    </div>

    <div class="flexll">
      <div class="ffl2" id="0" @click="goToBeDone($event)">
        <div class="textRegular">待处理</div>
        <div class="textRed">{{ sum1 ? sum1 : 0 }}</div>
      </div>
      <div class="verticalLine"></div>
      <div class="ffl2" id="1" @click="goToBeDone($event)">
        <div class="textRegular">已处理</div>
        <div class="textBlue">{{ sum2 ? sum2 : 0 }}</div>
      </div>
    </div>
    <div class="hLine"></div>

    <div class="tabtitlelay">
      <div class="tabtitle1"></div>
      <div class="tabtitle">场所管理</div>
    </div>

    <van-grid :border="false">
      <van-grid-item
        icon="./loginbg/csdj.png"
        text="场所登记"
        @click="goPlaceRegister"
      />
      <van-grid-item
        icon="./loginbg/csry.png"
        text="场所人员信息"
        @click="goPlacePerson"
      />
      <van-grid-item
        icon="./loginbg/cspw.png"
        text="牌位管理"
        @click="goPlaceTablet"
      />
      <van-grid-item
        icon="./loginbg/csxf.png"
        text="场所消防"
        @click="PlaceFirefighting"
      />
    </van-grid>

    <div class="hLine"></div>

    <div class="tabtitlelay">
      <div class="tabtitle1"></div>
      <div class="tabtitle">{{ testshow }}</div>
    </div>

    <van-grid :border="false">
      <van-grid-item
        icon="./loginbg/hd_cshd.png"
        @click="placeActivity"
        text="场所活动"
      />
      <van-grid-item
        icon="./loginbg/hd_jc.png"
        text="场所检查"
        @click="tohd_jc"
      />
      <van-grid-item
        icon="./loginbg/hd_hy.png"
        text="负责人会议"
        @click="tohd_hy"
      />
      <van-grid-item
        icon="./loginbg/hd_qt.png"
        text="非宗教类信息"
        @click="tohd_fzj"
      />
    </van-grid>

    <div class="tabtitlelay">
      <div class="tabtitle1"></div>
      <div class="tabtitle">{{ testshow2 }}</div>
    </div>

    <van-grid :border="false">
      <van-grid-item
        icon="./loginbg/hd_ssjhd.png"
        @click="selfMeetingList"
        text="私设聚会点"
      />
      <van-grid-item
        icon="./loginbg/hd_xjqz.png"
        @click="abnormalCrowd"
        text="信教群众异常"
      />
      <van-grid-item
        icon="./loginbg/hd_af.png"
        text="安防设施异常"
        @click="tohd_af"
      />
      <van-grid-item
        icon="./loginbg/hd_qt.png"
        text="其他有害信息"
        @click="tohd_qt"
      />
    </van-grid>
  </div>
</template>

<script>
import tool from "@/tool";
import qs from "qs";
import userSets from "@/api/sys/userSets";
import toBeDone from "@/api/toBeDone/toBeDone";
import $base from "@/utils/config";
export default {
  data() {
    return {
      title: "民宗干事",
      username: "",
      sms: "",
      password: "",
      password2: "",
      con1: 0,
      con2: 0,
      testshow: "活动管理",
      testshow2: "异常监管",
      sum: "0",
      sum1: "0",
      sum2: "0",
      BannerImgurls: [
        "https://img1.baidu.com/it/u=2086445453,3056906789&fm=253&fmt=auto&app=138&f=GIF?w=1378&h=400",
        "https://img1.baidu.com/it/u=2086445453,3056906789&fm=253&fmt=auto&app=138&f=GIF?w=1378&h=400",
      ],
    };
  },

  created() {
    let id = this.$route.query.id;
    window.xm.setNavigationBarTitle({
      title: "宗教和顺",
    });
    this.TokenLogin2();//生产环境
    //this.TokenLogin();//测试环境
    this.$dictUtils.refreshDictList();
  },

  methods: {
    // 待办跳转
    goToBeDone(e) {
      let value = JSON.stringify(e.currentTarget.id);
      this.$router.push({
        path: "/toBeDone",
        query: {
          name: value,
        },
      });
    },
    // 场所登记跳转
    goPlaceRegister() {
      this.$router.push("/placeRegisterList");
    },
    // 人员档案跳转
    goPlacePerson() {
      this.$router.push("/placePerson");
    },
    // 牌位管理跳转
    goPlaceTablet() {
      this.$router.push("/placeTablet");
    },
    //场所消防
    PlaceFirefighting() {
      this.$router.push("/placeFirefightingList");
    },
    //待办数据获取
    dataNumber() {
      new toBeDone().list().then((res) => {
        this.sum1 = res.records.length;
        this.sum = this.sum1 + this.sum2;
      });
      new toBeDone().list2().then((res1) => {
        this.sum2 = res1.records.length;
        this.sum = this.sum1 + this.sum2;
      });
    },
    onClickLeft() {
      history.back();
    },
    tohd_jc() {
      //this.onlineXm.xmNavTo("../activityMan\siteInspection\siteInspectionList");
      this.$router.push("/siteInspectionList");
    },
    tohd_af() {
      this.$router.push("/securityFacilitiesErrList");
    },
    tohd_hy() {
      this.$router.push("/religiousConferenceList");
    },
    tohd_fzj() {
      this.$router.push("/secularMessageList");
    },
    tohd_qt() {
      this.$router.push("/nonReligiousInformationList");
    },
    // 活动场所
    placeActivity() {
      this.$router.push("/placeActivityList");
    },
    selfMeetingList() {
      this.$router.push("/selfMeetingList");
    },
    abnormalCrowd() {
      this.$router.push("/differentbelieversList");
    },
    TokenLogin() {
        let that = this;



        new userSets()
        .TokenLogin({
          token: "test",
        })
        .then((res) => {

          that.$store.commit("setPcToken", res.PcToken);
          that.$store.commit("setUser", res.account);
          

          new userSets().getMenus().then(( data ) => {
                       
            that.$store.commit(
              "setPermissions",
              JSON.stringify(data.permissions || "[]")
            );

              
            
            that.getBannerImg(); //获取轮播图
            that.getSelectColor(); //获取主题颜色
            that.dataNumber(); //获取待办事项数
          });
        });

    },

    TokenLogin2() {
      let that = this;
      //添加PCtoken过期判断，（请求拦截到token过期，会设置PCtoken为空，为空的时候再调用免登功能）
      if (
        this.$store.state.pctoken == "" ||
        this.$store.state.pctoken == undefined
      ) {
        //SDK中 getToken() 方法获取免登token
        window.xm.getToken().then(async function (token) {
          //上线取消注释
          // let token = "test"; //上线注释
		  

          new userSets()
            .TokenLogin({
              token: token,
            })
            .then((res) => {

				
				that.$store.commit("setPcToken", res.PcToken);
				that.$store.commit("setUser", res.account);
				
              new userSets().getMenus().then(( data ) => {
			
                
                that.$store.commit(
                  "setPermissions",
                  JSON.stringify(data.permissions || "[]")
                );

                that.getBannerImg(); //获取轮播图
                that.getSelectColor(); //获取主题颜色
                that.dataNumber(); //获取待办事项数
              });
            });
        }); //上线取消注释
      } else {
        that.getBannerImg(); //获取轮播图
        that.getSelectColor(); //获取主题颜色
        that.dataNumber(); //获取待办事项数
      }
    },

    getStatistics() {
      let that = this;
      new userSets().Statistics().then((res) => {
        if (res[0].sum != undefined && res[0].sum != null && res[0].sum != "") {
          that.sum = res[0].sum;
        }
        if (
          res[0].sum1 != undefined &&
          res[0].sum1 != null &&
          res[0].sum1 != ""
        ) {
          that.sum1 = res[0].sum1;
        }
        if (
          res[0].sum2 != undefined &&
          res[0].sum2 != null &&
          res[0].sum2 != ""
        ) {
          that.sum2 = res[0].sum2;
        }
      });
    },

    getBannerImg() {

      
      new userSets()
        .BannerImg({
          current: 1,
          size: 5,
          orders: [],
        })
        .then((res) => {
          let bs = [];

          

          res.records[0].bannerImg.split("|").forEach((item) => {
            if (item.trim().length > 0) {
              bs.push($base + item.replace("程序附件//", "程序附件/"));
            }
          });
          this.BannerImgurls = bs;
        });
    },

    getSelectColor() {
      let that = this;
      new userSets().SelectColor().then((res) => {
        //console.log(res.records[0].selectColor.substring(1, 7));
        //存PCtoken
        that.$store.commit("setSelectColor", res.默认);
      });
    },

    //测试接口，可删除
    async gettest() {
      let that = this;

      //SDK中 getToken() 方法获取免登token
      // window.xm.getToken().then(function(token){
      // 	console.log(token);

      // 	that.con1="哈哈"+token;
      // 	window.xm.showToast({
      // 		message:that.con1
      // 	})

      // })

      //测试数据同步接口的
      const inputForm = {
        iamRequestId: "120010",
        iamRemoteUser: "admin12022",
        iamRemotePwd: "",
      };
      var res = await this.$API.yin.SchemaService.post(inputForm);
      if (res.type == 1) {
        this.$router.replace({
          path: "/main",
        });
      } else {
        Toast.fail(res.message);
      }
    },

    //测试接口，可删除
    async gettest2() {
      var datas = {
        username: "admin",
      };
      var res = await this.$API.my.OrderDetails.get(datas);
      this.con1 = res;
      console.log(res);
    },

    //用户数据同步测试用(用户保存)
    async gettestUser1() {
      const inputForm = {
        iamRequestId: "120010",
        iamRemoteUser: "admin",
        iamRemotePwd: "11",
        loginName: "yzt2",
        name: "同步用户2",
        password: "111",
        idcard: "320911199010000002",
        email: "818166662@qq.com",
        phone: "88868882",
        mobile: "1829999992",
        loginFlag: "1",
        photo: "",
        sign: "个性签名2",
      };
      var res = await this.$API.yin.UserCreateService.post(inputForm);
      console.log(res);
    },
    //(用户更新)
    async gettestUser2() {
      const inputForm = {
        iamRequestId: "120010",
        iamRemoteUser: "admin",
        iamRemotePwd: "11",
        uid: "1639158103696228354",
        loginName: "yzt222",
        name: "11",
        // 'password': '',
        // 'idcard': '',
        // 'email': '',
        // 'phone': '',
        // 'mobile': '',
        // 'loginFlag': '',
        // 'photo': '',
        // 'sign': '',
      };
      var res = await this.$API.yin.UserUpdateService.post(inputForm);
      console.log(res);
    },
    //(用户删除)
    async gettestUser3() {
      const inputForm = {
        iamRequestId: "120010",
        iamRemoteUser: "admin",
        iamRemotePwd: "111",
        uid: "1639158103696228354",
      };
      var res = await this.$API.yin.UserDeleteService.post(inputForm);
      console.log(res);
    },
  },
};
</script>

<style>
.bg {
  height: 100%;
  background: #ffffff;
}
</style>