Function ImageView

src/components/Grid/imageViewer/index.jsx:11–128

(props)

const isAdmin = localStorage.getItem('userRole') === 'admin' ? true : false;//模板的编辑和删除权限
const { confirm } = Modal;
function ImageView(props) {
  const { handlePreview } = props;
  const [files, setFiles] = useState(props.files || []);
  console.log(files)
  const [visiblePreview, setVisiblePreview] = useState(false)
  function imgClick(item) {
    handlePreview(item)
  }
  function openModal() {
    props.openModal()
  }
  function createBlankScreen() {
    props.createBlankScreen()
  }
  const goEdit = id => {
    if(!id){
      message.error('系统模板不可编辑')
      return;
    }
    router.push({
      pathname: '/workspace',
      query: { templateName: id }
    });
  }
  const copyScreen = id => {
    props.copyScreen(id)
  }
  const getType = () => {
    if (props.isSystemTemplate) {
      return '模板'
    } if (props.isPrivate) {
      return '组件'
    }
    return '大屏'

  }
  const deleteScreen = id => {
    confirm({
      title: `确定删除此${getType()}？此操作不可逆！`,
      getContainer: document.getElementById("workspace"),
      icon: <ExclamationCircleOutlined />,
      okText: '确定',
      okType: 'danger',
      okButtonProps: {
        ghost: true
      },
      maskClosable: true,
      mask: true,
      cancelText: '取消',
      cancelButtonProps: {
        ghost: true
      },
      onOk() {
        props.deleteSelectedTemplate(id)
      },
      onCancel() { },
    });
  }