├── babel.config.js
├── public
    ├── favicon.ico
    └── index.html
├── vuejs-subtable.gif
├── src
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── Global_store.js
    │   ├── WorkflowBrowser_store.js
    │   ├── FieldBrowser_store.js
    │   ├── FormBrowser_store.js
    │   ├── FormBrowser.vue
    │   ├── FieldBrowser.vue
    │   ├── WorkflowBrowser.vue
    │   └── RelateTable.vue
    ├── main.js
    ├── store
    │   └── index.js
    └── App.vue
├── .gitignore
├── README.md
└── package.json


/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dreamof2080/vuejs-subtable/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/vuejs-subtable.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dreamof2080/vuejs-subtable/HEAD/vuejs-subtable.gif


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dreamof2080/vuejs-subtable/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/Global_store.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   state:{
 3 |     workflowid:null
 4 |   },
 5 |   mutations:{
 6 |     setWorkflowId(state,id){
 7 |       state.workflowid = id;
 8 |     }
 9 |   }
10 | }


--------------------------------------------------------------------------------
/src/components/WorkflowBrowser_store.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   state:{
 3 |     show:false
 4 |   },
 5 |   mutations:{
 6 |     switch_workflowDialog(state){
 7 |       state.show = state.show?false:true;
 8 |     }
 9 |   }
10 | }


--------------------------------------------------------------------------------
/src/components/FieldBrowser_store.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   state:{
 3 |     show:false,
 4 |     formid:null,
 5 |   },
 6 |   mutations:{
 7 |     switch_FieldDialog(state,formid){
 8 |       state.show = state.show?false:true;
 9 |       state.formid = formid;
10 |     }
11 |   }
12 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw*
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # flowrelate
 2 | 
 3 | ## Project setup
 4 | ```
 5 | npm install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | npm run serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | npm run build
16 | ```
17 | 
18 | ### Lints and fixes files
19 | ```
20 | npm run lint
21 | ```
22 | 


--------------------------------------------------------------------------------
/src/components/FormBrowser_store.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   state:{
 3 |     show:false,
 4 |     workflowid:null,
 5 |     formType:null,
 6 |   },
 7 |   mutations:{
 8 |     switch_FormDialog(state,stark){
 9 |       state.show = state.show?false:true;
10 |       if (stark!=null){
11 |         state.workflowid = stark.workflowid;
12 |         state.formType = stark.formType;
13 |       }
14 |     }
15 |   }
16 | }


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import ElementUI from 'element-ui'
 4 | import 'element-ui/lib/theme-chalk/index.css'
 5 | import store from './store'
 6 | import axios from 'axios'
 7 | import VueAxios from 'vue-axios'
 8 | import 'url-search-params-polyfill';
 9 | 
10 | Vue.config.productionTip = false;
11 | 
12 | Vue.use(ElementUI);
13 | Vue.use(VueAxios,axios);
14 | 
15 | new Vue({
16 |   store,
17 |   render: h => h(App)
18 | }).$mount('#app');
19 | 


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | Vue.use(Vuex);
 4 | 
 5 | import WorkflowBrowser_store from '../components/WorkflowBrowser_store';
 6 | import FieldBrowser_store from '../components/FieldBrowser_store';
 7 | import Global_store from '../components/Global_store';
 8 | import Form_store from '../components/FormBrowser_store'
 9 | 
10 | export default new Vuex.Store({
11 |     modules:{
12 |       workflowStore:WorkflowBrowser_store,
13 |       fieldStore:FieldBrowser_store,
14 |       formStore:Form_store,
15 |       globalStore:Global_store,
16 |     }
17 |   }
18 | )


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>flowrelate</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but flowrelate doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "flowrelate",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "axios": "^0.18.0",
12 |     "element-ui": "^2.4.5",
13 |     "url-search-params-polyfill": "^5.0.0",
14 |     "vue": "^2.5.16",
15 |     "vue-axios": "^2.1.3",
16 |     "vuex": "^3.0.1"
17 |   },
18 |   "devDependencies": {
19 |     "@vue/cli-plugin-babel": "^3.0.0-rc.10",
20 |     "@vue/cli-plugin-eslint": "^3.0.0-rc.10",
21 |     "@vue/cli-service": "^3.0.0-rc.10",
22 |     "vue-template-compiler": "^2.5.16"
23 |   },
24 |   "eslintConfig": {
25 |     "root": true,
26 |     "env": {
27 |       "node": true
28 |     },
29 |     "extends": [
30 |       "plugin:vue/essential",
31 |       "eslint:recommended"
32 |     ],
33 |     "rules": {},
34 |     "parserOptions": {
35 |       "parser": "babel-eslint"
36 |     }
37 |   },
38 |   "postcss": {
39 |     "plugins": {
40 |       "autoprefixer": {}
41 |     }
42 |   },
43 |   "browserslist": [
44 |     "> 1%",
45 |     "last 2 versions",
46 |     "not ie <= 8"
47 |   ]
48 | }
49 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <relate-table :workflowRowData="workflowRowData" :formRowData="formRowData" :fieldRowData="fieldRowData" :oid="oid"/>
 4 |     <workflow-browser @workflowBrowserClick="handleWorkflowRowData"/>
 5 |     <form-browser @formBrowserClick="handleFormRowData"/>
 6 |     <field-browser @fieldBrowserClick="handleFieldRowData"/>
 7 |   </div>
 8 | </template>
 9 | 
10 | <script>
11 | import RelateTable from './components/RelateTable'
12 | import WorkflowBrowser from './components/WorkflowBrowser'
13 | import FormBrowser from './components/FormBrowser'
14 | import FieldBrowser from './components/FieldBrowser'
15 | 
16 | export default {
17 |   name: 'app',
18 |   data(){
19 |     return{
20 |       workflowRowData:null,
21 |       formRowData:null,
22 |       fieldRowData:null,
23 |       oid:null
24 |     }
25 |   },
26 |   components: {
27 |     'relate-table': RelateTable,
28 |     'workflow-browser': WorkflowBrowser,
29 |     'form-browser':FormBrowser,
30 |     'field-browser':FieldBrowser,
31 |   },
32 |   methods:{
33 |     handleWorkflowRowData(workflowRow){
34 |       this.workflowRowData = workflowRow;
35 |     },
36 |     handleFormRowData(formRow){
37 |       this.formRowData = formRow;
38 |     },
39 |     handleFieldRowData(fieldRow){
40 |       this.fieldRowData = fieldRow;
41 |     },
42 |     loaded(){
43 |       let url = window.location.href;
44 |       let paramArr = url.substring(url.lastIndexOf('?') + 1,url.length).split('&');
45 |       for (let i=0;i<paramArr.length;i++){
46 |         let param = paramArr[i].split("=");
47 |         if (param.length>1){
48 |           if (param[0].toLocaleLowerCase()=='workflowid') {
49 |             this.oid = param[1];
50 |             this.$store.commit('setWorkflowId',param[1]);
51 |           }
52 |         }
53 |       }
54 |     }
55 |   },
56 |   mounted(){
57 |     this.loaded();
58 |   }
59 | }
60 | </script>
61 | 
62 | <style>
63 | 
64 | </style>
65 | 


--------------------------------------------------------------------------------
/src/components/FormBrowser.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <el-dialog :visible.sync="show">
 3 |     <div>
 4 |       <el-table
 5 |           ref="singleTable"
 6 |           :data="tableList"
 7 |           highlight-current-row
 8 |           @row-click="handleRowClick"
 9 |           height="400"
10 |           style="width: 100%">
11 |         <el-table-column
12 |             type="index"
13 |             width="50">
14 |         </el-table-column>
15 |         <el-table-column
16 |             v-if="false"
17 |             prop="formid"
18 |             label="表单id">
19 |         </el-table-column>
20 |         <el-table-column
21 |             prop="formName"
22 |             label="表单名称">
23 |         </el-table-column>
24 |         <el-table-column
25 |             prop="dbName"
26 |             label="数据库表名">
27 |         </el-table-column>
28 |         <el-table-column
29 |             prop="formType"
30 |             label="表单类型">
31 |         </el-table-column>
32 |       </el-table>
33 |     </div>
34 |   </el-dialog>
35 | </template>
36 | 
37 | <script>
38 |   export default {
39 |     data() {
40 |       return {
41 |         tableList: []
42 |       }
43 |     },
44 |     methods: {
45 |       handleRowClick(val) {
46 |         this.$emit('formBrowserClick', val);
47 |         this.$store.commit('switch_FormDialog');
48 |       },
49 |       handleSubmit() {
50 |         this.axios.get('/ServiceAction/com.eweaver.workflow.workflow.servlet.WorkflowRelateAction?action=formid&workflowid=' +
51 |           this.$store.state.formStore.workflowid + '&formType=' + this.$store.state.formStore.formType).then(response => {
52 |           this.tableList = response.data;
53 |         }).catch(err => {
54 |           console.log(err)
55 |         });
56 |       }
57 |     },
58 |     computed: {
59 |       show: {
60 |         get() {
61 |           if (this.$store.state.formStore.show) {
62 |             this.handleSubmit();
63 |           }
64 |           return this.$store.state.formStore.show;
65 |         },
66 |         set() {
67 |           this.$store.commit('switch_FormDialog');
68 |         }
69 |       }
70 |     }
71 |   }
72 | </script>
73 | 
74 | <style scoped>
75 |   form {
76 |     text-align: center;
77 |     border-bottom: 2px solid #009688;
78 |   }
79 | </style>


--------------------------------------------------------------------------------
/src/components/FieldBrowser.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-dialog :visible.sync="show">
  3 |     <div>
  4 |       <el-form :inline="true" :model="searchForm" class="demo-form-inline">
  5 |         <el-form-item label="字段名称">
  6 |           <el-input v-model="searchForm.searchFieldName" placeholder="" size="mini"
  7 |                     @keydown.13.native="handleSubmit"></el-input>
  8 |         </el-form-item>
  9 |         <el-form-item label="显示名称">
 10 |           <el-input v-model="searchForm.searchLabelName" placeholder="" size="mini"
 11 |                     @keydown.13.native="handleSubmit"></el-input>
 12 |         </el-form-item>
 13 |         <el-form-item>
 14 |           <el-button type="primary" @click="handleSubmit" size="mini">查询</el-button>
 15 |         </el-form-item>
 16 |       </el-form>
 17 |     </div>
 18 |     <div>
 19 |       <el-table
 20 |           ref="singleTable"
 21 |           :data="tableList"
 22 |           highlight-current-row
 23 |           @row-click="handleRowClick"
 24 |           height="400"
 25 |           style="width: 100%">
 26 |         <el-table-column
 27 |             type="index"
 28 |             width="50">
 29 |         </el-table-column>
 30 |         <el-table-column
 31 |             v-if="false"
 32 |             prop="fieldid"
 33 |             label="字段id">
 34 |         </el-table-column>
 35 |         <el-table-column
 36 |             prop="fieldName"
 37 |             label="字段名称">
 38 |         </el-table-column>
 39 |         <el-table-column
 40 |             prop="labelName"
 41 |             label="显示名称">
 42 |         </el-table-column>
 43 |         <el-table-column
 44 |             prop="htmlType"
 45 |             label="表现形式">
 46 |         </el-table-column>
 47 |       </el-table>
 48 |     </div>
 49 |   </el-dialog>
 50 | </template>
 51 | 
 52 | <script>
 53 |   export default {
 54 |     data() {
 55 |       return {
 56 |         tableList: [],
 57 |         searchForm: {
 58 |           searchFieldName: '',
 59 |           searchLabelName: ''
 60 |         }
 61 |       }
 62 |     },
 63 |     methods: {
 64 |       handleRowClick(val) {
 65 |         this.$emit('fieldBrowserClick', val);
 66 |         this.$store.commit('switch_FieldDialog');
 67 |       },
 68 |       handleSubmit() {
 69 |         this.axios.get('/ServiceAction/com.eweaver.workflow.workflow.servlet.WorkflowRelateAction?action=fieldid&formid=' +
 70 |           this.$store.state.fieldStore.formid
 71 |           + '&fieldName='
 72 |           + encodeURI(encodeURI(this.searchForm.searchFieldName)) + '&labelName=' + encodeURI(encodeURI(this.searchForm.searchLabelName))).then(response => {
 73 |           this.tableList = response.data.detail;
 74 |         }).catch(function (err) {
 75 |           console.log(err)
 76 |         })
 77 |       }
 78 |     },
 79 |     computed: {
 80 |       show: {
 81 |         get() {
 82 |           if (this.$store.state.fieldStore.show) {
 83 |             this.handleSubmit();
 84 |           }
 85 |           return this.$store.state.fieldStore.show;
 86 |         },
 87 |         set() {
 88 |           this.$store.commit('switch_FieldDialog');
 89 |         }
 90 |       }
 91 |     }
 92 |   }
 93 | </script>
 94 | 
 95 | <style scoped>
 96 |   form {
 97 |     text-align: center;
 98 |     border-bottom: 2px solid #009688;
 99 |   }
100 | </style>


--------------------------------------------------------------------------------
/src/components/WorkflowBrowser.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-dialog :visible.sync="show">
  3 |     <div>
  4 |       <el-form :inline="true" :model="searchForm" class="demo-form-inline">
  5 |         <el-form-item label="流程名称">
  6 |           <el-input v-model="searchForm.searchFlowName" placeholder="" size="mini" @keydown.13.native="handleSubmit"></el-input>
  7 |         </el-form-item>
  8 |         <el-form-item label="模块名称">
  9 |           <el-input v-model="searchForm.searchModuleName" placeholder="" size="mini" @keydown.13.native="handleSubmit"></el-input>
 10 |         </el-form-item>
 11 |         <el-form-item>
 12 |           <el-button type="primary" @click="handleSubmit" size="mini">查询</el-button>
 13 |         </el-form-item>
 14 |       </el-form>
 15 |     </div>
 16 |     <div>
 17 |       <el-table
 18 |           ref="singleTable"
 19 |           :data="tableList"
 20 |           highlight-current-row
 21 |           @row-click="handleRowClick"
 22 |           height="400"
 23 |           style="width: 100%">
 24 |         <el-table-column
 25 |             type="index"
 26 |             width="50">
 27 |         </el-table-column>
 28 |         <el-table-column
 29 |             v-if="false"
 30 |             prop="workflowid"
 31 |             label="流程ID">
 32 |         </el-table-column>
 33 |         <el-table-column
 34 |             prop="workflowName"
 35 |             label="流程名称">
 36 |         </el-table-column>
 37 |         <el-table-column
 38 |             prop="moduleName"
 39 |             label="模块名称">
 40 |         </el-table-column>
 41 |         <el-table-column
 42 |             prop="isActive"
 43 |             label="流程状态">
 44 |         </el-table-column>
 45 |       </el-table>
 46 |     </div>
 47 |     <div class="block">
 48 |       <el-pagination
 49 |           layout="prev, pager, next"
 50 |           :current-page.sync="pageInfo.currentPage"
 51 |           :page-size="pageInfo.pageSize"
 52 |           :total="pageInfo.total"
 53 |           @current-change="handleCurrentPage">
 54 |       </el-pagination>
 55 |     </div>
 56 |   </el-dialog>
 57 | </template>
 58 | 
 59 | <script>
 60 |   export default {
 61 |     data() {
 62 |       return {
 63 |         tableList: [],
 64 |         searchForm: {
 65 |           searchFlowName: '',
 66 |           searchModuleName: ''
 67 |         },
 68 |         pageInfo:{
 69 |           currentPage:1,
 70 |           pageSize:10,
 71 |           total:0,
 72 |         }
 73 |       }
 74 |     },
 75 |     methods: {
 76 |       handleRowClick(val) {
 77 |         this.$emit('workflowBrowserClick',val);
 78 |         this.$store.commit('switch_workflowDialog');
 79 |       },
 80 |       handleSubmit() {
 81 |         this.axios.get('/ServiceAction/com.eweaver.workflow.workflow.servlet.WorkflowRelateAction?action=workflowinfo&workflowid='+
 82 |           this.$store.state.globalStore.workflowid
 83 |           +'&workflowName='
 84 |           +encodeURI(encodeURI(this.searchForm.searchFlowName))+'&moduleName='+encodeURI(encodeURI(this.searchForm.searchModuleName))
 85 |           +'&pageSize='+this.pageInfo.pageSize+'&pageNo='+this.pageInfo.currentPage).then(response=>{
 86 |           this.tableList = response.data.detail;
 87 |           this.pageInfo.total = response.data.total;
 88 |         }).catch(function (err) {
 89 |           console.log(err)
 90 |         })
 91 |       },
 92 |       handleCurrentPage(){
 93 |         this.handleSubmit();
 94 |       }
 95 |     },
 96 |     computed:{
 97 |       show:{
 98 |         get(){
 99 |           if (this.$store.state.workflowStore.show && this.tableList.length==0) {
100 |             this.handleSubmit();
101 |           }
102 |           return this.$store.state.workflowStore.show;
103 |         },
104 |         set(){
105 |           this.pageInfo.currentPage = 1;
106 |           this.$store.commit('switch_workflowDialog');
107 |         }
108 |       }
109 |     }
110 |   }
111 | </script>
112 | 
113 | <style scoped>
114 |   form{
115 |     text-align: center;
116 |     border-bottom:2px solid #009688;
117 |   }
118 |   .block{
119 |     text-align:right;
120 |     margin-top: 10px;
121 |   }
122 | </style>


--------------------------------------------------------------------------------
/src/components/RelateTable.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="main">
  3 |     <div class="header">
  4 |       <div class="titleTag">
  5 |         <el-tag size="medium">{{flowName}} 一 流程关联设置</el-tag>
  6 |       </div>
  7 |       <div class="menu">
  8 |         <el-button-group>
  9 |           <el-button type="primary" size="mini" @click="handleAdd">增加</el-button>
 10 |           <el-button type="primary" size="mini" @click="handleDelete">删除</el-button>
 11 |           <el-button type="primary" size="mini" @click="handleSave">保存</el-button>
 12 |         </el-button-group>
 13 |       </div>
 14 |     </div>
 15 |     <div class="table">
 16 |       <el-table
 17 |           :data="details"
 18 |           height="600"
 19 |           style="width: 100%"
 20 |           @selection-change="handleSelectionChange">
 21 |         <el-table-column
 22 |             type="selection"
 23 |             width="55">
 24 |         </el-table-column>
 25 |         <el-table-column
 26 |             type="index"
 27 |             width="50">
 28 |         </el-table-column>
 29 |         <el-table-column
 30 |             v-if="false"
 31 |             prop="id"
 32 |             label="id">
 33 |         </el-table-column>
 34 |         <el-table-column
 35 |             align="center"
 36 |             label="关联流程"
 37 |             width="250">
 38 |           <template slot-scope="scope">
 39 |             <el-input v-model="scope.row.workflowid" v-show="false" size="mini"></el-input>
 40 |             <el-input placeholder="请选择" v-model="scope.row.workflowName" size="small">
 41 |               <el-button slot="append" icon="el-icon-search" @click="handleWorkflowBrowserClick(scope.$index)"
 42 |                          size="small"></el-button>
 43 |             </el-input>
 44 |           </template>
 45 |         </el-table-column>
 46 |         <el-table-column align="center" label="关联表单">
 47 |           <el-table-column
 48 |               align="center"
 49 |               label="主表/子表"
 50 |               width="200">
 51 |             <template slot-scope="scope">
 52 |               <el-select v-model="scope.row.formType" placeholder="请选择" size="small">
 53 |                 <el-option
 54 |                     v-for="item in formTypeOptions"
 55 |                     :key="item.value"
 56 |                     :label="item.label"
 57 |                     :value="item.value">
 58 |                 </el-option>
 59 |               </el-select>
 60 |             </template>
 61 |           </el-table-column>
 62 |           <el-table-column
 63 |               align="center"
 64 |               label="表单名称"
 65 |               width="200">
 66 |             <template slot-scope="scope">
 67 |               <el-input v-model="scope.row.formid" v-show="false" size="mini"></el-input>
 68 |               <el-input placeholder="请选择" v-model="scope.row.formName" size="small">
 69 |                 <el-button slot="append" icon="el-icon-search" @click="handleFormBrowserClick(scope.$index)"
 70 |                            size="small"></el-button>
 71 |               </el-input>
 72 |             </template>
 73 |           </el-table-column>
 74 |         </el-table-column>
 75 |         <el-table-column
 76 |             align="center"
 77 |             label="关联字段"
 78 |             width="200">
 79 |           <template slot-scope="scope">
 80 |             <el-input v-model="scope.row.fieldid" v-show="false" size="mini"></el-input>
 81 |             <el-input placeholder="请选择" v-model="scope.row.fieldName" size="small">
 82 |               <el-button slot="append" icon="el-icon-search" @click="handleFieldBrowserClick(scope.$index)"
 83 |                          size="small"></el-button>
 84 |             </el-input>
 85 |           </template>
 86 |         </el-table-column>
 87 |         <el-table-column
 88 |             align="center"
 89 |             label="关联条件">
 90 |           <template slot-scope="scope">
 91 |             <el-input
 92 |                 :disabled="true"
 93 |                 size="small"
 94 |                 placeholder="开发中，敬请期待"
 95 |                 v-model="scope.row.condition"
 96 |                 clearable>
 97 |             </el-input>
 98 |           </template>
 99 |         </el-table-column>
100 |       </el-table>
101 |     </div>
102 |   </div>
103 | </template>
104 | 
105 | <script>
106 |   export default {
107 |     props: ['workflowRowData', 'fieldRowData', 'formRowData', 'oid'],
108 |     data() {
109 |       return {
110 |         details: [],
111 |         formTypeOptions: [
112 |           {
113 |             value: 0,
114 |             label: '主表'
115 |           },
116 |           {
117 |             value: 1,
118 |             label: '子表'
119 |           }
120 |         ],
121 |         multipleSelection: [],
122 |         formids: [],
123 |         deleteIds: [],
124 |         currentIndex: null,
125 |         flowName: null,
126 |       }
127 |     },
128 |     methods: {
129 |       loadData(oid) {
130 |         this.axios.get('/ServiceAction/com.eweaver.workflow.workflow.servlet.WorkflowRelateAction?action=load&oid=' + oid).then(response => {
131 |           this.details = response.data.detail;
132 |           this.flowName = response.data.flowName;
133 |         }).catch(err => {
134 |           console.log(err)
135 |         })
136 |       },
137 |       handleAdd() {
138 |         this.details.push({
139 |           id: null,
140 |           workflowid: null,
141 |           workflowName: null,
142 |           formType: null,
143 |           formid: null,
144 |           formName: null,
145 |           fieldid: null,
146 |           fieldName: null,
147 |           condition: null
148 |         });
149 |       },
150 |       handleDelete() {
151 |         this.multipleSelection.forEach(element => {
152 |           if (element.id && this.deleteIds.indexOf(element.id) === -1) {
153 |             this.deleteIds.push(element.id);
154 |           }
155 |           this.details.splice(this.details.indexOf(element), 1)
156 |         });
157 |       },
158 |       handleSelectionChange(val) {
159 |         this.multipleSelection = val;
160 |       },
161 |       handleWorkflowBrowserClick(index) {
162 |         this.$store.commit('switch_workflowDialog');
163 |         this.currentIndex = index;
164 |       },
165 |       handleFormBrowserClick(index) {
166 |         this.$store.commit('switch_FormDialog', {
167 |           workflowid: this.details[index].workflowid,
168 |           formType: this.details[index].formType
169 |         });
170 |         this.currentIndex = index;
171 |       },
172 |       handleFieldBrowserClick(index) {
173 |         this.$store.commit('switch_FieldDialog', this.details[index].formid);
174 |         this.currentIndex = index;
175 |       },
176 |       handleSave() {
177 |         if (this.details.length > 0 || this.deleteIds.length > 0) {
178 |           let params = new URLSearchParams();
179 |           params.append('workflowid', this.$store.state.globalStore.workflowid);
180 |           params.append('list', JSON.stringify(this.details));
181 |           params.append('deleteList', JSON.stringify(this.deleteIds));
182 |           this.axios.post('/ServiceAction/com.eweaver.workflow.workflow.servlet.WorkflowRelateAction?action=save', params,
183 |             {headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}}).then(response => {
184 |             this.$message.info("主人，保存成功！");
185 |           }).catch(error => {
186 |             console.log(error);
187 |           })
188 |         } else {
189 |           this.showMessage()
190 |         }
191 |       },
192 |       showMessage() {
193 |         this.$message.error('主人，小的发现无数据可提交哦');
194 |       }
195 |     },
196 |     watch: {
197 |       workflowRowData: function (newData, oldData) {
198 |         this.details[this.currentIndex].workflowid = newData.workflowid;
199 |         this.details[this.currentIndex].workflowName = newData.workflowName;
200 |       },
201 |       formRowData: function (newData, oldData) {
202 |         this.details[this.currentIndex].formid = newData.formid;
203 |         this.details[this.currentIndex].formName = newData.formName;
204 |       },
205 |       fieldRowData: function (newData, oldData) {
206 |         this.details[this.currentIndex].fieldid = newData.fieldid;
207 |         this.details[this.currentIndex].fieldName = newData.fieldName;
208 |       },
209 |       oid: function (newData, oldData) {
210 |         this.loadData(newData);
211 |       }
212 |     }
213 |   }
214 | </script>
215 | 
216 | <style scoped>
217 |   .main {
218 |     width: 80%;
219 |     margin: 0 auto;
220 |     border-radius: 5px;
221 |     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
222 |   }
223 | 
224 |   .titleTag {
225 |     float: left;
226 |     margin: 20px 0 10px 10px;
227 |   }
228 | 
229 |   .menu {
230 |     float: right;
231 |     margin: 20px 10px 10px 0;
232 |   }
233 | 
234 |   .table {
235 |     margin: 10px;
236 |     padding-bottom: 10px;
237 |   }
238 | </style>
239 | 


--------------------------------------------------------------------------------