json

ys_vue/src/routes.js

@@ -14,6 +14,7 @@ import echarts from './views/charts/echarts.vue'
 import map from './views/map/map.vue'
 
 import detection from './views/detection/detection.vue'
+import maintenance from './views/detection/maintenance.vue'
 
 import project from './views/project/project.vue'
 import staff from './views/project/staff.vue'
@@ -91,9 +92,9 @@ let routes = [
         component: Home,
         name: '',
         iconCls: 'iconfont icon-jiance',
-        leaf: true,//只有一个节点
         children: [
-            { path: '/detection', component: detection, name: '运行检测' }
+            { path: '/detection', component: detection, name: '运行检测' },
+            { path: '/detection/:id', component: maintenance, name: '运行检测详情' }
         ]
     },
     // 项目管理

ys_vue/src/views/detection/detection.vue

@@ -1,303 +1,125 @@
 <template>
-	<section>
-		<!--工具条-->
-		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
-			<el-form :inline="true" :model="filters">
-				<el-form-item>
-					<el-input v-model="filters.name" placeholder="姓名"></el-input>
-				</el-form-item>
-				<el-form-item>
-					<el-button type="primary" v-on:click="getUsers">查询</el-button>
-				</el-form-item>
-				<el-form-item>
-					<el-button type="primary" @click="handleAdd">新增</el-button>
-				</el-form-item>
-			</el-form>
-		</el-col>
+  <section>
+    <!--工具条-->
+    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+      <el-form :inline="true" :model="filters">
+        <el-col :span="2">
+          <el-form-item>
+            <el-select v-model="filters.value" clearable 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-form-item>
+          <el-input v-model="filters.name" placeholder="请输入账号或姓名进行搜索"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item style="float:right;">
+          <el-button type="primary">添加模具</el-button>
+        </el-form-item>
+      </el-form>
+    </el-col>
 
-		<!--列表-->
-		<el-table :data="users" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
-			<el-table-column type="selection" width="55">
-			</el-table-column>
-			<el-table-column type="index" width="60">
-			</el-table-column>
-			<el-table-column prop="name" label="姓名" width="120" sortable>
-			</el-table-column>
-			<el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
-			</el-table-column>
-			<el-table-column prop="age" label="年龄" width="100" sortable>
-			</el-table-column>
-			<el-table-column prop="birth" label="生日" width="120" sortable>
-			</el-table-column>
-			<el-table-column prop="addr" label="地址" min-width="180" sortable>
-			</el-table-column>
-			<el-table-column label="操作" width="150">
-				<template slot-scope="scope">
-					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+    <!--列表-->
+    <el-table :data="moulds" highlight-current-row v-loading="listLoading" style="width: 100%;">
+      <el-table-column type="index" width="60"></el-table-column>
+      <el-table-column prop="number" label="模具编号" width="100" sortable></el-table-column>
+      <el-table-column prop="name" label="模具类型名称" width="140" sortable></el-table-column>
+      <el-table-column prop="project" label="所属项目" width="100" sortable></el-table-column>
+      <el-table-column prop="client" label="客户名称" width="100" sortable></el-table-column>
+      <el-table-column prop="operation" label="运行次数" width="100" sortable></el-table-column>
+      <el-table-column prop="averageCycle" label="每模平均周期" width="140" sortable></el-table-column>
+      <el-table-column prop="power" label="电量" width="80" sortable></el-table-column>
+      <el-table-column prop="currentState" label="当前状态" width="100" sortable></el-table-column>
+      <el-table-column prop="lifetime" label="模具寿命" width="100" sortable></el-table-column>
+      <el-table-column label="模具保养" width="100" sortable>
+        <el-button size="small" @click="toMaintenance(number)">不需要</el-button>
+      </el-table-column>
+      <el-table-column label="模具更新" width="100" sortable>
+        <el-button size="small">请求</el-button>
+      </el-table-column>
+      <el-table-column label="模具报废" width="100" sortable>
+        <el-button size="small">请求</el-button>
+      </el-table-column>
+    </el-table>
 
-		<!--工具条-->
-		<el-col :span="24" class="toolbar">
-			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
-			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="20" :total="total" style="float:right;">
-			</el-pagination>
-		</el-col>
-
-		<!--编辑界面-->
-		<el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
-			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
-				<el-form-item label="姓名" prop="name">
-					<el-input v-model="editForm.name" autocomplete="off"></el-input>
-				</el-form-item>
-				<el-form-item label="性别">
-					<el-radio-group v-model="editForm.sex">
-						<el-radio class="radio" :label="1">男</el-radio>
-						<el-radio class="radio" :label="0">女</el-radio>
-					</el-radio-group>
-				</el-form-item>
-				<el-form-item label="年龄">
-					<el-input-number v-model="editForm.age" :min="0" :max="200"></el-input-number>
-				</el-form-item>
-				<el-form-item label="生日">
-					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.birth"></el-date-picker>
-				</el-form-item>
-				<el-form-item label="地址">
-					<el-input type="textarea" v-model="editForm.addr"></el-input>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button @click.native="editFormVisible = false">取消</el-button>
-				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
-			</div>
-		</el-dialog>
-
-		<!--新增界面-->
-		<el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
-			<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
-				<el-form-item label="姓名" prop="name">
-					<el-input v-model="addForm.name" autocomplete="off"></el-input>
-				</el-form-item>
-				<el-form-item label="性别">
-					<el-radio-group v-model="addForm.sex">
-						<el-radio class="radio" :label="1">男</el-radio>
-						<el-radio class="radio" :label="0">女</el-radio>
-					</el-radio-group>
-				</el-form-item>
-				<el-form-item label="年龄">
-					<el-input-number v-model="addForm.age" :min="0" :max="200"></el-input-number>
-				</el-form-item>
-				<el-form-item label="生日">
-					<el-date-picker type="date" placeholder="选择日期" v-model="addForm.birth"></el-date-picker>
-				</el-form-item>
-				<el-form-item label="地址">
-					<el-input type="textarea" v-model="addForm.addr"></el-input>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button @click.native="addFormVisible = false">取消</el-button>
-				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
-			</div>
-		</el-dialog>
-	</section>
+    <!--工具条-->
+    <el-col :span="24" class="toolbar">
+      <!-- <el-button type="danger" :disabled="this.sels.length===0">批量删除</el-button> -->
+      <el-pagination
+        layout="prev, pager, next"
+        @current-change="handleCurrentChange"
+        :page-size="20"
+        :total="total"
+        style="float:right;"
+      ></el-pagination>
+    </el-col>
+  </section>
 </template>
 
 <script>
-	import util from '../../common/js/util'
-	//import NProgress from 'nprogress'
-	import { getUserListPage, removeUser, batchRemoveUser, editUser, addUser } from '../../api/api';
-
-	export default {
-		data() {
-			return {
-				filters: {
-					name: ''
-				},
-				users: [],
-				total: 0,
-				page: 1,
-				listLoading: false,
-				sels: [],//列表选中列
-
-				editFormVisible: false,//编辑界面是否显示
-				editLoading: false,
-				editFormRules: {
-					name: [
-						{ required: true, message: '请输入姓名', trigger: 'blur' }
-					]
-				},
-				//编辑界面数据
-				editForm: {
-					id: 0,
-					name: '',
-					sex: -1,
-					age: 0,
-					birth: '',
-					addr: ''
-				},
-
-				addFormVisible: false,//新增界面是否显示
-				addLoading: false,
-				addFormRules: {
-					name: [
-						{ required: true, message: '请输入姓名', trigger: 'blur' }
-					]
-				},
-				//新增界面数据
-				addForm: {
-					name: '',
-					sex: -1,
-					age: 0,
-					birth: '',
-					addr: ''
-				}
-
-			}
-		},
-		methods: {
-			//性别显示转换
-			formatSex: function (row, column) {
-				return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知';
-			},
-			handleCurrentChange(val) {
-				this.page = val;
-				this.getUsers();
-			},
-			//获取用户列表
-			getUsers() {
-				let para = {
-					page: this.page,
-					name: this.filters.name
-				};
-				this.listLoading = true;
-				//NProgress.start();
-				getUserListPage(para).then((res) => {
-					this.total = res.data.total;
-					this.users = res.data.users;
-					this.listLoading = false;
-					//NProgress.done();
-				});
-			},
-			//删除
-			handleDel: function (index, row) {
-				this.$confirm('确认删除该记录吗?', '提示', {
-					type: 'warning'
-				}).then(() => {
-					this.listLoading = true;
-					//NProgress.start();
-					let para = { id: row.id };
-					removeUser(para).then((res) => {
-						this.listLoading = false;
-						//NProgress.done();
-						this.$message({
-							message: '删除成功',
-							type: 'success'
-						});
-						this.getUsers();
-					});
-				}).catch(() => {
-
-				});
-			},
-			//显示编辑界面
-			handleEdit: function (index, row) {
-				this.editFormVisible = true;
-				this.editForm = Object.assign({}, row);
-			},
-			//显示新增界面
-			handleAdd: function () {
-				this.addFormVisible = true;
-				this.addForm = {
-					name: '',
-					sex: -1,
-					age: 0,
-					birth: '',
-					addr: ''
-				};
-			},
-			//编辑
-			editSubmit: function () {
-				this.$refs.editForm.validate((valid) => {
-					if (valid) {
-						this.$confirm('确认提交吗？', '提示', {}).then(() => {
-							this.editLoading = true;
-							//NProgress.start();
-							let para = Object.assign({}, this.editForm);
-							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
-							editUser(para).then((res) => {
-								this.editLoading = false;
-								//NProgress.done();
-								this.$message({
-									message: '提交成功',
-									type: 'success'
-								});
-								this.$refs['editForm'].resetFields();
-								this.editFormVisible = false;
-								this.getUsers();
-							});
-						});
-					}
-				});
-			},
-			//新增
-			addSubmit: function () {
-				this.$refs.addForm.validate((valid) => {
-					if (valid) {
-						this.$confirm('确认提交吗？', '提示', {}).then(() => {
-							this.addLoading = true;
-							//NProgress.start();
-							let para = Object.assign({}, this.addForm);
-							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
-							addUser(para).then((res) => {
-								this.addLoading = false;
-								//NProgress.done();
-								this.$message({
-									message: '提交成功',
-									type: 'success'
-								});
-								this.$refs['addForm'].resetFields();
-								this.addFormVisible = false;
-								this.getUsers();
-							});
-						});
-					}
-				});
-			},
-			selsChange: function (sels) {
-				this.sels = sels;
-			},
-			//批量删除
-			batchRemove: function () {
-				var ids = this.sels.map(item => item.id).toString();
-				this.$confirm('确认删除选中记录吗？', '提示', {
-					type: 'warning'
-				}).then(() => {
-					this.listLoading = true;
-					//NProgress.start();
-					let para = { ids: ids };
-					batchRemoveUser(para).then((res) => {
-						this.listLoading = false;
-						//NProgress.done();
-						this.$message({
-							message: '删除成功',
-							type: 'success'
-						});
-						this.getUsers();
-					});
-				}).catch(() => {
-
-				});
-			}
-		},
-		mounted() {
-			this.getUsers();
-		}
-	}
-
+import util from "../../common/js/util";
+export default {
+  data() {
+    return {
+      options: [{ value: "aaa", label: "123" }, { value: "bbb", label: "456" }],
+      moulds: [
+        //临时数据
+        {
+          number: "001",
+          name: "啦啦啦模具",
+          project: "啦啦计划",
+          client: "啦啦客户",
+          operation: "12450",
+          averageCycle: "114514",
+          power: "70%",
+          currentState: "还行",
+          lifetime: "100",
+          maintainRequirement: false
+        },
+        {
+          number: "002",
+          name: "abc模具",
+          project: "123计划",
+          client: "牛逼的客户",
+          operation: "789",
+          averageCycle: "101112",
+          power: "60%",
+          currentState: "凑合",
+          lifetime: "120",
+          maintainRequirement: true
+        }
+      ],
+      filters: {
+        name: "",
+        value: ""
+      },
+      listLoading: false,
+      total: 0
+    };
+  },
+  methods: {
+    handleCurrentChange(val) {
+      this.page = val;
+      // this.getUsers();
+    },
+    selsChange: function(sels) {
+      this.sels = sels;
+    },
+    toMaintenance(number) {
+      this.$router.push("/detection/" + number);
+    }
+  },
+  mounted() {}
+};
 </script>
 
 <style scoped>
-
 </style>

ys_vue/src/views/detection/maintenance.vue

@@ -0,0 +1,90 @@
+<template>
+  <section>
+    <!--工具条-->
+    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+      <el-form :inline="true">
+        <el-form-item>当前保养状态：需要</el-form-item>
+        <el-form-item>
+          <el-button type="primary">立即处理</el-button>
+        </el-form-item>
+        <el-form-item style="float:right;">保养提醒</el-form-item>
+      </el-form>
+    </el-col>
+
+    <!--列表-->
+    <el-table :data="moulds" highlight-current-row v-loading="listLoading" style="width: 100%;">
+      <el-table-column type="index" width="60"></el-table-column>
+      <el-table-column prop="maintenancer" label="保养人" width="100" sortable></el-table-column>
+      <el-table-column prop="plan" label="保养方案" width="100" sortable></el-table-column>
+      <el-table-column prop="picture" label="保养照片" width="100" sortable></el-table-column>
+      <el-table-column prop="closeTime" label="关闭时间" width="100" sortable></el-table-column>
+      <el-table-column prop="state" label="状态" width="100" sortable></el-table-column>
+      <el-table-column label="操作" width="220" sortable>
+        <el-button size="small">浏览</el-button>
+        <el-button size="small">下载</el-button>
+        <el-button size="small">删除</el-button>
+      </el-table-column>
+    </el-table>
+
+    <!--工具条-->
+    <el-col :span="24" class="toolbar">
+      <!-- <el-button type="danger" :disabled="this.sels.length===0">批量删除</el-button> -->
+      <el-pagination
+        layout="prev, pager, next"
+        @current-change="handleCurrentChange"
+        :page-size="20"
+        :total="total"
+        style="float:right;"
+      ></el-pagination>
+    </el-col>
+  </section>
+</template>
+
+<script>
+import util from "../../common/js/util";
+export default {
+  data() {
+    return {
+      options: [{ value: "aaa", label: "123" }, { value: "bbb", label: "456" }],
+      moulds: [
+        {
+          maintenancer: "张有财",
+          plan: "100kb",
+          picture: "张富贵",
+          closeTime: "2019-07-24",
+          state: "已通过"
+        },
+        {
+          maintenancer: "刘没财",
+          plan: "200kb",
+          picture: "刘穷比",
+          closeTime: "2019-07-23",
+          state: "未通过"
+        }
+      ],
+      filters: {
+        name: "",
+        value: ""
+      },
+      listLoading: false,
+      total: 0
+    };
+  },
+  methods: {
+    handleCurrentChange(val) {
+      this.page = val;
+      // this.getUsers();
+    },
+    selsChange: function(sels) {
+      this.sels = sels;
+    },
+    toMaintenance() {
+      this.$router.push("/staff");
+    }
+  },
+  mounted() {}
+};
+</script>
+
+<style scoped>
+</style>