 <template>
  <div class="news oa-process-view" v-html="content">
    <!-- <td><span>审批结果：</span></td><td colspan="2"><span>@{operating}</span></td> -->
  </div>
</template>
<script>
import resize from "../../utils/mixins/resize";
import page from "../Common/page";
export default {
  name: "ProcessView",
  mixins: [resize, page], //监听外部框架的大小改变事件
  data() {
    return {
      queryParams: {},
      content: "",
    };
  },
  created() {
    this.$_page_getRouter();
    this.$core.debug().log("页面创建", this.queryParams);
    this.loadContent();
  },
  mounted() {
    this.resize();
  },
  computed: {},
  methods: {
    loadContent(rid) {
      if (rid) this.rid = rid;
      if (this.rid) {
        this.$http({
          url: this.$store.state.api.report.loadReport + this.rid,
          data: this.queryParams,
        }).then(async (res) => {
          this.content = res;
        });
      }
    },
    resize() {
      this.$core.debug().log("收到resize事件");
    },
    updatePageParams(params) {
      this.rid = params.rid;
      delete this.queryParams.rid;
    },
  },
};
</script>
<style scoped>
.oa-process-view {
}
>>> .record-title-box {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #b8b6b6;
}
>>> .record-title-text {
  font-size: 18px;
  font-weight: bold;
  color: #12b1b7;
}
>>> .iconfont {
  font-size: 18px;
}
>>> .record-content {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
>>> .record-content-item {
  width: 380px;
  text-indent: 10px;
  font-size: 14px;
  font-weight: normal;
}

>>> .record-content-item-last {
  border-bottom: 1px dashed #b8b6b6;
  text-indent: 10px;
  width: 760px;
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: normal;
}
</style>

