模板代码:

    1. {extend name="../../vendor/tj/tp-script-vue-curd/tpl/index" /}
    2. {block name="extend"}
    3. {layout name="../../vendor/tj/tp-script-vue-curd/tpl/layout/default" /}
    4. {/block}
    5. {block name="toolBtnRight"}
    6. <div class="ant-space-item" v-if="canOpenConfig">
    7. <a-divider type="vertical"></a-divider>
    8. </div>
    9. <div class="ant-space-item" v-if="canOpenConfig">
    10. <a-button type="warning" @click="openConfig">
    11. <setting-outlined></setting-outlined>
    12. <span> 项目配置</span>
    13. </a-button>
    14. </div>
    15. {/block}
    16. {block name="script"}
    17. <script>
    18. window.thisAction={
    19. data(){
    20. return {
    21. canOpenConfig:true,//正常的是否是vueData.canOpenConfig; vueData.canOpenConfig 的赋值在 indexFetch(https://www.yuque.com/junt/tp-script-vue-curd/vba818)
    22. }
    23. },
    24. methods:{
    25. openConfig(){
    26. //打开iframe窗口
    27. this.openBox({
    28. title:'项目配置',
    29. url: "{:url('config')->build()}",
    30. }).end();
    31. }
    32. }
    33. };
    34. </script>
    35. {/block}

    生成示例:
    image.png