DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/EducationalAdministration/Sys_ReceiveFile/single.vue

<template>
    <view class="page">
        <view v-if="ready">
           <l-input
        @input="setValue('Sys_ReceiveFile.Sender', $event)"
        :value="getValue('Sys_ReceiveFile.Sender')"
        :disabled="!edit"
        title="发送人"
      />
	 <!-- <l-organize-picker
	    @input="setValue('Sys_ReceiveFile.Sender', $event)"
	    :value="getValue('Sys_ReceiveFile.Sender')"
	    :readonly="!edit"
	    type="user"
	    title="发送人"
	  /> -->
            <l-input
        @input="setValue('Sys_ReceiveFile.Title', $event)"
        :value="getValue('Sys_ReceiveFile.Title')"
        :disabled="!edit"
        title="主题"
      />
            <l-date-picker
        @input="setValue('Sys_ReceiveFile.SendTime', $event)"
        :value="getValue('Sys_ReceiveFile.SendTime')"
        :disabled="!edit"
        title="发送时间"
      />
            <l-select
        @input="setValue('Sys_ReceiveFile.SendType', $event)"
        :value="getValue('Sys_ReceiveFile.SendType')"
        :disabled="!edit"
        :range="dataSource.Sys_ReceiveFile.SendType"
        title="接收对象"
      />
	  <!-- <l-upload-file
	    @input="setValue('Sys_ReceiveFile.RUrl', $event)"
	    :value="getValue('Sys_ReceiveFile.RUrl')"
	    :readonly="!edit"
	    :number="9"
	    title="附件上传"
	  /> -->
	  <l-upload-file
	    v-if="ready"
	    :value="fileList"
	    :readonly="!edit"
	    :number="9"
	    title="附件上传"
	  /> 
         <!--   <l-textarea
        @input="setValue('Sys_ReceiveFile.Contents', $event)"
        :value="getValue('Sys_ReceiveFile.Contents')"
        :disabled="!edit"
        readonly="readonly"
        :range="dataSource.Sys_ReceiveFile.Contents"
        title="内容"
      /> -->
		<view class="bg-white" style="padding: 15px;color: #333333;font-size: 15px;">内容</view>
		<view class="bg-white" style="padding: 15px;padding-top: 0px;">
			<u-parse v-if="ready" :imageProp="{ domain: apiRoot }" :content="getValue('Sys_ReceiveFile.Contents')" noData="暂无内容"></u-parse>
		</view>
    </view>
	<!-- <view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;">
	<l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> 
	    提交保存 
	  </l-button> 
	  <l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> 
	    编辑本页 
	  </l-button> 
	  <l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> 
	    取消编辑 
	  </l-button>
	  <l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> 
	    删除 
	  </l-button>
	</view> -->
      </view
  >
</template> 
  
  
<script>
/*
 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)
 * Copyright (c) 2013-2020 上海力软信息技术有限公司
 * 创建人：超级管理员
 * 日  期：2020-10-19 09:24
 * 描  述：公文查看
 */
/**
 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用
 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录：
 * { "path": "pages/EducationalAdministration/Sys_ReceiveFile/single", "style": { "navigationBarTitleText": "表单详情页" } }
 *
 * （navigationBarTitleText 字段为本页面的标题文本，可以修改）
 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件）
 */
import get from "lodash/get";
import set from "lodash/set";
import moment from "moment";
import customPageMixins from "@/common/custompage.js";
export default {
  mixins: [customPageMixins],
  data() {
    return {
      // 页面相关参数
      id: null,
      mode: null,
      edit: null,
      ready: false, // 表单数据
      current: {},
	  fileList:[],
      origin: {}, // 表单项数据结构
      scheme: {
        Sys_ReceiveFile: {
          Sender: { type: "text", title: "发送人" },
          Title: { type: "text", title: "主题" },
          SendTime: { type: "datetime", title: "发送时间", dateformat: "1" },
          SendType: {
            type: "select",
            title: "接收对象",
            itemCode: "FileSendType",
            dataSource: "0",
          },
          Contents: { type: "textarea", title: "内容" },
          ReadFlag: { type: "select", title: "状态", dataSource: "0" },
          ReadTime: { type: "datetime", title: "查阅时间", dateformat: "1" },
        },
      }, // 数据源
      dataSource: {
        Sys_ReceiveFile: {
          SendType: Object.values(
            this.GET_GLOBAL("dataDictionary").FileSendType
          ).map((t) => ({ value: t.value, text: t.text })),
          ReadFlag: [],
        },
      },
    };
  },
  async onLoad({ type, id }) {
    await this.init(type, id);
  },
  methods: {
    // 页面初始化
    async init(type, id) {
      this.LOADING("加载数据中...");
      this.id = id;
      this.mode = type;
      this.edit = ["create", "edit"].includes(this.mode); // 拉取表单数据，同时拉取所有来自数据源的选单数据
      await Promise.all([() => {}]);
      await this.fetchForm();
      this.ready = true;
      this.HIDE_LOADING();
    }, // 加载表单数据
    async fetchForm() {
      if (this.mode === "create") {
        this.origin = await this.getDefaultForm();
      } else {
        const result = await this.HTTP_GET(
          "learun/adms/EducationalAdministration/Sys_ReceiveFile/form",
          this.id
        );
		this.fileList = await this.getFileListById(result.Sys_ReceiveFile.FilePath)
        this.origin = await this.formatFormData(result);
      }
      this.current = this.COPY(this.origin);
    }, // 点击 「编辑」、「重置」、「保存」、「删除」 按钮
    async action(type) {
      switch (type) {
        case "edit":
          this.edit = true;
          break;
        case "reset":
          this.current = this.COPY(this.origin);
          this.edit = false;
          break;
        case "save":
          const verifyResult = this.verifyForm();
          if (verifyResult.length > 0) {
            this.CONFIRM("表单验证失败", verifyResult.join("\n"));
            return;
          }
          if (
            !(await this.CONFIRM(
              "提交确认",
              "确定要提交本页表单内容吗？",
              true
            ))
          ) {
            return;
          }
          this.LOADING("正在提交...");
          const postData = await this.getPostData(this.id);
          this.HTTP_POST(
            "learun/adms/EducationalAdministration/Sys_ReceiveFile/save",
            postData,
            "表单提交保存失败"
          ).then((success) => {
            this.HIDE_LOADING();
            if (!success) {
              return;
            }
            this.EMIT("EducationalAdministrationSys_ReceiveFile-list-change");
            this.NAV_BACK();
            this.TOAST("提交保存成功");
          });
          break;
        case "delete":
          if (!(await this.CONFIRM("删除项目", "确定要删除本项吗？", true))) {
            return;
          }
          this.LOADING("提交删除中...");
          this.HTTP_POST(
            "learun/adms/EducationalAdministration/Sys_ReceiveFile/delete",
            this.id,
            "删除失败"
          ).then((success) => {
            this.HIDE_LOADING();
            if (!success) {
              return;
            }
            this.EMIT("EducationalAdministrationSys_ReceiveFile-list-change");
            this.NAV_BACK();
            this.this.TOAST("删除成功", "success");
          });
          break;
        default:
          break;
      }
    }, // 获取表单值
    getValue(path) {
      return get(this.current, path);
    }, // 设置表单值
    setValue(path, val) {
      set(this.current, path, val);
    },
  },
};
</script>