ViewEdit.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!-- 打开新界面编辑使用方法 -->
  2. <template>
  3. <a-button style="margin-right: 8px;" @click="getModelData">获取ModelData</a-button>
  4. <a-button style="margin-right: 8px;" @click="setModelData1">设置ModelData1</a-button>
  5. <a-button style="margin-right: 8px;" @click="setModelData2">设置ModelData2</a-button>
  6. <a-button style="margin-right: 8px;" @click="refresh">刷新ModelData</a-button>
  7. </template>
  8. <script setup>
  9. const getModelData = () => {
  10. const modelDatas = window.opener.viewEditDatas;
  11. console.log(modelDatas, window.opener, '获取到modelData');
  12. };
  13. // isViewEdit为true才允许改变curd的modelData
  14. const setModelData1 = () => {
  15. const modelDatas = window.opener.viewEditDatas;
  16. if (modelDatas.isViewEdit) {
  17. modelDatas.data['description']['displayValue'][0] = 'test1';
  18. window.opener.editModelDataChanged(modelDatas);
  19. }
  20. };
  21. const setModelData2 = () => {
  22. const modelDatas = window.opener.viewEditDatas;
  23. modelDatas.data['description']['displayValue'][0] = 'test2';
  24. window.opener.editModelDataChanged(modelDatas);
  25. };
  26. const refresh = () => {
  27. window.opener.refreshCurdDatas();
  28. };
  29. </script>
  30. <style scoped></style>