fastlion-amis
Version:
一种MIS页面生成工具
118 lines (117 loc) • 8.97 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
require("./index.scss");
var Button_1 = (0, tslib_1.__importDefault)(require("../../../../../components/Button"));
var icons_1 = require("../../../../../components/icons");
var FlowRecords = function (props) {
var userIcon = function (val) {
switch (val) {
case 1:
// 创建者
return react_1.default.createElement(icons_1.Icon, { icon: 'newlyadded', className: 'icon' });
case 2:
//签收签核
return react_1.default.createElement(icons_1.Icon, { icon: 'signIn', className: 'icon' });
case 3:
// 添加
return react_1.default.createElement(icons_1.Icon, { icon: 'edit', className: 'icon' });
case 4:
// 标记
return react_1.default.createElement(icons_1.Icon, { icon: 'fistribution', className: 'icon' });
case 5:
// 添加用户
return; //<Icon icon={'examine'} className='icon' ></Icon>
case 6:
// 新增用户
return react_1.default.createElement(icons_1.Icon, { icon: 'adduser', className: 'icon' });
default:
return;
}
};
var daer = {
name: "唐舞麟",
//t2： 1是拒绝2.驳回，3是同意
// conent：备注内容
// ent:1为提交者，0为审批着
//
first: [
{ name: '唐舞麟', ent: '1', icon: 1, conents: '文件', time: '2022-12-22 23:59:59' },
{ name: '唐三', t2: 1, conent: '同意请求，', ent: '0', icon: 2, time: '2022-12-22 23:59:59' },
{ name: '唐浩', t2: 1, conent: '同意请求，', ent: '0', icon: 3, time: '2022-12-22 23:59:59' },
{ name: '宁荣荣', t2: 3, conent: '同意请求', ent: '0', icon: 4, time: '2022-12-22 23:59:59' },
{ name: '唐舞麟', ent: '1', icon: 6, conents: '文件', time: '2022-12-22 23:59:59' },
{ name: '唐三', t2: 3, conent: '同意请求，', ent: '0', icon: 6, time: '2022-12-22 23:59:59' },
],
};
return (react_1.default.createElement("div", { className: 'process_information' },
react_1.default.createElement("div", { className: 'process_flow_chart' },
react_1.default.createElement("div", { className: 'process_icon' },
react_1.default.createElement("div", { className: 'process_icon_icon' },
react_1.default.createElement(icons_1.Icon, { icon: 'newlyadded', className: 'icon' })),
react_1.default.createElement("div", { className: 'process_icon_line' })),
react_1.default.createElement("div", { className: 'process_cosntent' },
react_1.default.createElement("div", { className: 'process_head_area' },
react_1.default.createElement("div", { className: 'process_head_area_head' },
react_1.default.createElement("div", { className: 'process_head_area_constent' },
react_1.default.createElement("span", { className: 'process_head_area_name' }, "\u5510\u821E\u9E9F"),
react_1.default.createElement("span", { className: 'process_head_operation' }, "\u521B\u5EFA")),
react_1.default.createElement("span", { className: 'process_head_demand_button' },
react_1.default.createElement(Button_1.default, { level: 'link', onClick: function () {
// setCollpased(!collpased)
} }))),
react_1.default.createElement("div", { className: 'process_head_time' }, "2022-12-22 23:59:59")),
react_1.default.createElement("div", { className: 'process_drop_down_area' }))),
daer.first.map(function (item) {
var _a = (0, react_1.useState)(false), collpased = _a[0], setCollpased = _a[1];
return react_1.default.createElement("div", { className: 'process_flow_chart' },
react_1.default.createElement("div", { className: 'process_icon' },
react_1.default.createElement("div", { className: 'process_icon_icon' }, userIcon(item.icon)),
react_1.default.createElement("div", { className: 'process_icon_line' })),
react_1.default.createElement("div", { className: 'process_cosntent' },
react_1.default.createElement("div", { className: 'process_head_area' },
react_1.default.createElement("div", { className: 'process_head_area_head' },
react_1.default.createElement("div", { className: 'process_head_area_constent' },
react_1.default.createElement("span", { className: 'process_head_area_name' }, item.name),
item.ent == 0 &&
react_1.default.createElement("span", { className: 'process_head_operation', style: { color: '#red' } }, (item === null || item === void 0 ? void 0 : item.t2) == 1 ?
'同意'
:
(item === null || item === void 0 ? void 0 : item.t2) == 2 ?
'驳回'
:
'拒绝'),
react_1.default.createElement("span", { className: 'process_head_action' }, "\u65B0\u589E"),
react_1.default.createElement("span", { className: 'process_head_demand' }, "\u5BA1\u6279\u4EBA"),
react_1.default.createElement("span", { className: 'process_head_demand' }, "\u5E76\u6DFB\u52A0"),
react_1.default.createElement("span", { className: 'process_head_demand' }, "\u5907\u6CE8")),
react_1.default.createElement("span", { className: 'process_head_demand_button' },
react_1.default.createElement(Button_1.default, { level: 'link', onClick: function () { setCollpased(!collpased); } },
react_1.default.createElement(icons_1.Icon, { icon: 'more', className: 'icon' })))),
react_1.default.createElement("div", { className: 'process_head_time' }, item.time)),
collpased && react_1.default.createElement("div", { className: 'process_drop_down_area' },
react_1.default.createElement("div", { className: 'process_drop_down_area_div' },
react_1.default.createElement("div", { className: 'process_drop_down_area_conteng' },
react_1.default.createElement("p", null,
"\u65B0\u589E\u5BA1\u6279\u4EBA:",
react_1.default.createElement("span", null, "\u5510\u68A7\u6850"),
react_1.default.createElement("span", null, "\u5510\u7B11"))),
react_1.default.createElement("div", { className: 'process_drop_down_area_conteng' },
react_1.default.createElement("p", null, "\u540C\u610F\u7533\u8BF7"))))));
}),
react_1.default.createElement("div", { className: 'process_flow_chart' },
react_1.default.createElement("div", { className: 'process_icon' },
react_1.default.createElement("div", { className: 'process_icon_icon' },
react_1.default.createElement(icons_1.Icon, { icon: 'signIn', className: 'icon' }))),
react_1.default.createElement("div", { className: 'process_cosntent' },
react_1.default.createElement("div", { className: 'process_head_area' },
react_1.default.createElement("div", { className: 'process_head_area_head' },
react_1.default.createElement("div", { className: 'process_head_area_constent' },
react_1.default.createElement("span", { className: 'process_head_area_name' }, "\u5510\u821E\u9E9F"),
react_1.default.createElement("span", { className: 'process_head_operation' }, "\u7ED3\u675F"))),
react_1.default.createElement("div", { className: 'process_head_time' }, "2022-12-22 23:59:59"))))));
};
// 名字 ：干了什么事 ：什么事情的内容
exports.default = FlowRecords;
//# sourceMappingURL=./renderers/Lion/Mobileprocess/components/flowRecords/indedx.js.map