import React, { useEffect, useState } from 'react'
import { message, Checkbox, Radio } from "antd/lib/index";
import { getPropertyData, guid, extendInclude, extendRule, getDataFieldValue, setDataFieldValue, initFilter, empty, onBeforeSaveHandleRecordLog, Format } from "../../utils/common";
import { connect } from 'dva';
import moment from 'moment';
import config from "../../config.js"
import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
import storage from '../../utils/storage'
import MD5 from "js-md5"
// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
/**
 * @return {string}
 */
// 编辑  事故事件调查结果填报
export default {

  onBeforeEdit: ({ isNew, login, stateData, data, setFieldEditable, getFieldValue, dispatch, ListCheckRiskArea, setFieldValueByBatch, setFieldVisible, setFieldValue }) => {
    if (!isNew) {
      setFieldEditable("CODE", false)
      if (stateData.NAME != undefined && stateData.NAME != null && stateData.ISLOCAL == true && stateData.NAME.length > 0) {
        setFieldEditable("Nav_Files", false)
      }
      if (stateData.ISLOCAL == false) {
        setFieldEditable("Nav_Files", false)
      }
      // if (stateData.Nav_Files) {
      //   getFieldValue("Nav_Files", stateData.Nav_Files)
      // }
    }

    //import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";   //此处插入 如果直接导入 发布会报错
    const script = document.createElement('script');
    script.src = 'https://player.polyv.net/resp/vod-upload-js-sdk/latest/vod-upload-js-sdk.min.js';
    document.body.appendChild(script);
  },
  handleRenderHeadControl(params) {
    if (params.colConfig.field === 'NAME') {
      var isEditFile = true//默认显示编辑按钮
      var isShowFile = false//默认文件显示
      // import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";

      // const script = document.createElement('script');
      // script.src = 'https://websdk.videocc.net/vod-upload-js-sdk/latest/vod-upload-js-sdk.min.js';
      // document.body.appendChild(script);

      //如果显示 本地文件   isShowFile true    isEditFile false
      var p = document.getElementById('upload-info')
      if (p != null) {
        p.innerHTML = ' '
      }
      if (params.record.ISLOCAL != null && params.record.ISLOCAL == false && params.record.FILE_PATH != null && params.record.FILE_PATH.indexOf('http') > -1) {
        isShowFile = true
        isEditFile = false
      }

      // 点播上传SDK 本地可以 发布不行
      const uploadInput = {
        key: 'fileBlv',
        type: "file",
        id: 'file',
        accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
        name: 'file',
        multiple: true,
        onChange(info) {
          let uploadFiles = info.target.files
          if (uploadFiles.length > 0) {
            console.log('事件触发58')
            // let PlvVideoUpload;
            // try {
            //   PlvVideoUpload = require('@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js');
            //   // PlvVideoUpload = require('@polyv/vod-upload-js-sdk');
            // } catch (e) {
            //   console.log(e)
            // }
            // 
            // 授权验证信息3分钟内有效，当 sign 过期时需要调用该方法更新
            const videoUpload = new PlvVideoUpload({
              region: 'line1', // auto：自动选择。根据IP的地区自动选择，当IP解析不出时使用默认值。
              // line1（默认值）：华南OSS bucket，对应ab-upload.polyv.net。
              // line2：华北OSS bucket，对应ab-upload2.polyv.net。
              events: {
                Error: (err) => {  // 错误事件回调
                  message.error(`上传失败！`);
                },
                UploadComplete: (infoResult) => {
                  //数据处理

                  // message.success(`上传成功`);
                }  // 全部上传任务完成回调
              }
            });
            var userid = params.colConfig.column.VERIFY_MSG
            var promptInfo = params.colConfig.column.PROMPT_INFO
            var secretkey = ""
            var writeToken = "";
            if (promptInfo && promptInfo.length > 0 && promptInfo.indexOf('|') > -1) {
              var promptInfoArr = promptInfo.split('|')
              secretkey = promptInfoArr[0]
              writeToken = promptInfoArr[1]
            }

            var ts = (new Date()).getTime()
            var sign = MD5(secretkey + ts)
            var hash = MD5(ts + writeToken)
            videoUpload.updateUserData({
              userid: userid, // Polyv云点播账号的ID
              ptime: ts, // 时间戳
              sign: sign, // <sign>是根据将secretkey和ts按照顺序拼凑起来的字符串进行MD5计算得到的值(小写)
              hash: hash, // <hash> 是根据将ts和writeToken按照顺序拼凑起来的字符串进行MD5计算得到的值(小写)
            });
            var file = uploadFiles[0]
            var cataid = '1746673652001'//每个公司对应的文件夹ID不一样 测试环境
            // "47xlk": 1746673652001   "xlk": 1746673689001,   "jd": 1746673724001,   "yl": 1746673761001,    "bb": 1746674077001,    "xt": 1746674428001,
            if (window.location.href.indexOf('localhost') == -1 && window.location.href.indexOf('47.122') == -1) { //不包含 localhost 正式环境
              switch (params.record.ORG_ID) {
                case 'B043B28B-BBC3-C452-6052-4FBA1457ABFA':
                  cataid = '1746673689001'//"xlk": 1746673689001,
                  break
                case '8F1CF418-8BF3-EA3F-7A6D-FC5D61247008':
                  cataid = '1746674428001'//"xt": 1746674428001,
                  break
                case 'D9871BA8-0EEC-9E4A-BB87-7D5A540D8913':
                  cataid = '1746673761001'//"yl": 1746673761001
                  break
                case '8B3C41AA-51B1-7CE9-1879-248A038C1B5C':
                  cataid = '1746673724001'//"jd": 1746673724001
                  break
                case '3EFD5276-632B-E379-9FF3-7A7546591FCA':
                  cataid = '1746674077001'// "bb": 1746674077001,
                  break
                default:
                  cataid = '1746673652001'//"47xlk": 1746673652001
                  break;
              }
            }
            var fileSetting = { // 文件上传相关信息设置
              title: file.name, // 标题
              desc: 'jssdk插件上传', // 描述
              cataid: cataid, // 上传分类目录ID
              tag: '', // 标签
              luping: 0, // 是否开启视频课件优化处理，对于上传录屏类视频清晰度有所优化：0为不开启，1为开启
              keepsource: 0, // 是否源文件播放（不对视频进行编码）：0为编码，1为不编码
              state: '' //用户自定义信息，如果提交了该字段，会在服务端上传完成回调时透传返回。
            }
            var html = ''
            var uploadManager = videoUpload.addFile(
              file, // file 为待上传的文件对象
              {
                FileStarted: function (uploadInfo) { // 文件开始上传回调
                  html = ''
                  document.getElementById('upload-info').innerHTML = ''
                  html += "文件上传开始: " + uploadInfo.fileData.title + "<br>"
                  // console.log("文件上传开始: " + uploadInfo.fileData.title);
                },
                FileProgress: function (uploadInfo) { // 文件上传过程返回上传进度信息回调
                  html += "文件上传中: " + (uploadInfo.progress * 100).toFixed(2) + '%' + "<br>"
                  // console.log("文件上传中: " + (uploadInfo.progress * 100).toFixed(2) + '%');
                  document.getElementById('upload-info').innerHTML = html
                },
                FileStopped: function (uploadInfo) { // 文件暂停上传回调
                  html += "文件上传停止: " + uploadInfo.fileData.title + "<br>"
                  // console.log("文件上传停止: " + uploadInfo.fileData.title);
                  document.getElementById('upload-info').innerHTML = html
                },
                FileSucceed: function (uploadInfo) { // 文件上传成功回调
                  html += "文件上传成功: " + uploadInfo.fileData.title + "<br>"
                  // console.log("文件上传成功: " + uploadInfo.fileData.title);
                  document.getElementById('upload-info').innerHTML = html
                  if (params.record.NAME == undefined || params.record.NAME == null || params.record.NAME.length < 1) {
                    const temps = [];
                    // temps.push({ field: 'Nav_Files', value: navFiles })
                    // temps.push({ field: 'IMG_FILE_ID', value: IMG_FILE_ID })
                    temps.push({ field: 'FILE_PATH', value: `http://share.polyv.net/front/video/view?vid=${uploadInfo.fileData.vid}` })
                    temps.push({ field: 'NAME', value: uploadInfo.fileData.filename })
                    temps.push({ field: 'ISLOCAL', value: false })
                    temps.push({ field: 'Nav_Files', value: null })
                    params.setFieldValueByBatch(temps);
                    params.setFieldEditable("Nav_Files", false)
                    message.success(`${uploadInfo.fileData.filename} 上传成功!`);
                  }
                },
                FileFailed: function (uploadInfo) { // 文件上传失败回调
                  html += "文件上传失败: " + uploadInfo.fileData.title + "<br>"
                  // console.log("文件上传失败: " + uploadInfo.fileData.title);
                  document.getElementById('upload-info').innerHTML = html
                }
              },
              fileSetting
            );
            videoUpload.startAll();
          }
        },
      };

      // const uploadInput = {
      //   key: 'fileBlv',
      //   type: "file",
      //   id: 'file',
      //   accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
      //   name: 'file',
      //   multiple: true,
      //   onChange(info) {
      //     let uploadFiles = info.target.files
      //     if (uploadFiles.length > 0) {
      //       // let PlvVideoUpload;
      //       // try {
      //       //   PlvVideoUpload = require('@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js');
      //       //   // PlvVideoUpload = require('@polyv/vod-upload-js-sdk');
      //       // } catch (e) {
      //       //   console.log(e)
      //       // }
      //       // 
      //       // 授权验证信息3分钟内有效，当 sign 过期时需要调用该方法更新
      //       const videoUpload = new PlvVideoUpload({
      //         region: 'line1', // auto：自动选择。根据IP的地区自动选择，当IP解析不出时使用默认值。
      //         // line1（默认值）：华南OSS bucket，对应ab-upload.polyv.net。
      //         // line2：华北OSS bucket，对应ab-upload2.polyv.net。
      //         events: {
      //           Error: (err) => {  // 错误事件回调
      //             message.error(`上传失败！`);
      //           },
      //           UploadComplete: (infoResult) => {
      //             //数据处理

      //             // message.success(`上传成功`);
      //           }  // 全部上传任务完成回调
      //         }
      //       });
      //       console.log('事件触发60')
      //       var userid = params.colConfig.column.VERIFY_MSG
      //       var promptInfo = params.colConfig.column.PROMPT_INFO
      //       var secretkey = ""
      //       var writeToken = "";
      //       if (promptInfo && promptInfo.length > 0 && promptInfo.indexOf('|') > -1) {
      //         var promptInfoArr = promptInfo.split('|')
      //         secretkey = promptInfoArr[0]
      //         writeToken = promptInfoArr[1]
      //       }

      //       var ts = (new Date()).getTime()
      //       var sign = MD5(secretkey + ts)
      //       var hash = MD5(ts + writeToken)
      //       videoUpload.updateUserData({
      //         userid: userid, // Polyv云点播账号的ID
      //         ptime: ts, // 时间戳
      //         sign: sign, // <sign>是根据将secretkey和ts按照顺序拼凑起来的字符串进行MD5计算得到的值(小写)
      //         hash: hash, // <hash> 是根据将ts和writeToken按照顺序拼凑起来的字符串进行MD5计算得到的值(小写)
      //       });


      //       var file = uploadFiles[0]
      //       var cataid = '1746673652001'//每个公司对应的文件夹ID不一样 测试环境
      //       // "47xlk": 1746673652001   "xlk": 1746673689001,   "jd": 1746673724001,   "yl": 1746673761001,    "bb": 1746674077001,    "xt": 1746674428001,

      //       if (window.location.href.indexOf('localhost') == -1 || window.location.href.indexOf('47.122') == -1) { //不包含 localhost 正式环境
      //         switch (params.record.ORG_ID) {
      //           case 'B043B28B-BBC3-C452-6052-4FBA1457ABFA':
      //             cataid = '1746673689001'//"xlk": 1746673689001,
      //             break
      //           case '8F1CF418-8BF3-EA3F-7A6D-FC5D61247008':
      //             cataid = '1746674428001'//"xt": 1746674428001,
      //             break
      //           case 'D9871BA8-0EEC-9E4A-BB87-7D5A540D8913':
      //             cataid = '1746673761001'//"yl": 1746673761001
      //             break
      //           case '8B3C41AA-51B1-7CE9-1879-248A038C1B5C':
      //             cataid = '1746673724001'//"jd": 1746673724001
      //             break
      //           case '3EFD5276-632B-E379-9FF3-7A7546591FCA':
      //             cataid = '1746674077001'// "bb": 1746674077001,
      //             break
      //           default:
      //             cataid = '1746673652001'//"47xlk": 1746673652001
      //             break;
      //         }
      //       }

      //       console.log(cataid)

      //       var fileSetting = { // 文件上传相关信息设置
      //         title: file.name, // 标题
      //         desc: 'jssdk插件上传', // 描述
      //         cataid: cataid, // 上传分类目录ID
      //         tag: '', // 标签
      //         luping: 0, // 是否开启视频课件优化处理，对于上传录屏类视频清晰度有所优化：0为不开启，1为开启
      //         keepsource: 0, // 是否源文件播放（不对视频进行编码）：0为编码，1为不编码
      //         state: '' //用户自定义信息，如果提交了该字段，会在服务端上传完成回调时透传返回。
      //       }
      //       var html = ''
      //       var uploadManager = videoUpload.addFile(
      //         file, // file 为待上传的文件对象
      //         {
      //           FileStarted: function (uploadInfo) { // 文件开始上传回调
      //             html = ''
      //             document.getElementById('upload-info').innerHTML = ''
      //             html += "文件上传开始: " + uploadInfo.fileData.title + "<br>"
      //             // console.log("文件上传开始: " + uploadInfo.fileData.title);
      //           },
      //           FileProgress: function (uploadInfo) { // 文件上传过程返回上传进度信息回调
      //             html += "文件上传中: " + (uploadInfo.progress * 100).toFixed(2) + '%' + "<br>"
      //             // console.log("文件上传中: " + (uploadInfo.progress * 100).toFixed(2) + '%');
      //             document.getElementById('upload-info').innerHTML = html
      //           },
      //           FileStopped: function (uploadInfo) { // 文件暂停上传回调
      //             html += "文件上传停止: " + uploadInfo.fileData.title + "<br>"
      //             // console.log("文件上传停止: " + uploadInfo.fileData.title);
      //             document.getElementById('upload-info').innerHTML = html
      //           },
      //           FileSucceed: function (uploadInfo) { // 文件上传成功回调
      //             html += "文件上传成功: " + uploadInfo.fileData.title + "<br>"
      //             // console.log("文件上传成功: " + uploadInfo.fileData.title);
      //             document.getElementById('upload-info').innerHTML = html
      //             if (params.record.NAME == undefined || params.record.NAME == null || params.record.NAME.length < 1) {
      //               const temps = [];
      //               // temps.push({ field: 'Nav_Files', value: navFiles })
      //               // temps.push({ field: 'IMG_FILE_ID', value: IMG_FILE_ID })
      //               temps.push({ field: 'FILE_PATH', value: `http://share.polyv.net/front/video/view?vid=${uploadInfo.fileData.vid}` })
      //               temps.push({ field: 'NAME', value: uploadInfo.fileData.filename })
      //               temps.push({ field: 'ISLOCAL', value: false })
      //               temps.push({ field: 'Nav_Files', value: null })
      //               params.setFieldValueByBatch(temps);
      //               params.setFieldEditable("Nav_Files", false)
      //               message.success(`${uploadInfo.fileData.filename} 上传成功!`);
      //             }
      //           },
      //           FileFailed: function (uploadInfo) { // 文件上传失败回调
      //             html += "文件上传失败: " + uploadInfo.fileData.title + "<br>"
      //             // console.log("文件上传失败: " + uploadInfo.fileData.title);
      //             document.getElementById('upload-info').innerHTML = html
      //           }
      //         },
      //         fileSetting
      //       );
      //       videoUpload.startAll();
      //     }
      //   },
      // };

      return <>
        <div key="keyD1" className="ant-col ant-col-lg-12 ant-col-xxl-8">
          <div key="keyD2">
            <div key="keyD3" className="ant-col ant-col-24 ant-form-item-label">
              <label key="LNAME">
                <span key="keyS1">上传视频（保利威）</span>
              </label>
            </div>
            <div key="keyD4" className="ant-col ant-col-18 ant-form-item-control-wrapper">
              <Input {...uploadInput} style={{ height: '39px' }} key="keyI1" disabled={(params.record.NAME == null || params.record.NAME.length == 0) ? false : true} />
              {isEditFile && <p key="keyP1" id="upload-info">&nbsp;&nbsp;</p>}
              {isShowFile && <a key="keyA1" href={params.record.FILE_PATH} target="_blank">{params.record.NAME}</a>}
            </div>
          </div>
        </div>
      </>
    } else if (params.colConfig.field === 'Nav_Files') {
      //重写 使只上传视频  并且控制按钮不可操作
      const Tenant = storage('lacal').getItem('Tenant').val;
      var isEditFile = true//默认显示编辑按钮
      var isShowFile = false//默认文件显示
      //如果显示 本地文件   isShowFile true    isEditFile false
      if (params.record.ISLOCAL == true && params.record.Nav_Files != null && params.record.Nav_Files.length > 0) {
        isEditFile = false
        isShowFile = true
      }
      // if (params.record.Nav_Files && params.record.Nav_Files.length > 0) {
      //   params.record['Files'] = params.record.Nav_Files
      // }
      //上传到本地服务器
      const uploadSopProps = {
        accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
        name: 'file',
        action: config.serviceHost('api/PF/File/UploadFile'),
        data: { OrgId: params.login.OrgId },
        fileList: params.record['Files'],//Files  Nav_Files
        headers: {
          Tenant: Tenant,
        },
        onChange(info) {
          params.record['Files'] = [...info.fileList];
          // params.saveRowRecord(params.record);
          // params.record.NAME = info.file.name;
          // if (info.file.status !== 'uploading') {
          // }
          if (info.file.status === 'removed') {
            if (info.file.response && info.file.response.file) {
              info.file.response.file.IS_DELETED = true;
            }
          }
          if (info.file.status === 'done') {
            let uploadFiles = [...info.fileList]
            if (uploadFiles) {
              let navFiles = [];
              var IMG_FILE_ID = ''
              var FILE_PATH = ''
              uploadFiles.forEach(t => {
                if (t.response) {
                  //附件信息赋值给数据库对象，多个附件需要遍历附件信息
                  IMG_FILE_ID = t.response.Data.imgFileID
                  FILE_PATH = t.response.Data.imgFilePath
                  navFiles.push({
                    FILE_DB_ID: params.record.ID,
                    ORG_ID: params.record.ORG_ID,
                    IMG_FILE_ID: IMG_FILE_ID,   //附件表文件名称
                    ID: t.response.file ? t.uid : guid()//标记ID
                  })
                }
              });

              const temps = [];
              temps.push({ field: 'Nav_Files', value: navFiles })
              temps.push({ field: 'IMG_FILE_ID', value: IMG_FILE_ID })
              temps.push({ field: 'FILE_PATH', value: FILE_PATH })
              temps.push({ field: 'NAME', value: info.file.name })
              params.setFieldValueByBatch(temps);
              params.setFieldEditable("NAME", false)
            }
            // params.setFieldEditable("ISLOCAL", false)
            message.success(`${info.file.name} 上传成功`);
          } else if (info.file.status === 'error') {
            message.error(`${info.file.name} 上传失败！`);
          }
          if (info.file.status != 'done') {
            //上传成功回调不处理数据赋值
            const temps2 = [];
            temps2.push({ field: 'Nav_Files', value: params.record['Files'] })
            temps2.push({ field: 'NAME', value: info.file.name })
            params.setFieldValueByBatch(temps2);
          }
        },
      };
      return <>
        <div className="ant-col ant-col-lg-12 ant-col-xxl-8">
          <div>
            <div className="ant-col ant-col-24 ant-form-item-label">
              <label>
                <span>上传视频（本地服务）</span>
              </label>
            </div>
            <div className="ant-col ant-col-18 ant-form-item-control-wrapper">
              {/* {isShowFile && <Attachment disabled={false} value={"附件上传"} colConfig={params.colConfig} record={params.record} />} */}
              {isShowFile && <Input type="file" style={{ height: '39px' }} key="keyI1" disabled={true} />}
              {isShowFile && <a key="keyA21" href={config.picServerHost + params.record.FILE_PATH} target="_blank">{params.record.NAME}</a>}
              {isEditFile && <Upload  {...uploadSopProps}>
                <Button disabled={(params.record.NAME == null || params.record.NAME.length == 0) ? false : true}>
                  <Icon type="upload" />上传视频
                </Button>
              </Upload>}

              {/* <Upload  {...uploadSopProps}>
                <Button disabled={(params.record.NAME == null || params.record.NAME.length == 0) ? false : true}>
                  <Icon type="upload" />上传视频
                </Button>
              </Upload> */}
              {/*               
            <div key="keyD4" className="ant-col ant-col-18 ant-form-item-control-wrapper">
              <Input {...uploadInput} style={{ height: '39px' }} key="keyI1" disabled={(params.record.NAME == null || params.record.NAME.length == 0) ? false : true} />
              {isEditFile && <p key="keyP1" id="upload-info">&nbsp;</p>}
              {isShowFile && <a key="keyA1" href={params.record.FILE_PATH} target="_blank">{params.record.NAME}</a>}
            </div>
             */}
            </div>
          </div>
        </div>
      </>
    }
  },
}