""" @author: yy @desc：任务信息 @date: 2025-06-08 09:40:16 """
<template>
  <div>
    <h1 style="text-align: center">{{ data?.title }}</h1>
    <el-form class="mosty-from-wrap" label-suffix="：" ref="ruleFormRef" label-width="130px" :inline="true">
      <el-form-item label="任务内容">
        <div class="contents">
          <!-- <div v-html="data.content"></div> -->
          <vue-ueditor-wrap v-model="data.content" editor-id="editor" :config="editorConfig"
            :editorDependencies="['ueditor.config.js', 'ueditor.all.js']" />
        </div>
      </el-form-item>
      <!-- <el-row>
        <el-col :span="24">
          <el-form-item label="会议资料">
            <div style="display: flex;">
              <MOSTY.Upload isAutoWidth :disabled="true" :limit="500" :nopicer="true" :isImg="false"
                :ShowfileList="true" v-model="data.otherFiles" :showinput="true" />
            </div>
          </el-form-item>
        </el-col>
      </el-row> -->
      <!-- <div style="display: flex; align-items: center">
      <div style="margin-right: 10px">任务内容</div>
      <div v-html="data.content"></div>
    </div> -->
      <template v-if="data.files?.length">
        <MOSTY.Assort :title="'附件'" />
        <el-form-item label="附件" style="width: 600px">
          <div style="display: flex">
            <MOSTY.Upload isAutoWidth :disabled="true" :limit="500" :nopicer="true" :gsgfList="['pdf', 'ofd', 'doc', 'docx', 'xls', 'xlsx', 'wps']" :isImg="false" :ShowfileList="true"
              v-model="data.files" :showinput="true" />
          </div>
        </el-form-item>
      </template>
    </el-form>
  </div>
</template>
<script setup>
import { ref } from "vue"
import * as MOSTY from "@/components/MyComponents/index"
import { getApi, postApi } from "@/api/tobAcco_api.js"

const props = defineProps({
  // 详情接口数据
  data: {
    default: () => ({}),
    type: Object
  }
})

const editorConfig = {
  serverUrl: "",
  UEDITOR_HOME_URL: "/UEditorPlus/",
  readonly: true
}
</script>
<style lang="scss" scoped>
:deep(#editor .edui-toolbar) {
  background-color: #f0f0f0 !important;

  .edui-button-body {
    background-color: #f0f0f0 !important;
  }

  .edui-default {
    background-color: #f0f0f0 !important;
  }
}
</style>
