sd-switch-mode-btn.vue 1.2 KB

12345678910
  1. <script>
  2. /* eslint-disable */
  3. // sd-skip-auto-import
  4. import{Modal}from"ant-design-vue";import util from"./util";import components from"./_import-components/sd-switch-mode-btn-import";var _render=function t(){var e=this,n=e._self._c;return!e.formProps.attrFD.layoutable?n("a-button",{attrs:{icon:"table",type:"link"},on:{click:e.switchMode}},[e._v(" 切换高级布局 ")]):e._e()};var staticRenderFns=[];_render._withStripped=true;export default{name:"SdSwitchModeBtn",components:components,mixins:[util.mixin],data(){return{}},methods:{switchMode(){const t=this.$createElement;Modal.confirm({title:"确定切换至高级布局模式吗",content:t=>t("div",[t("div",["当前为自动布局,切换至高级布局后可手动插入、合并、拆分表格、自定义样式"]),t("div",["切换后一旦保存则不允许恢复至当前自动布局模式,未保存情况可以通过刷新页面进行恢复"])]),width:800,onOk:()=>{const t={head:this.formProps,fields:this.designer.componentInstancesWithHiddenFlag};this.designer.updateData(util.swtichMode(t));this.designer.takeSnapshot("切换高级布局")}})}},render:_render,staticRenderFns:staticRenderFns};</script>
  5. <style module lang="scss">
  6. @use '@/common/design' as *;
  7. </style>