oomusou

import { pipe, propEq } from 'ramda'
import { prop } from 'crocks'

class MyMaybe {
  #value = null
  #isNothing = true

  constructor(value) {
    if (!value) 
      this.#isNothing = true

oomusou

// unit -> unit
let mounted = async function() {
  await fetchAllMachine({
    app_id: process.env.VUE_APP_APP_ID,
    s_date: getToday(),
    e_date: getToday()
  }).then(x => machines = x.data.payload)
    .then(() => fetchHistoricProcessInstances({
      processDefinitionKey: 'material_order_flow',
      start: '0',

oomusou

let getData = async function() {
  let promise0 = await fetchAllMachine({
    app_id: process.env.VUE_APP_APP_ID,
    s_date: getToday(),
    e_date: getToday()
  });

  let promise1 = await fetchHistoricProcessInstances({
    processDefinitionKey: 'material_order_flow',
    start: '0',

oomusou

let mounted = async function() {
  let promise0 = await fetchAllMachine({
    app_id: process.env.VUE_APP_APP_ID,
    s_date: getToday(),
    e_date: getToday()
  });

  let promise1 = await fetchHistoricProcessInstances({
    processDefinitionKey: 'material_order_flow',
    start: '0',

oomusou

<template>
  <div id="app">
    <div style="display:inline-block;width:80px">
      <my-select v-model="firstModel"></my-select>
    </div>
    <div style="display:inline-block;width:80px">
      <my-select v-model="secondModel"></my-select>
    </div>
    <div style="display:inline-block;width:80px">{{ zip }}</div>
    <router-view/>

oomusou

const path = require("path")
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
  productionSourceMap: false,
  devServer: {
    proxy: {
      '/flowable-task': {
        target: 'http://10.139.201.188:8900',

oomusou

const path = require("path")
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
  productionSourceMap: false,
  devServer: {
    proxy: {
      '/flowable-task/process-api/history/historic-process-instances': {
        // target: 'http://172.18.65.219:8080',

oomusou

<template>
  <v-layout row>
    <v-flex xs12 sm6 offset-sm3>
      <v-card>
        <v-toolbar color="cyan" dark>
          <v-toolbar-title>Inbox</v-toolbar-title>
          <v-spacer></v-spacer>
        </v-toolbar>
        <v-list two-line>
          <template v-for="(item, index) in items">

oomusou

const makeMutation = name => (state, payload) => state[name] = payload;


function makeMutation(name) {
	return function(state, payload) {
		return state[name] = payload;
	}
}

oomusou

Functional Vue Architecture

Sam Xiao, Feb.18, 2019

Web 所面臨的挑戰

後端 MVC

約在 2015 年，主流的 Web 開發架構仍以後端 MVC 為主：