Browse Source

增加组件

humingbo 1 year ago
parent
commit
4799d1746e

+ 48 - 0
src/components/Page/Pagination.vue

@@ -0,0 +1,48 @@
+/**
+* 分页组件
+*/
+<template>
+  <el-pagination class="page-box" @size-change="handleSizeChange" @current-change="handleCurrentChange" background :current-page="childMsg.page" :page-sizes="[10, 20, 30, 40]" :page-size="childMsg.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="childMsg.total">
+  </el-pagination>
+</template>
+<script>
+export default {
+  name: 'Pagination',
+  props: ['childMsg'],
+  data() {
+    return {
+      pageparm: {
+        page: this.childMsg.page,
+        pageSize: this.childMsg.pageSize
+      }
+    }
+  },
+  created() {},
+  methods: {
+    handleSizeChange(val) {
+      /**
+       * 子传父
+       * 参数1 父元素方法
+       * 参数2 数据
+       */
+      this.pageparm.pageSize = val
+      this.$emit('callFather', this.pageparm)
+    },
+    handleCurrentChange(val) {
+      /**
+       * 子传父
+       * 参数1 父元素方法
+       * 参数2 数据
+       */
+      this.pageparm.page = val
+      this.$emit('callFather', this.pageparm)
+    }
+  }
+}
+</script>
+
+<style>
+.page-box {
+  margin: 10px auto;
+}
+</style>

+ 169 - 0
src/views/enforceflow/enforceflow.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="app-container">
+
+    <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true">
+      <el-form-item label="项目名称:">
+        <el-input v-model="formInline.user" placeholder="项目名称"></el-input>
+      </el-form-item>
+      <el-form-item label="所属医院:">
+        <el-select v-model="formInline.region" placeholder="所属医院">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属系统:">
+        <el-select v-model="formInline.region" placeholder="所属系统">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+        <el-button icon="el-icon-refresh"  @click="onSubmit">重置</el-button>
+        <el-button type="success" icon="el-icon-plus" @click="createMeeting">创建实施</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="tableData"
+      border
+      stripe
+      size="mini"
+      style="width: 100%">
+      <el-table-column  type="index" label="序号" width="60">
+      </el-table-column>
+      <el-table-column label="项目名称">
+      </el-table-column>
+      <el-table-column label="实施人员">
+      </el-table-column>
+      <el-table-column label="实施时间">
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        label="所属系统"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="状态
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="创建时间">
+      </el-table-column>
+      <el-table-column label="操作" prop="op" width="150">
+        <template slot-scope="scope">
+          <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="deleteAlarmContactById(scope.$index, scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
+
+    <!--编辑会议窗体-->
+    <!-- 编辑界面 -->
+    <el-dialog :title="title" :visible.sync="editFormVisible" width="55%" @click="closeDialog">
+      <el-form label-width="120px" >
+        <el-form-item label="会议主题:">
+          <el-input size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="会议类别:">
+          <el-radio  label="1">备选项</el-radio>
+          <el-radio  label="2">备选项</el-radio>
+        </el-form-item>
+        <el-form-item label="会议类型:">
+          <el-select v-model="formInline.region" placeholder="会议类型">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="会议地点:">
+          <el-input size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="会议时间:">
+
+        </el-form-item>
+        <el-form-item label="外部参会人员:">
+          <el-input size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="内部参会人员:">
+          <el-input size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="会议内容:">
+          <el-input size="small"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeDialog">取消</el-button>
+        <el-button size="small" type="primary" :loading="loading" class="title" @click="submitForm('editForm')">保存</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Page/Pagination'
+
+export default {
+  name: 'enforceflow',
+  data() {
+    return {
+      tableData: [{
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }, {
+        date: '2016-05-04',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1517 弄'
+      }, {
+        date: '2016-05-01',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1519 弄'
+      }, {
+        date: '2016-05-03',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1516 弄'
+      }],
+      pageparm: {
+        page: 1,
+        pageSize: 10,
+        total: 0
+      },
+      formInline: {
+        page: 1,
+        pageSize: 10
+      },
+      editFormVisible: false,
+      title : '创建会议'
+
+    }
+  },
+  // 注册组件
+  components: {
+    Pagination
+  },
+  methods: {
+    // 分页插件事件
+    callFather(parm) {
+      this.formInline.page = parm.page
+      this.formInline.pageSize = parm.pageSize
+      //this.getdata(this.formInline)
+    },
+    createMeeting() {
+      this.title = '创建会议'
+      this.editFormVisible = true
+    },
+    closeDialog() {
+      this.editFormVisible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 32 - 0
src/views/enforceflow/enforceflowdetail.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="app-container">
+    <h3> 实施流程明细</h3>
+    <el-steps :active="1" finish-status="success" align-center  >
+      <el-step title="开始" />
+      <el-step title="项目启动会" />
+      <el-step title="发货" />
+      <el-step title="物流签收" />
+      <el-step title="进入现场" />
+      <el-step title="设备安装" />
+      <el-step title="系统安装" />
+      <el-step title="操作培训" />
+      <el-step title="现场值守" />
+      <el-step title="离场" />
+      <el-step title="实施复盘" />
+      <el-step title="文件归档" />
+
+      <el-step title="结束" />
+    </el-steps>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'enforceflowdetail'
+}
+</script>
+
+<style scoped>
+
+</style>

+ 55 - 0
src/views/meeting/weekly.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="app-container">
+    <el-form   size="mini" :inline="true">
+      <el-form-item label="关联会议">
+        <el-select  placeholder="关联会议">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item >
+        <el-button style="margin-right: 150px" type="primary" icon="el-icon-download" >周报生成</el-button>
+      </el-form-item>
+    </el-form>
+    <div>
+      <h3>本周工作内容</h3>
+      <el-table
+        border
+        stripe
+        size="mini"
+        style="width: 55%">
+        <el-table-column  type="index" label="序号" width="60">
+        </el-table-column>
+        <el-table-column label="工作内容">
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <h3>下周工作计划</h3>
+      <el-table
+        border
+        stripe
+        size="mini"
+        style="width: 55%">
+        <el-table-column  type="index" label="序号" width="60">
+        </el-table-column>
+        <el-table-column label="工作计划">
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'weekly',
+  data() {
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 92 - 0
src/views/meeting/weeklyRecords.vue

@@ -0,0 +1,92 @@
+<template>
+  <div class="app-container" >
+    <h3>{{title}}</h3>
+
+    <el-descriptions  title="" :column="2" :size="size" border>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-user"></i>
+         会议时间
+        </template>
+       2022-12-12 12:00:00至2022-12-12 12:00:00
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-mobile-phone"></i>
+         会议主持人
+        </template>
+      张三
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-location-outline"></i>
+          会议地点
+        </template>
+        重庆柏玮熠办公室
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-tickets"></i>
+          会议记录人
+        </template>
+        <el-tag size="small">李四</el-tag>
+      </el-descriptions-item>
+      <el-descriptions-item :span="2">
+        <template slot="label">
+          <i class="el-icon-office-building"></i>
+         参会人员
+        </template>
+        王五、张三、小七
+      </el-descriptions-item>
+      <el-descriptions-item :span="2">
+        <template slot="label">
+          <i class="el-icon-office-building"></i>
+          参会情况
+        </template>
+        应到15人,实到12人
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-table
+      style="width: 100%" border stripe>
+      <el-table-column
+        prop="date"
+        label="姓名" align="center"
+        width="120">
+      </el-table-column>
+      <el-table-column prop="workzongjie" label="本周工作总结" align="center" min-width="450">
+        <el-table-column label="工作内容" align="center">
+        </el-table-column>
+        <el-table-column label="是否上周遗留" align="center" width="120">
+        </el-table-column>
+        <el-table-column label="完成情况说明" align="center">
+        </el-table-column>
+      </el-table-column>
+      <el-table-column prop="workplan" label="下周工作计划" align="center">
+        <el-table-column label="工作内容" align="center">
+        </el-table-column>
+        <el-table-column label="计划时间" align="center" width="150">
+        </el-table-column>
+      </el-table-column>
+      <el-table-column prop="pingfen" label="评分" align="center" width="85">
+      </el-table-column>
+      <el-table-column prop="remark" label="备注" align="center">
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'weeklyRecords',
+  data()  {
+    return {
+      title : '技术部周会',
+      size: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>