工单跳转处置

src/assets/styles/index.scss

@@ -207,26 +207,46 @@ aside {
     color: #DE8C54!important
 }
 
-
 // 运维管理
-.event{
-    border:1px solid #ccc;
-    padding:1.5vh 0;
-    font-size:0.9vw;
-  }
-  .colorc{
-    font-size:1.2vw;
-    margin-left:4px;
-  }
-  .color1{
-    color:#6F99FA!important;
-  }
-  .color2{
-    color:#DE8C54!important
-  }
-  .color3{
-    color:#FF5801!important
-  }
-  .color4{
-    color:#37FF01!important
-  }
+.event {
+    border: 1px solid #ccc;
+    padding: 1.5vh 0;
+    font-size: 0.9vw;
+}
+
+.colorc {
+    font-size: 1.2vw;
+    margin-left: 4px;
+}
+
+.color1 {
+    color: #6F99FA!important;
+}
+
+.color2 {
+    color: #DE8C54!important
+}
+
+.color3 {
+    color: #FF5801!important
+}
+
+.color4 {
+    color: #37FF01!important
+}
+
+.success {
+    color: #67C23A
+}
+
+.warning {
+    color: #E6A23C
+}
+
+.danger {
+    color: #F56C6C
+}
+
+.info {
+    color: #909399
+}

src/views/business/OM/workMange/index.vue

@@ -126,19 +126,19 @@
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="工单名称" prop="workOrderName">
-              <el-input v-model="form.workOrderName" />
+              <el-input v-model="form.workOrderName"  placeholder="请输入工单名称"/>
             </el-form-item>
           </el-col>
           <el-col :span="12" >
             <el-form-item label="工单内容" prop="workOrderContent">
-              <el-input v-model="form.workOrderContent" />
+              <el-input v-model="form.workOrderContent" placeholder="请输入工单内容"/>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12" >
             <el-form-item label="工单类型" prop="workOrderType">
-              <el-select v-model="form.workOrderType"  size="small">
+              <el-select v-model="form.workOrderType"  size="small" placeholder="请选择工单类型">
                 <el-option value="1" label="消防告警"></el-option>
                 <el-option value="2" label="巡检计划"></el-option>
                 <el-option value="3" label="厕位故障"></el-option>
@@ -162,7 +162,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12" >
-            <el-form-item label="所属单位">
+            <el-form-item label="所属单位" prop="companyCode">
               <el-select v-model="form.companyCode"  placeholder="请选择所属单位">
                 <el-option
                   v-for="item in companyList"
@@ -182,7 +182,7 @@
     </el-dialog>
     <!-- 修改对话框 -->
     <el-dialog :title="title" :visible.sync="open2" width="600px" append-to-body :before-close="cancel" :close-on-click-modal="false">
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto" >
+      <el-form ref="form" :model="form" :rules="rules2" label-width="auto" >
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="工单名称" prop="workOrderName">
@@ -281,7 +281,33 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {},
+      rules: {
+        workOrderName:[
+          { required: true, message: "工单不能为空", trigger: "blur" }
+        ],
+        workOrderContent: [
+          { required: true, message: "工单内容不能为空", trigger: "blur" }
+        ],
+        workOrderType: [
+          { required: true, message: "工单类型不能为空", trigger: ["blur",'change'] }
+        ],
+        teamId: [
+          { required: true, message: "执行班组不能为空", trigger: ["blur",'change'] }
+        ],
+        companyCode: [
+          { required: true, message: "所属单位不能为空", trigger: ["blur",'change'] }
+        ],
+      },
+      // 表单校验
+      rules2: {
+        clnr:[
+          { required: true, message: "处置内容不能为空", trigger: "blur" }
+        ],
+        isAlarm: [
+          { required: true, message: "审批内容不能为空", trigger: ["blur",'change'] }
+        ],
+
+      },
       //综合数据
       collectList:[],
       loading2:true,
@@ -292,7 +318,6 @@ export default {
   created() {
     this.init()//初始化
     if(JSON.stringify(this.$route.query) !="{}"){ //跳转至工单查询
-      console.log(this.$route.query)
       this.workOrderOne(this.$route.query.id,this.$route.query.type)
     }else{
       this.getList();//初始化table
@@ -362,10 +387,9 @@ export default {
     workOrderOne(id,type){
       this.getDevopsTeam()
       workOrderOne({"businessId":id,"type":type}).then(res=>{
-        console.log(res)
-        // this.adminList = response.data.records;
-        // this.total = response.data.total;
-        // this.loading = false;
+        // handleUpdate(row)
+        this.adminList.push(res.data);
+        this.loading = false;
       })
     },
     /** 修改按钮操作 */

vue.config.js

@@ -33,8 +33,8 @@ module.exports = {
         proxy: {
             // detail: https://cli.vuejs.org/config/#devserver-proxy
             [process.env.VUE_APP_BASE_API]: {
-                target: `http://172.16.120.213:8084/`, //本地
-                //target: 'https://smartpark.caih.com/dmapi/', //东信
+                //target: `http://172.16.120.213:8084/`, //本地
+                target: 'https://smartpark.caih.com/dmapi/', //东信
                 changeOrigin: true,
                 pathRewrite: {
                     ['^' + process.env.VUE_APP_BASE_API]: ''
@@ -125,4 +125,4 @@ module.exports = {
                 }
             )
     }
-}
+}