<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 v-if="user.ifForeign != '1'" 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";
import { getLoginUser, styleUrl } from "../../common/js/utils";

export default {
  components: { sHeader },
  setup() {
    const router = useRouter();
    styleUrl('accountOperation');
    const user = getLoginUser();

    // 初始化页面获取列表
    onMounted(async () => { });
    const pushPageList = (url) => {
      router.push(url);
    }
    return {
      pushPageList,
      user,
    };
  }
};
</script>

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