提交基础页面

2023-04-17 10:31:08 +08:00
parent 4ed0752b86
commit 61e01291fd
12 changed files with 2838 additions and 630 deletions
@@ -0,0 +1,97 @@
+<template>
+  <div class="process">
+    <div class="process_box">
+      <process-header :title="'发起流程'"></process-header>
+      <div class="procedure">
+        <div class="content">
+          <span class="base_title">基础信息</span>
+          <el-row>
+            <report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}"> </report-table>
+          </el-row>
+          <el-row>
+            <el-form ref="form" :model="applicationForm" label-width="150px"
+                     class="label-input-form" size="medium">
+              <el-row>
+                <el-col :span="9">
+                  <el-form-item label="申请原因">
+                    <el-input type="textarea" v-model="applicationForm.name"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9" :offset="6">
+                  <el-form-item label="选择申请权限">
+                    <el-select v-model="value" placeholder="请选择">
+                      <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </el-row>
+        </div>
+        <div class="content">
+          <span class="base_title">指派信息</span>
+          <el-form ref="form" :model="assignForm" label-width="150px"
+                   class="label-input-form" size="medium">
+            <el-row>
+              <el-col :span="9">
+                <el-form-item label="活动名称">
+                  <el-input v-model="assignForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="9" :offset="6">
+                <el-form-item label="活动名称">
+                  <el-input v-model="assignForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import processHeader from '@/components/ProcessHeader'
+import reportTable from './components/reportTable'
+export default {
+  name: 'launch',
+  components: {
+    processHeader,
+    reportTable
+  },
+  data () {
+    return {
+      assignForm: {},
+      tableData: [],
+      applicationForm: {},
+      q: {
+        pageSize: 10000,
+        pageNo: 1
+      }
+    }
+  },
+  created () {
+    this.reportList()
+  },
+  methods: {
+    // 获取表格列表 吧查询到的值传给子组件
+    reportList () {
+      this.$api.report.reportList(this.q).then(({ data }) => {
+        this.tableData = data.records
+      })
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>