shenze-sysMan/src/views/accountOperation/index.vue

<template>
  <!-- 任务消息列表 -->
  <div class="taskMessagePage flex-col">
    <s-header :name="$t('accountOperation.title')" :noback="false"></s-header>
    <div class="taskMessageBox flex-col">
      <div class="taskListRow flex-col" @click="pushPageList('/accountPer')">
        <div class="taskIcon deviceIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">{{$t('accountOperation.accountAuthority')}}</div>
        </div>
      </div>
      <div class="taskListRow flex-col" @click="pushPageList('/distributionSet')">
        <div class="taskIcon retailIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">{{$t('accountOperation.distributionSettings')}}</div>
        </div>
      </div>
      <div class="taskListRow flex-col" @click="pushPageList('/joinpayMch')">
        <div class="taskIcon withIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">{{$t('accountOperation.withdrawalAccountNo')}}</div>
        </div>
      </div>
	  <div class="taskListRow flex-col" @click="pushPageList('/shandeMch')">
	    <div class="taskIcon withIcon"></div>
	    <div class="taskRight">
	      <div class="taskTitle">{{$t('accountOperation.standbyWithdrawalAccountNo')}}</div>
	    </div>
	  </div>
	  <div class="taskListRow flex-col" @click="pushPageList('/merchantManage')">
	    <div class="taskIcon merIcon"></div>
	    <div class="taskRight">
	      <div class="taskTitle">{{$t('accountOperation.merchantManagement')}}</div>
	    </div>
	  </div>
	  <div class="taskListRow flex-col" @click="pushPageList('/labelMan')">
	    <div class="taskIcon labelIcon"></div>
	    <div class="taskRight">
	      <div class="taskTitle">{{$t('accountOperation.labelMan')}}</div>
	    </div>
	  </div>
    </div>
  </div>
</template>

<script>
import { onMounted } from 'vue';
import sHeader from "@/components/SimpleHeader";
import { useRouter } from "vue-router";

export default {
  components: { sHeader },
  setup() {
    const router = useRouter();
    // 初始化页面获取列表
    onMounted(async () => {});
    const pushPageList = (url) => {
      router.push(url);
    }
    return { pushPageList };
  }
};
</script>

<style lang="less" scoped>
@import "../../common/style/common.less";
@import "./index.less";
</style>