fmui-base 2.2.11 → 2.2.13

package/lib/select-serialnumber/pageHome.jsx

@@ -1,503 +0,0 @@
-import React from 'react';
-
-import Boxs from 'saltui/lib/Boxs';
-import Popup from 'saltui/lib/Popup';
-import SelectField from 'saltui/lib/SelectField';
-import Group from 'saltui/lib/Group';
-import TextField from 'saltui/lib/TextField';
-import TextareaField from 'saltui/lib/TextareaField';
-import Button from 'saltui/lib/Button';
-import Toast from 'saltui/lib/Toast';
-
-import utils from './utils';
-
-const { HBox, Box, VBox } = Boxs;
-const {
-  ButtonGroup,
-} = Button;
-
-import './PageHome.less';
-
-export default class Page extends React.Component {
-
-	constructor(props) {
-    //关闭加载页的遮罩效果
-    $(".loading-containter").hide();
-    var baseContext = document.getElementById("baseContext").value;
-    var token = document.getElementById("token").value;
-		super(props);
-		this.state = {
-      baseContext:baseContext,
-      token:token,
-      required:false,
-      visible:false,
-
-      showValue:"",
-      showValue1:"",
-      serialNumList:"",
-      serialNumValue:null,
-      serialNum:'',
-      doubleClick:'0',
-      serialNumId:''
-		};
-
-    this.listener = this.handleHidePopup.bind(this);
-	}
-
-  //去除监听并关闭弹出页
-  handleHidePopup(e) {
-    const { state } = e;
-    if (!state || !state.selectSerialnumber || state.selectSerialnumber !== this.state.historyStamp) {
-      const t = this;
-      window.removeEventListener('popstate', t.listener, false);
-      t.setState({
-        visible: false,
-      }, () => {
-        document.getElementById("App").style.overflow = "auto";
-        document.getElementById("App").style.height = "";
-        var top = t.state.top;
-        Popup.hide();
-        setTimeout(function(){
-          window.scrollTo(0,top);
-        });
-      });
-    }
-  }
-
-  // 触发弹出选择
-  popupSerialNumberFuc(){
-    let t = this;
-    // 只读状态
-    let readOnly = this.props.readOnly;
-    if (readOnly) {
-      return false;
-    }
-
-    // 选中的流水号ID
-    let serialNumId = t.state.serialNumId;
-
-    // 请求后台获取数据
-    // 调用弹出选择Api接口
-    let id = t.props.id;
-    let module = '';
-    if (id == 'serialNum-input') {
-      module = 'lsh';
-    }
-    if (id == 'receveNo-input') {
-      module = 'receivefileNo';
-    }
-    if (id == 'sendNo-input') {
-      module = 'sendfileNo';
-    }
-    var url = this.state.baseContext + "/client/office/document/getBizCodeList?module="+module+"&token="+this.state.token;
-    fetch(url,{
-      method: "GET",
-      mode: "cors",
-      headers: {
-        'Accept': 'application/json, text/plain, */*',
-        'Content-Type': 'application/x-www-form-urlencoded'
-      }
-    }).then((response) => response.json()).then((result) => {
-      // 选中数据处理
-      if (result != null && result.success) {
-        var selectid = '';
-        var flag = true;
-        var content = result.content;
-        if (content != null) {
-          var data = content.data;
-          var dataValue = null;
-          if (data != null && data.length > 0) {
-
-            for (let i = 0; i < data.length; i++) {
-              var obj = data[i];
-              var id = obj.id;
-              var name = obj.name;
-              obj['value'] = id;
-              obj['text'] = name;
-
-              if (serialNumId != '' && serialNumId == id) {
-                dataValue = obj;
-                selectid = id;
-                flag = false;
-              }
-            }
-
-            if (flag) {
-              dataValue = data[0];
-              selectid = dataValue.value;
-            }
-          }
-
-          // 回显值
-          let showvalue = t.props.value;
-          t.setState({
-            visible:true,
-            serialNumList:data,
-            serialNumValue:dataValue,
-            serialNum:showvalue,
-            showValue:showvalue,
-          }, () => {
-            if(selectid != '' && flag){t.getBizCode(selectid);}
-
-            var memberDivs = document.getElementsByClassName("select-serialnumber-div-class");
-            if(memberDivs && memberDivs.length>0){
-              for(var i=0; i<memberDivs.length; i++){
-                var parent = this.getParents(memberDivs[i], "t-popup");
-                if(parent){
-                  parent.style.left = "0";
-                  parent.style.background = "#f7f7f7";
-                }
-              }
-            }
-
-            var top = 0;
-            if(document.documentElement&&document.documentElement.scrollTop){
-              top = document.documentElement.scrollTop;
-            }else if(document.body){
-              top = document.body.scrollTop;
-            }
-            t.setState({
-              top: top,
-              historyStamp: `selectSerialnumber.index_${Date.now()}`
-            }, () => {
-              window.history.pushState({
-                selectSerialnumber: t.state.historyStamp,
-              }, '', utils.addUrlParam('selectSerialnumber', Date.now()));
-              window.addEventListener('popstate', t.listener, false);
-            });
-            document.getElementById("App").style.overflow = "hidden";
-            document.getElementById("App").style.height = "0";
-          })
-        }
-      }
-    }).catch((error) => {
-      alert("错误："+error);
-    });
-  }
-
-  getParents(element, className) {
-    var returnParentElement = null;
-    if(element && element.classList.contains(className) && element.tagName.toLowerCase() != "body") {
-      returnParentElement = element;
-    } else {
-      returnParentElement = this.getParents(element.parentElement, className);
-    }
-    return returnParentElement;
-  }
-
-  getBizCode(id){
-	  let t = this;
-    var url = this.state.baseContext + "/client/office/document/getBizCode?token="+this.state.token +"&id=" + id;
-    fetch(url,{
-      method: "GET",
-      mode: "cors",
-      headers: {
-        'Accept': 'application/json, text/plain, */*',
-        'Content-Type': 'application/x-www-form-urlencoded'
-      }
-    }).then((response) => response.json()).then((result) => {
-      // 选中数据处理
-      if (result != null && result.success) {
-        var content = result.content;
-        if (content != null) {
-          var data = content.content;
-          if (data != null) {
-            // bizCode
-            var bizCode = data.bizCode == null ? "" : data.bizCode;
-            // numSeq
-            var numSeq = data.numSeq;
-            t.setState({
-              serialNum:bizCode,
-              showValue:bizCode,
-            }, () => {
-              if(t.instance){t.instance.update(t.getSerialNumberContent());}
-            })
-          }else{
-            t.setState({
-              serialNum:"",
-              showValue:"",
-            }, () => {
-              if(t.instance){t.instance.update(t.getSerialNumberContent());}
-            })
-          }
-        }
-      }
-    }).catch((error) => {
-      alert("错误："+error);
-    });
-  }
-
-  // 文号名称改变
-  serialNumListChange(value){
-	  let t = this;
-	  var id = value.value;
-    this.setState({
-      serialNumValue:value,
-    }, () => {
-      if(id != ''){t.getBizCode(id);}
-    });
-  }
-
-  handleTextAreaChange(field, size, newValue) {
-    if(isEmojiCharacter(newValue)){
-      Toast.show({
-        type: 'error',
-        content:'不能输入表情'
-      });
-      return false;
-    }
-    if (newValue.length <= size) {
-      this.setState({
-        [field]: newValue,
-      });
-    }
-  }
-
-  handleChange(field, value) {
-    this.setState({
-      [field]: value,
-    });
-  }
-
-  // 弹出页的列表
-  getSerialNumberContent() {
-    let t = this;
-    // 返回结构
-    let content = "";
-    let label = t.props.label;
-    content = (
-      <div className="dd-selection select-serialnumber-div-class" >
-        <Group.List >
-          <SelectField
-            label={label + "编号"}
-            options={t.state.serialNumList}
-            onSelect={t.serialNumListChange.bind(t)}
-            value={t.state.serialNumValue}
-            placeholder={"请选择"+label+"编号"}
-          />
-        </Group.List>
-        <Group.List>
-          <TextField
-            label={label}
-            placeholder=""
-            value={t.state.serialNum}
-            onChange={t.handleTextAreaChange.bind(t, 'serialNum', 1000)}
-          >
-          </TextField>
-        </Group.List>
-        <p className={t.state.serialNumList == null || t.state.serialNumList.length < 1 ? 't-DN' : 't-FS16 t-FCddfontblue-60 t-ML16 t-MT10'} >{label+'预览效果:'+ t.state.showValue}</p>
-        <p className={t.state.serialNumList == null || t.state.serialNumList.length < 1 ? 't-FS16 t-FCddfontblue-60 t-ML16 t-MT10' : 't-DN'}>请联系管理员在公文设置中设置{label}</p>
-        <div  className="t-P0 t-bottom-fixed">
-          <Button.Group>
-            <Button type="primary" display="banner" onClick={this.confirmBtn.bind(this,label)}>确认</Button>
-            <Button type="secondary" display="banner" onClick={this.cancelBtn.bind(this)}>取消</Button>
-          </Button.Group>
-        </div>
-      </div>
-    );
-    return content;
-  }
-
-  confirmBtn(label){
-	  let t = this;
-    let doubleClick = t.state.doubleClick;
-    if (doubleClick != '0') {
-      return false;
-    } else {
-      t.setState({
-        doubleClick:'1'
-      })
-    }
-
-    var id = "";
-    var text = '';
-    if (t.state.serialNumValue != null) {
-      id = t.state.serialNumValue.value;
-      text = t.state.serialNumValue.text;
-    } else {
-      Toast.show({
-        type: 'error',
-        content: '请选择'+label,
-      });
-      t.setState({
-        doubleClick:'0'
-      })
-      return false;
-    }
-    var name = t.state.serialNum;
-    if (name == null || name == '') {
-      Toast.show({
-        type: 'error',
-        content: '请选择'+label,
-      });
-      t.setState({
-        doubleClick:'0'
-      })
-      return false;
-    }
-
-    if (id != '' && name != '') {
-      var url = this.state.baseContext + "/client/office/document/checkBizCode?token="+this.state.token+"&bizCodeValue=" + id+"&bizCode=" + name;
-      fetch(url,{
-        method: "POST",
-        mode: "cors",
-        headers: {
-          'Accept': 'application/json, text/plain, */*',
-          'Content-Type': 'application/x-www-form-urlencoded'
-        }
-      }).then((response) => response.json()).then((result) => {
-        if (result != null ) {
-          var content = result.content;
-          if (content.code == '0') {
-
-            t.setState({
-              visible: false,
-              showValue1:name,
-              doubleClick:'0',
-              serialNumId:id
-            }, () => {
-              this.props.onChange(name);
-              history.back();
-            });
-          } else {
-            if (text != '' && text == name) {
-              Toast.show({
-                type: 'error',
-                content: content.message,
-              });
-              t.setState({
-                doubleClick:'0'
-              })
-            } else {
-			  var failType = content.data.type;
-			  if(failType == "1"){
-				Toast.show({
-				  type: 'error',
-                  content: label+'重复',
-                });
-                t.setState({
-                  doubleClick:'0'
-                })
-			  }else{
-				Toast.show({
-                  type: 'error',
-                  content: '请对'+label+'按规则修改',
-                });
-                t.setState({
-                  doubleClick:'0'
-                })  
-			  }
-            }
-          }
-        }  else {
-          Toast.show({
-            type: 'error',
-            content: label+'校验失败',
-          });
-          t.setState({
-            doubleClick:'0'
-          })
-        }
-      }).catch((error) => {
-        alert("错误："+error);
-        t.setState({
-          doubleClick:'0'
-        })
-      });
-    }
-  }
-
-  cancelBtn(){
-	  let  t = this;
-    let doubleClick = t.state.doubleClick;
-    if (doubleClick != '0') {
-      return false;
-    } else {
-      t.setState({
-        doubleClick:'1'
-      })
-    }
-    t.setState({
-      visible: false,
-      doubleClick:'0'
-    }, () => {
-      history.back();
-    });
-  }
-
-  // 点击蒙层关闭
-  closMask(){
-   /* $("#App").removeAttr("style");
-    $(document).scrollTop(this.props.top);*/
-  }
-
-
-	handleChange(from, on) {
-		this.setState({
-			[from]: on,
-		});
-	}
-
-	render() {
-    let t = this;
-    // 必选标识
-    let required = this.props.required;
-    // 显示值
-    let selectText = '';
-    let label = t.props.label;
-
-    let readOnly = t.props.readOnly;
-
-    let placeholder = t.props.placeholder;
-
-    let id = t.props.id;
-
-    let value = t.props.value;
-    if (value == null || value == undefined) {
-      value = '';
-    }
-
-    // t.setState({
-    //   showValue1:value,
-    // })
-
-		return (
-		  <div>
-        <div>
-          <HBox vAlign="center" className="t-FS16 t-PL16 t-PR16" onClick={() => {this.popupSerialNumberFuc(); }}>
-            <Box className={required ? 't-field-layout-h-label required' : 't-field-layout-h-label'}>{t.props.title}</Box>
-            <HBox flex={1} >
-              <Box flex={1} className={value == '' ? "t-FCtips t-FS16 t-PR10" : "t-DN"}>
-                <div className="t-omit t-poppage-placeholder">{placeholder}</div>
-              </Box>
-
-              <Box flex={1} className={value == '' ? "t-DN" : "t-FAL t-LH1_4 t-omit"}>{value}</Box>
-              <Box className={readOnly ? "t-DN" : "t-PR4"}>
-                <b className="iconfont icon-back t-rotate-180 t-FCc t-FS16 t-FS14"></b>
-              </Box>
-            </HBox>
-          </HBox>
-          <HBox>
-            <Box>
-              <input type="hidden" value={ this.state.serialNumId } id={id} />
-            </Box>
-          </HBox>
-        </div>
-
-        <div>
-          <Popup
-            content={this.getSerialNumberContent()}
-            animationType="slide-left"
-            onMaskClick={() => { this.setState({ visible: false });this.closMask(); }}
-            visible={this.state.visible}
-          >
-            {null}
-          </Popup>
-        </div>
-      </div>
-		);
-	}
-}
-
-
-