首页优化

packages/graphmod-atl/src/api.js

@@ -27,7 +27,6 @@ export const UrlConsts = {
  * 删除机构
  */
 export const deleteByAgencyCode = ( agencyCodeId, sequenceNbrs) => {
-  console.log(formatUrl(UrlConsts.deleteAgency(), { agencyCodeId, sequenceNbrs }))
   return commonDelete(formatUrl(UrlConsts.deleteAgency(), { agencyCodeId, sequenceNbrs }));
 };
 

packages/graphmod-atl/src/siftingSort/Sort.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Tabs, TagSelect, StdFormRow, CardPane, BorderRadius} from 'amos-framework';
+import { Tabs, TagSelect, StdFormRow, CardPane, BorderRadius } from 'amos-framework';
 import { Row, Col } from 'amos-framework';
 import { getSortSences } from './api';
 
+import './index.scss'
+
 
 const { TabList, Tab, TabPanel } = Tabs;
 const categoryScene = ['全部', '新能源', '水利环境', '医疗健康', '智慧城市', '智慧园区', '企业运营', '物流仓库', '生产制造', '其他']
 const miniSences = ['综合排序', '热门推荐', '最新发布']
 
-
-function ListCards({cardItems}) {
+function ListCards({ cardItems }) {
   const rows = [];
   // console.log("传入ListCards中的carditems:")
   // console.log(cardItems)
+  function handleClick() {
+    window.open(this);
+  }
 
   for (let i = 0; i < cardItems.length; i += 4) {
     const rowItems = cardItems.slice(i, i + 4);
 
+
     const cols = rowItems.map((cardItems, index) => (
       <Col span={6} key={index}>
-        <div style={{margin: 30,display:'flex',justifyContent:'center'}}>
-          <CardPane style={{ width:300 ,height:240,border:0}} bodyStyle={{ padding: 0}}>
-            <div style={{height:'75%'}}>
-              <img alt="example" width="100%" height='160px' style={{objectFit:'cover',borderRadius:10}} src={+cardItems.sketch} />
-            </div>
-            <div style={{ padding: '10px 0px 10px 50px' }}>
-              <h2 style={{ margin: 0 }}>{cardItems.templateName}</h2>
-              <div style={{display : 'flex'}}>  
-                <p style={{ textAlign: 'left', marginTop: '5px' }}>热度指数:{cardItems.viewTimes}</p>
-              <p style={{ textAlign: 'left', marginTop: '5px' }}>{cardItems.agencyName}</p>
+        <div style={{ margin: 15, display: 'flex', justifyContent: 'center' }} >
+          <button style={{ width: '100%', height: '100%', border: 0, padding: 0 }} onClick={handleClick.bind(cardItems.templateLink)}>
+            <CardPane style={{ width: '100%', height: 270, border: 0 }} bodyStyle={{ height: 270, padding: 0 }}>
+              <div style={{ height: '75%' }}>
+                <img alt="example" width="100%" height='100%' style={{ objectFit: 'cover', borderRadius: 10 }} src={cardItems.sketch} />
               </div>
-            </div>
-          </CardPane>
+              <div style={{ padding: '10px 0px 10px 80px' }}>
+                <h2 style={{ textAlign: 'left', margin: 0 }}>{cardItems.templateName}</h2>
+                <div style={{ display: 'flex' }}>
+                  <p style={{ textAlign: 'left', marginTop: '5px', fontSize: '16px' }}>{cardItems.agencyName} | 热度指数:{cardItems.viewTimes}</p>
+                </div>
+              </div>
+            </CardPane>
+          </button>
         </div>
       </Col>
     ));
@@ -71,7 +77,7 @@ class Shifting extends Component {
     this.state = {
       mode: 'divider',
       cardItems: [],
-      selectSence: categoryScene[0],
+      selectScene: categoryScene[0],
       selectMiniSence: miniSences[0]
       // mode2: 'line',
       // mode3: 'bullet'
@@ -91,7 +97,7 @@ class Shifting extends Component {
     });
   }
   getSenceLists = () => {
-    getSortSences(this.state.selectSence, this.state.selectMiniSence).then(response => {
+    getSortSences(this.state.selectScene, this.state.selectMiniSence).then(response => {
       this.setState({
         cardItems: response
       });
@@ -101,51 +107,51 @@ class Shifting extends Component {
   handleSenecesSubmit = (value) => {
     if (value !== '') {
       this.setState({
-        selectSence : value
-      })
-      this.getSenceLists();
+        selectScene: value
+      },() => {this.componentDidMount();})
     }
   }
   handleMiniSenecesSubmit = (value) => {
     if (value !== '') {
       this.setState({
-        selectMiniSence : value
-      })
-      this.getSenceLists();
+        selectMiniSence: value
+      },() => {this.componentDidMount();})
     }
   }
 
 
 
-render() {
-
-  const {mode} = this.state;
-  const Option = TagSelect.Option;
-  // this.getSenceLists();
-  return (
-    <div>
-      <Tabs mode={mode}>
-        <TabList>
-          <span>&nbsp;&nbsp;</span>
-          <Tab>&nbsp;&nbsp;应用模板&nbsp;&nbsp;</Tab>
-          <Tab>&nbsp;&nbsp;三维模型&nbsp;&nbsp;</Tab>
-        </TabList>
-        <TabPanel>
-          <StdFormRow  label="场景" block id = 'scene' style={{padding:'11px 0px 11px 20px',}}>
-            <TagSelect defaultValue = {categoryScene[0]} data={categoryScene} onChange={this.handleSenecesSubmit} expandable single />
-          </StdFormRow>
-          <StdFormRow  block style={{ padding:'0px 0px 11px 20px'}}>
-            <TagSelect defaultValue = {miniSences[0]} data={miniSences} onChange={this.handleMiniSenecesSubmit} expandable single />
-          </StdFormRow>
-          <ListCards cardItems={this.state.cardItems}/>
-        </TabPanel>
-
-        <TabPanel>一级选项卡 - 面板2</TabPanel>
-      </Tabs>
-    </div>
-  );
-}
+
+  render() {
+
+    const { mode } = this.state;
+    const Option = TagSelect.Option;
+    // this.getSenceLists();
+    return (
+      <div>
+        <Tabs mode={mode}>
+          <TabList style={{padding:10}} >
+            <span>&nbsp;&nbsp;</span>
+            <Tab>&nbsp;&nbsp;应用模板&nbsp;&nbsp;</Tab>
+          </TabList>
+          <TabPanel style={{padding:0}}>
+            <StdFormRow label="场景" block id='scene' style={{ padding: '10px 0px 10px 20px' ,marginBottom:0}}>
+              <TagSelect defaultValue={categoryScene[0]} data={categoryScene} onChange={this.handleSenecesSubmit} expandable single />
+            </StdFormRow>
+            <StdFormRow block style={{ padding: '10px 0px 10px 20px' ,marginBottom:0}}>
+              <TagSelect defaultValue={miniSences[0]} data={miniSences} onChange={this.handleMiniSenecesSubmit} expandable single />
+            </StdFormRow >
+            <div style={{ overflowY: 'auto', height: '800px' }}>
+              <ListCards cardItems={this.state.cardItems} />
+            </div>
+
+          </TabPanel>
+        </Tabs>
+      </div>
+    );
+  }
 }
 
+
 export default Shifting;
 

packages/graphmod-atl/src/siftingSort/index.scss

@@ -33,3 +33,10 @@
   }
 }
 
+#scene {
+  .amos-stdform-row-title>span {
+      height: 42px;
+      line-height: 42px;
+  }
+  }
+