增加资产草稿接口

src/model/assetmanage.js

@@ -330,3 +330,31 @@ export function* getPermission(payload) {
 export function* getTemplates() {
   return yield call(service.getTemplates)
 }
+
+export function* getDrafts(payload) {
+  return yield call(service.getDrafts, payload);
+}
+
+export function* getDraftDetail(payload) {
+  return yield call(service.getDraftDetail, payload);
+}
+
+export function* updateDraft(payload) {
+  return yield call(service.updateDraft, payload);
+}
+
+export function* deleteDrafts(payload) {
+  return yield call(service.deleteDrafts, payload);
+}
+
+export function* publishDrafts(payload) {
+  return yield call(service.publishDrafts, payload);
+}
+
+export function* offlineAsDraft(payload) {
+  return yield call(service.offlineAsDraft, payload);
+}
+
+export function* saveAsDraft(payload) {
+  return yield call(service.saveAsDraft, payload);
+}
\ No newline at end of file

src/service/dataassetmanager.js

@@ -315,3 +315,31 @@ export function getPermission(payload) {
 export function getTemplates() {
   return GetJSON("/dataassetmanager/elementTemplateApi/listSupportTemplates")
 }
+
+export function getDrafts(payload) {
+  return GetJSON("/dataassetmanager/draftApi/listDataAssetsByPage", payload)
+}
+
+export function getDraftDetail(payload) {
+  return PostJSON("/dataassetmanager/draftApi/getDraftDetail", payload)
+}
+
+export function updateDraft(payload) {
+  return PostJSON("/dataassetmanager/draftApi/updateDraft", payload)
+}
+
+export function deleteDrafts(payload) {
+  return PostJSON("/dataassetmanager/draftApi/deleteDrafts", payload)
+}
+
+export function publishDrafts(payload) {
+  return PostJSON("/dataassetmanager/draftApi/publishDrafts", payload)
+}
+
+export function offlineAsDraft(payload) {
+  return PostJSON("/dataassetmanager/draftApi/offlineAsDraft", payload)
+}
+
+export function saveAsDraft(payload) {
+  return PostJSON("/dataassetmanager/draftApi/saveAsDraft", payload)
+}
\ No newline at end of file

src/view/Manage/AssetDraft/index.jsx

 import React from "react"
+import { Space, Select, Button, Tooltip, Input, } from 'antd'
+import LocalStorage from 'local-storage'
+
+import { appId } from "../../../App"
+import { dispatch } from '../../../model'
 
 const FC = (props) => {
+  const [loadingTemplates, setLoadingTemplates] = React.useState(false)
+  const [templates, setTemplates] = React.useState()
+  const [currentTemplateValue, setTemplateValue] = React.useState()
+  const [pagination, setPagination] = React.useState({ pageNum: 1, pageSize: 20 })
+  const [keyword, setKeyword] = React.useState()
+  const [selectedRows, setSelectedRows] = React.useState()
+
+  React.useEffect(() => {
+    getTemplates()
+  }, [])
+
+  const getTemplates = () => {
+    setLoadingTemplates(true)
+    dispatch({
+      type: 'assetmanage.getTemplates',
+      callback: data => {
+        setLoadingTemplates(false)
+        setTemplates(data)
+        if ((data??[]).length > 0) {
+          LocalStorage.set(`templateType-${appId}`, data[0].type)
+          setTemplateValue(data[0].type)
+        }
+      },
+      error: () => {
+        setLoadingTemplates(false)
+      }
+    })
+  }
+
+  const onTemplateChange = (value) => {
+    LocalStorage.set(`templateType-${appId}`, value)
+    setTemplateValue(value)
+    setPagination({ ...pagination, pageNum: 1 })
+  }
+
+  const onExportClick = () => {
+
+  }
+
+  const onReleaseClick = () => {
+
+  }
+
+  const onDeletesClick = () => {
+
+  }
+
   return (
-    <div>asset draft</div>
+    <div style={{ backgroundColor: '#fff', height: '100%' }}>
+      <div className='flex p-3' style={{
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        borderBottom: '1px solid rgb(239, 239, 239)',
+      }}>
+        <Space>
+          <Select 
+            loading={loadingTemplates}
+            value={currentTemplateValue}
+            onChange={onTemplateChange}
+            style={{ width: 85 }}
+          >
+          {
+            (templates??[]).map((item, index) => <Select.Option key={index} value={item.type}>{item.name}</Select.Option>)
+          }
+          </Select>
+          <Tooltip title={((selectedRows??[]).length === 0) ? '请先选择资产' : ''}>
+            <Button onClick={onExportClick} disabled={(selectedRows??[]).length === 0}>导出</Button>
+          </Tooltip>
+          <Tooltip title={((selectedRows??[]).length === 0) ? '请先选择资产' : ''}>
+            <Button onClick={onReleaseClick} disabled={(selectedRows??[]).length === 0}>发布</Button>
+          </Tooltip>
+          <Tooltip title={((selectedRows??[]).length === 0) ? '请先选择资产' : ''}>
+            <Button onClick={onDeletesClick} disabled={(selectedRows??[]).length === 0}>删除</Button>
+          </Tooltip>
+        </Space>
+        <Space>
+          <Input size="middle"
+            placeholder="请输入关键字"
+            value={keyword}
+            bordered={true} allowClear
+            onChange={(e) => {
+              setKeyword(e.target.value)
+            }} />
+        </Space>
+      </div>
+    </div>
   )
 }