From fe54729fc794682f0b70ff5dfbb92eb7b0a9643a Mon Sep 17 00:00:00 2001
From: wally <18603454788@163.com>
Date: Sun, 30 Jan 2022 09:47:00 +0800
Subject: [PATCH] =?UTF-8?q?fix(render):=20=E4=BF=AE=E5=A4=8D=E4=BA=86?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E7=89=87=E6=AE=B5=E4=B8=8D=E8=83=BD=E5=9C=A8?=
 =?UTF-8?q?app=E4=B8=8A=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重构了render.vue；目前IOS模拟器上测试正常；安卓模拟器有布局错乱的问题，判断与render无关，需要排查插件的样式问题
---
 CHANGELOG.md                 |  1 +
 components/Plugin/Plugin.vue |  2 +-
 components/Render/Render.vue | 43 ++++++++++++++++++++++++------------
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2512a39..13fa857 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -187,6 +187,7 @@
  - | 重构project init 部分 | [c7bf2df](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/c7bf2df)
  - | 重构render.vue | [fdd668f](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/fdd668f)
  api | 调整mock api放入mock.js下；main中加入环境变量的判断 | [053ac31](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/053ac31)
+ - | APP注释了Render Component; render.vue换成vue2语法 | [3a89de1](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/3a89de1)
  - | deliver检查人重构；更新真实数据的检查人 | [ce808c4](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/ce808c4)
  - | project init 重构 | [2457a87](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/2457a87)
 
diff --git a/components/Plugin/Plugin.vue b/components/Plugin/Plugin.vue
index 32797ab..e933ebe 100644
--- a/components/Plugin/Plugin.vue
+++ b/components/Plugin/Plugin.vue
@@ -28,7 +28,6 @@
     <p-domain-source-manage v-else-if="pluginId === '20'" class="p-2" />
     <p-project-version-management v-else-if="pluginId === '21'" class="p-2" />
 
-    <!-- #ifdef H5 -->
     <Render
       v-else
       :task="task"
@@ -38,6 +37,7 @@
       :businessPluginId="businessPluginId"
       :param="param"
     />
+    <!-- #ifdef H5 -->
     <!-- #endif -->
   </view>
 </template>
diff --git a/components/Render/Render.vue b/components/Render/Render.vue
index d302884..f9450ce 100644
--- a/components/Render/Render.vue
+++ b/components/Render/Render.vue
@@ -1,6 +1,7 @@
 <template>
-  <view class="render-box shadow-lg" v-if="pluginInfo">
+  <view class="render-box shadow-lg">
     <view
+      class="render-content"
       :id="`render-${pluginTaskId}`"
       :data-did="task.detailId"
       :data-param="param"
@@ -16,6 +17,8 @@
       :data-uid="userId"
       :pluginInfo="pluginInfo"
       :change:pluginInfo="project.renderDom"
+      :pluginTaskId="pluginTaskId"
+      :change:pluginTaskId="project.initPluginTaskId"
     ></view>
   </view>
 </template>
@@ -82,28 +85,40 @@ export default {
 
 <script module="project" lang="renderjs">
 // TODO: 未处理配置 多次使用插件的复用
+let pluginTaskId = '';
+
 export default {
   methods: {
     /**
      * 渲染dom
      * @param {object|null} res 插件详情 监听的pluginInfo
-     * @param {*} b
-     * @param {object} instance 实例对象
      */
-    renderDom(res, b, instance) {
-      console.log('res,b,instance: ', res,b,instance);
+    renderDom(res) {
       if (!res) return;
-      if (res.html) {
-        const content = window.document.getElementById(`render-${this.pluginTaskId}`);
-        content.innerHTML = res.html;
-      }
+      this.$nextTick(() => {
+        if (res.html) {
+          // 注意: 截止目前版本2022年1月30日 直接this.pluginTaskId在APP端是不能行的
+          // 已向官方提交bug 后期等待修复后 再做调整
+          const content = window.document.getElementById(`render-${pluginTaskId}`);
+          content.innerHTML = res.html;
+        }
 
-      if (res.js) {
-        const script = window.document.createElement('script');
-        script.innerHTML = res.js;
-        window.document.body.appendChild(script);
-      }
+        if (res.js) {
+          const script = window.document.createElement('script');
+          script.innerHTML = res.js;
+          window.document.body.appendChild(script);
+        }
+      })
     },
+
+    /**
+     * 从prop data中拿到pluginTaskId, 存入变量中
+     * 因为目前这里没办法通过this拿到prop data下的数据
+     * @param {string} propsPluginTaskId
+     */
+    initPluginTaskId(propsPluginTaskId) {
+      pluginTaskId = propsPluginTaskId;
+    }
   },
 };
 </script>