Merge pull request #1895 from visuddhinanda/agile

title 固定宽度

dashboard/src/components/channel/ChannelTable.tsx

@@ -174,6 +174,7 @@ const ChannelTableWidget = ({
               id: "forms.fields.title.label",
             }),
             dataIndex: "title",
+            width: 250,
             key: "title",
             tip: "过长会自动收缩",
             ellipsis: true,
@@ -225,7 +226,7 @@ const ChannelTableWidget = ({
             }),
             dataIndex: "role",
             key: "role",
-            width: 100,
+            width: 80,
             search: false,
             filters: true,
             onFilter: true,
@@ -264,7 +265,7 @@ const ChannelTableWidget = ({
             }),
             dataIndex: "type",
             key: "type",
-            width: 100,
+            width: 80,
             search: false,
             filters: true,
             onFilter: true,
@@ -313,7 +314,7 @@ const ChannelTableWidget = ({
             }),
             dataIndex: "publicity",
             key: "publicity",
-            width: 100,
+            width: 80,
             search: false,
             filters: true,
             onFilter: true,
@@ -333,7 +334,7 @@ const ChannelTableWidget = ({
           {
             title: intl.formatMessage({ id: "buttons.option" }),
             key: "option",
-            width: 120,
+            width: 100,
             valueType: "option",
             render: (text, row, index, action) => {
               return [

dashboard/src/components/channel/ChannelTableModal.tsx

@@ -58,28 +58,30 @@ const ChannelTableModalWidget = ({
     <>
       <span onClick={showModal}>{trigger}</span>
       <Modal
-        width={"80%"}
+        width={"90%"}
         title="选择版本风格"
         footer={false}
         open={isModalOpen}
         onOk={handleOk}
         onCancel={handleCancel}
       >
-        <ChannelTable
-          studioName={user?.realName}
-          type={type}
-          channelType={channelType}
-          disableChannels={disableChannels}
-          onSelect={(channel: IChannel) => {
-            handleCancel();
-            if (typeof onClose !== "undefined") {
-              onClose();
-            }
-            if (typeof onSelect !== "undefined") {
-              onSelect(channel);
-            }
-          }}
-        />
+        <div style={{ overflowX: "scroll" }}>
+          <ChannelTable
+            studioName={user?.realName}
+            type={type}
+            channelType={channelType}
+            disableChannels={disableChannels}
+            onSelect={(channel: IChannel) => {
+              handleCancel();
+              if (typeof onClose !== "undefined") {
+                onClose();
+              }
+              if (typeof onSelect !== "undefined") {
+                onSelect(channel);
+              }
+            }}
+          />
+        </div>
       </Modal>
     </>
   );