component-sanzhizhou 1.0.0

package/dist/VideoPublish/task-list/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    disabled?: boolean;
+    env?: Global.Env;
+}
+declare const VideoPublishTaskList: React.FC<Props>;
+export default VideoPublishTaskList;

package/dist/VideoPublish/task-list/index.js

@@ -0,0 +1,224 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishController from "../../service/api/VideoPublishController";
+import { Button, Space, Table, Tag } from "antd";
+import VideoPublishTaskListQuery from "./query";
+import Time from "../../UI/Time";
+import Money from "../../UI/Money";
+import ProductTypeDict from "../../Product/dict";
+import Tool from "../../lib/Tool";
+import VideoPublishTaskPlanList from "./plan/list";
+import VideoPublishTaskPlanStatus from "./plan/status";
+import VideoPublishTaskWhoCanView from "./who-can-view";
+import Enabled from "../../UI/enabled";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var VideoPublishTaskList = function VideoPublishTaskList(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 20,
+      total: 0,
+      simple: true,
+      showSizeChanger: false,
+      showQuickJumper: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var _useState5 = useState({
+      startTime: 0,
+      // Date.now(),
+      endTime: 0,
+      //Date.now(),
+      timeFromKind: 'publishTime'
+      // taskStatus: '',
+      // keyword: '',
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '视频来源',
+    dataIndex: 'videoFrom',
+    key: 'videoFrom',
+    render: function render(videoFrom, record) {
+      if (videoFrom === 'local') {
+        return /*#__PURE__*/_jsx(Tag, {
+          children: "\u672C\u5730\u7535\u8111"
+        });
+      }
+      return /*#__PURE__*/_jsx(ProductTypeDict, {
+        productType: (record === null || record === void 0 ? void 0 : record.taskFromProductType) || '任务'
+      });
+    }
+  }, {
+    title: '视频数量',
+    dataIndex: 'videoAmount',
+    key: 'videoAmount',
+    render: function render(videoAmount) {
+      return /*#__PURE__*/_jsx(Money, {
+        pre: "",
+        value: videoAmount,
+        end: "\u4E2A",
+        precision: 0
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u72B6\u6001"
+    }),
+    dataIndex: 'planStatus',
+    key: 'planStatus',
+    render: function render(planStatus) {
+      return /*#__PURE__*/_jsx(VideoPublishTaskPlanStatus, {
+        status: planStatus
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u8C01\u80FD\u770B"
+    }),
+    dataIndex: 'whoCanView',
+    key: 'whoCanView',
+    render: function render(whoCanView) {
+      return /*#__PURE__*/_jsx(VideoPublishTaskWhoCanView, {
+        whoCanView: whoCanView
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u80FD\u5426\u4E0B\u8F7D"
+    }),
+    dataIndex: 'downloadContent',
+    key: 'downloadContent',
+    render: function render(downloadContent) {
+      return /*#__PURE__*/_jsx(Enabled, {
+        enabled: downloadContent != '0',
+        enabledText: "\u5141\u8BB8\u4E0B\u8F7D",
+        disabledText: "\u7981\u6B62\u4E0B\u8F7D"
+      });
+    }
+  },
+  //
+  {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u5B9A\u65F6\u5C55\u793A\u65F6\u95F4"
+    }),
+    dataIndex: 'startTime',
+    key: 'startTime',
+    render: function render(startTime) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: startTime
+      });
+    }
+  }, {
+    title: '创建时间',
+    dataIndex: 'created',
+    key: 'created',
+    render: function render(created) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: created
+      });
+    }
+  }, {
+    title: '发布计划',
+    dataIndex: '——',
+    key: '——',
+    render: function render(_, record) {
+      return /*#__PURE__*/_jsx(Space, {
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          size: "small",
+          onClick: function onClick() {
+            return onTaskPlan((record === null || record === void 0 ? void 0 : record.id) || 0);
+          },
+          children: "\u67E5\u770B"
+        })
+      });
+    }
+  }];
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    runTaskList(query, 1);
+  };
+  var _useRequest = useRequest(function () {
+      var postQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : query;
+      var current = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pagination.current;
+      return VideoPublishController.taskList(_objectSpread(_objectSpread({}, postQuery), {}, {
+        current: current,
+        pageSize: pagination.pageSize
+      }), {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+        setPagination(_objectSpread(_objectSpread({}, pagination), result.pagination));
+      }
+    }),
+    runTaskList = _useRequest.run,
+    loadingTaskList = _useRequest.loading,
+    errorTaskList = _useRequest.error;
+  var onTaskPlan = function onTaskPlan(publishTaskId) {
+    var dialog = Tool.drawer({
+      title: '发布任务计划',
+      content: /*#__PURE__*/_jsx(VideoPublishTaskPlanList, {
+        env: env,
+        publishTaskId: publishTaskId,
+        timeFromKind: query.timeFromKind
+      }),
+      width: 1200
+    });
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loadingTaskList,
+    error: errorTaskList,
+    onReload: runTaskList,
+    title: "\u53D1\u5E03\u5217\u8868",
+    className: "videoPublishTaskList",
+    extInfo: /*#__PURE__*/_jsx(VideoPublishTaskListQuery, {
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id);
+      },
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: pagination,
+      onChange: function onChange(page, filters, sorter, extra) {
+        runTaskList(query, page.current);
+      }
+    })
+  });
+};
+export default VideoPublishTaskList;

package/dist/VideoPublish/task-list/index.less

@@ -0,0 +1,8 @@
+.videoPublishTaskList{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .ant-pagination-options{
+    display: none;
+  }
+}

package/dist/VideoPublish/task-list/plan/list.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./list.less";
+interface Props {
+    env?: Global.Env;
+    publishTaskId: number;
+    accountId?: number;
+    startTime?: number;
+    endTime?: number;
+    timeFromKind: VideoPublishStatisticPublish.TimeFromKind;
+}
+declare const VideoPublishTaskPlanList: React.FC<Props>;
+export default VideoPublishTaskPlanList;

package/dist/VideoPublish/task-list/plan/list.js

@@ -0,0 +1,290 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./list.less";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishTaskPlanController from "../../../service/api/VideoPublishTaskPlanController";
+import { Popover, Table, Tooltip } from "antd";
+import Time from "../../../UI/Time";
+import VideoPublishTaskPlanStatus from "./status";
+import { FileTextOutlined, QuestionCircleOutlined, VideoCameraOutlined } from "@ant-design/icons";
+import VideoKindTag from "../../../component/videoKindTag";
+import { onMediaShowView } from "../../../component/media-show";
+import VideoPublishVideoAccountBaseInfo from "../../video-account/base-info";
+import VideoPublishTaskPlanOperate from "./operate";
+import LayoutContent from "../../../UI/LayoutContent";
+import VideoPublishTaskPlanListQuery from "./query";
+import dayjs from "dayjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishTaskPlanList = function VideoPublishTaskPlanList(_ref) {
+  var env = _ref.env,
+    _ref$publishTaskId = _ref.publishTaskId,
+    publishTaskId = _ref$publishTaskId === void 0 ? 0 : _ref$publishTaskId,
+    _ref$accountId = _ref.accountId,
+    accountId = _ref$accountId === void 0 ? 0 : _ref$accountId,
+    _ref$startTime = _ref.startTime,
+    startTime = _ref$startTime === void 0 ? 0 : _ref$startTime,
+    _ref$endTime = _ref.endTime,
+    endTime = _ref$endTime === void 0 ? 0 : _ref$endTime,
+    timeFromKind = _ref.timeFromKind;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 20,
+      total: 0,
+      simple: true,
+      showSizeChanger: false,
+      showQuickJumper: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var _useState5 = useState({
+      isBan: '',
+      status: '',
+      startTime: startTime,
+      // Date.now(),
+      endTime: endTime //Date.now(),
+      // taskStatus: '',
+      // keyword: '',
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '编号',
+    dataIndex: 'id',
+    key: 'id'
+  }, {
+    title: '发布账号',
+    dataIndex: 'platform',
+    key: 'platform',
+    render: function render(platform, record) {
+      return /*#__PURE__*/_jsx(VideoPublishVideoAccountBaseInfo, {
+        accountInfo: record === null || record === void 0 ? void 0 : record.accountInfo
+      });
+    }
+  }, {
+    title: '来源任务',
+    dataIndex: 'productTaskId',
+    key: 'productTaskId'
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u72B6\u6001"
+    }),
+    dataIndex: 'status',
+    key: 'status',
+    render: function render(status, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx(VideoPublishTaskPlanStatus, {
+          status: status
+        }), (record === null || record === void 0 ? void 0 : record.taskMessage) && /*#__PURE__*/_jsx(Tooltip, {
+          title: record === null || record === void 0 ? void 0 : record.taskMessage,
+          children: /*#__PURE__*/_jsx("a", {
+            className: "high",
+            children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
+          })
+        })]
+      });
+    }
+  }, {
+    title: '标题',
+    dataIndex: 'title',
+    key: 'title',
+    render: function render(title, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return title && /*#__PURE__*/_jsx(Popover, {
+        title: "\u6807\u9898",
+        content: title,
+        children: /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsx(FileTextOutlined, {})
+        })
+      });
+    }
+  }, {
+    title: '简介',
+    dataIndex: 'introduction',
+    key: 'introduction',
+    render: function render(introduction, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return introduction && /*#__PURE__*/_jsx(Popover, {
+        title: "\u7B80\u4ECB",
+        content: introduction,
+        children: /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsx(FileTextOutlined, {})
+        })
+      });
+    }
+  }, {
+    title: '类型标签',
+    dataIndex: 'videoKindTag',
+    key: 'videoKindTag',
+    render: function render(videoKindTag, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return /*#__PURE__*/_jsx(VideoKindTag, {
+        videoKindTag: videoKindTag
+      });
+    }
+  }, {
+    title: '标签',
+    dataIndex: 'kindTagValue',
+    key: 'kindTagValue',
+    render: function render(kindTagValue, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      return kindTagValue && /*#__PURE__*/_jsx(Popover, {
+        title: "\u5E26\u8D27/\u5C0F\u7A0B\u5E8F/\u5B9A\u4F4D",
+        content: kindTagValue,
+        children: /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsx(FileTextOutlined, {})
+        })
+      });
+    }
+  }, {
+    title: '品标',
+    dataIndex: 'goodsTitle',
+    key: 'goodsTitle',
+    render: function render(goodsTitle, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return goodsTitle && /*#__PURE__*/_jsx(Popover, {
+        title: "\u5546\u54C1\u6807\u9898",
+        content: goodsTitle,
+        children: /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsx(FileTextOutlined, {})
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u89C6\u9891"
+    }),
+    dataIndex: 'videoUrl',
+    key: 'videoUrl',
+    render: function render(videoUrl) {
+      return /*#__PURE__*/_jsx(Tooltip, {
+        title: videoUrl,
+        children: /*#__PURE__*/_jsx("a", {
+          onClick: function onClick() {
+            return onMediaShowView('', videoUrl, 'video');
+          },
+          children: /*#__PURE__*/_jsx(VideoCameraOutlined, {})
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u5B9A\u65F6"
+    }),
+    dataIndex: 'publishTime',
+    key: 'publishTime',
+    render: function render(publishTime) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: publishTime
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx(_Fragment, {
+      children: "\u521B\u5EFA"
+    }),
+    dataIndex: 'created',
+    key: 'created',
+    render: function render(created) {
+      return /*#__PURE__*/_jsx(Time, {
+        time: created
+      });
+    }
+  }, {
+    title: '操作',
+    dataIndex: '——',
+    key: '——',
+    render: function render(_, record) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      // const status = record?.status || '';
+      if (!record) {
+        return record;
+      }
+      return /*#__PURE__*/_jsx(VideoPublishTaskPlanOperate, {
+        itemData: record,
+        env: env,
+        onStatusChange: function onStatusChange(status) {
+          console.log('onStatusChange 1');
+          // runTaskList();
+          listData[index].status = status;
+          setListData(_toConsumableArray(listData));
+        }
+      });
+    }
+  }];
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    runTaskList(query, 1);
+  };
+  var _useRequest = useRequest(function () {
+      var postQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : query;
+      var current = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pagination.current;
+      return VideoPublishTaskPlanController.list(_objectSpread(_objectSpread({
+        publishTaskId: publishTaskId,
+        accountId: accountId
+      }, postQuery), {}, {
+        startTime: postQuery.startTime > 10000 ? Math.floor(dayjs(postQuery.startTime).startOf('date').valueOf() * 0.001) || 0 : 0,
+        endTime: postQuery.endTime > 10000 ? Math.floor(dayjs(postQuery.endTime).endOf('date').valueOf() * 0.001) || 0 : 0,
+        timeFromKind: timeFromKind,
+        current: current,
+        pageSize: pagination.pageSize
+      }), {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+        setPagination(_objectSpread(_objectSpread({}, pagination), result.pagination));
+      }
+    }),
+    runTaskList = _useRequest.run,
+    loadingTaskList = _useRequest.loading,
+    errorTaskList = _useRequest.error;
+  return /*#__PURE__*/_jsx(LayoutContent, {
+    loading: loadingTaskList,
+    error: errorTaskList,
+    onReload: runTaskList,
+    title: "\u4EFB\u52A1\u8BA1\u5212",
+    className: "videoPublishTaskPlanList",
+    extInfo: /*#__PURE__*/_jsx(VideoPublishTaskPlanListQuery, {
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.id, "-").concat(record.status);
+      },
+      rowClassName: function rowClassName(record) {
+        return "row-".concat(record.status);
+      },
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: pagination,
+      onChange: function onChange(page, filters, sorter, extra) {
+        runTaskList(query, page.current);
+      }
+    })
+  });
+};
+export default VideoPublishTaskPlanList;

package/dist/VideoPublish/task-list/plan/list.less

@@ -0,0 +1,87 @@
+.videoPublishTaskPlanList{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .ant-pagination-options{
+    display: none;
+  }
+
+  .article{
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    &.valid{
+      .isLoginValid{
+        background-color: #00bc00;
+      }
+      .shopName{
+        color: #005a00;
+      }
+    }
+    &.invalid{
+      background-color: #e1e1e1;
+      .isLoginValid{
+        background-color: red;
+      }
+      .shopName{
+        color: #999;
+        font-weight: 300;
+      }
+      .avatarUrl{
+        opacity: 0.5;
+        filter: grayscale(100%);
+      }
+    }
+    .avatar{
+      position: relative;
+      width: 40px;
+      //box-shadow: 0 0 5px #EEE;
+      .avatarUrl{
+        border-radius: 100px;
+        box-shadow: 0 0 5px #EEE;
+      }
+      .isLoginValid{
+        position: absolute;
+        left: 35px;
+        top: 35px;
+        width: 8px;
+        height: 8px;
+        border-radius: 100px;
+      }
+    }
+    .shopName{
+      max-width: 150px;
+      color: #666;
+      display: inline-block;
+      text-overflow: ellipsis;
+      //line-height: 30px;
+      font-size: 12px;
+      padding: 1px 0 0 12px;
+      line-height: 1.1em;
+      word-break: keep-all;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+    .nicknameRemark{
+      max-width: 150px;
+      color: #666;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      //background-color: #F6F6F6;
+      padding: 2px 0 1px;
+      font-weight: 300;
+    }
+    .uniqueId{
+      padding: 1px 0 0;
+      font-size: 12px;
+      opacity: 0.6;
+    }
+  }
+
+  .row-repeal{
+    //opacity: 0.5;
+    -webkit-filter: grayscale(100%);
+    filter: grayscale(100%);
+  }
+}

package/dist/VideoPublish/task-list/plan/operate.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    env?: Global.Env;
+    itemData: VideoPublishTaskPlan.List;
+    onStatusChange: (status: VideoPublishTaskPlan.PlanStatus) => void;
+}
+declare const VideoPublishTaskPlanOperate: React.FC<Props>;
+export default VideoPublishTaskPlanOperate;