整改审批

src/router/index.js

@@ -323,11 +323,20 @@ const routes = [{
     path: '/change-info',
     name: 'change-info',
     meta: {
-      title: '隐患整改表单',
+      title: '隐患整改保存',
       index: 1
     },
     component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/changeDanger/changeInfo'),
   },
+  {
+    path: '/delay-info',
+    name: 'delay-info',
+    meta: {
+      title: '隐患整改延期',
+      index: 1
+    },
+    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/changeDanger/delayInfo'),
+  },
 
   {
     path: '/review-danger',
@@ -402,7 +411,7 @@ const routes = [{
     path: '/major-survey',
     name: 'major-survey',
     meta: {
-      title: '重大隐患',
+      title: '重大隐患审批',
       index: 1
     },
     component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/majorDanger/majorSurvey'),
@@ -410,7 +419,7 @@ const routes = [{
 
 
 
-  // 延期审批
+  // 延期审批列表
   {
     path: '/delay-approval',
     name: 'delay-approval',
@@ -420,6 +429,17 @@ const routes = [{
     },
     component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/delayApproval'),
   },
+    // 延期审批确定
+    {
+      path: '/ratify-info',
+      name: 'ratify-info',
+      meta: {
+        title: '延期审批',
+        index: 1
+      },
+      component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/delayApproval/ratifyInfo'),
+    },
+  
   // 项目经理督办列表
   {
     path: '/manager-danger',

src/views/danger/changeDanger/delayInfo.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-form
+      @submit="onSubmit"
+      :show-error="false"
+      :scroll-to-error="true"
+      validate-trigger="onSubmit"
+    >
+    <van-field
+        readonly
+        clickable
+        name="delayTime"
+        :value="delayTime"
+        label="延期时间"
+        placeholder="点击选择日期"
+        @click="showDelayTime = true"
+        :rules="[{ required: true, message: '延期时间不能为空' }]"
+      />
+      <van-popup v-model="showDelayTime" position="bottom">
+        <van-datetime-picker
+          type="datetime"
+          @confirm="onConDelayTime"
+          @cancel="showDelayTime = false"
+        />
+      </van-popup>
+
+      <van-field
+        v-model="delayApply"
+        label="延期理由"
+        name="delayApply"
+        rows="3"
+        type="textarea"
+        placeholder="请输入"
+        :rules="[{ required: true, message: '延期理由不能为空' }]"
+      />
+
+      <div style="margin: 16px;">
+        <van-button round block type="info" native-type="submit"
+          >保存</van-button
+        >
+      </div>
+    </van-form>
+    <div style="margin:10px 16px 0px;padding-bottom:16px">
+      <van-button round block type="warning" @click.native="cancel"
+        >取消</van-button
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { timestampToTime } from "@/utils/format";
+export default {
+  components: {
+    LHeader
+  },
+  data() {
+    return {
+      text: "延期申请",
+      taskId: "",
+      delayTime: "", // 延迟时间
+      showDelayTime: false,
+      delayApply: "", // 延迟理由
+
+    };
+  },
+  created() {
+    this.taskId = this.$route.params.taskId;
+  },
+  methods: {
+    onSubmit(values) {
+      console.log("submit", values);
+    },
+
+    // 延期时间
+    onConDelayTime(date) {
+      this.delayTime = timestampToTime(date, "DT1", true);
+      this.showDelayTime = false;
+    },
+   
+    cancel() {
+      this.$router.go(-1);
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+</style>

src/views/danger/changeDanger/index.vue

@@ -51,6 +51,9 @@
             <van-button round type="info" @touchstart="goConfirm(item)"
               >确认</van-button
             >
+            <van-button round type="info" @touchstart="goDelay(item)"
+              >延期</van-button
+            >
           </div>
         </van-overlay>
       </van-cell-group>
@@ -134,6 +137,18 @@ export default {
         }
       });
       this.showIndex = null;
+    },
+    // 延期
+    goDelay(data) {
+      console.log(data);
+      this.$router.push({
+        name:"delay-info",
+        params:{
+          "taskId":data.taskId,
+          "taskName":data.taskName
+        }
+      });
+      this.showIndex = null;
     }
   },
   filters:{

src/views/danger/delayApproval/index.vue

@@ -39,6 +39,9 @@
             <van-button round type="primary" @touchstart="goDetail(item)"
               >详情</van-button
             >
+             <van-button round type="info" @touchstart="goConfirm(item)"
+              >审批</van-button
+            >
           </div>
         </van-overlay>
       </van-cell-group>
@@ -103,6 +106,17 @@ export default {
       });
       this.showIndex = null;
     },
+    // 审批
+    goConfirm(data) {
+      console.log(data);
+      this.$router.push({
+        name:"ratify-info",
+        params:{
+          "taskId":data.taskId
+        }
+      });
+      this.showIndex = null;
+    }
   }
 };
 </script>

src/views/danger/delayApproval/ratifyInfo.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-form
+      @submit="onSubmit"
+      :show-error="false"
+      :scroll-to-error="true"
+      validate-trigger="onSubmit"
+    >
+    <van-field
+        v-model="delayTime"
+        name="delayTime"
+        label="延期时间"
+        placeholder="请输入"
+        :rules="[{ required: true, message: '延期时间不能为空' }]"
+      />
+
+
+      <van-field
+        v-model="delayApply"
+        readonly
+        label="延期理由"
+        name="delayApply"
+        rows="1"
+        autosize
+        type="textarea"
+      />
+
+    <van-field name="isAgree" label="延期是否通过">
+        <template #input>
+          <van-radio-group
+            v-model="isAgree"
+            direction="horizontal"
+            @change="selectResult"
+          >
+            <van-radio name="1">通过</van-radio>
+            <van-radio name="0">退回</van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+
+      <van-field
+        v-model="opinion"
+        label="理由或者意见"
+        name="opinion"
+        rows="3"
+        type="textarea"
+        placeholder="请输入"
+        :rules="[{ required: true, message: '理由或者意见不能为空' }]"
+      />
+
+
+      <div style="margin: 16px;">
+        <van-button round block type="info" native-type="submit"
+          >保存</van-button
+        >
+      </div>
+    </van-form>
+    <div style="margin:10px 16px 0px;padding-bottom:16px">
+      <van-button round block type="warning" @click.native="cancel"
+        >取消</van-button
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { timestampToTime } from "@/utils/format";
+export default {
+  components: {
+    LHeader
+  },
+  data() {
+    return {
+      text: "延期审批",
+      taskId: "",
+      delayTime: "", // 延迟时间
+      showDelayTime: false,
+      delayApply: "", // 延迟理由
+      isAgree: 1, // 延期是否通过
+      opinion: "", //理由或者意见
+
+    };
+  },
+  created() {
+    this.taskId = this.$route.params.taskId;
+  },
+  methods: {
+    onSubmit(values) {
+      console.log("submit", values);
+    },
+
+    selectResult(val) {
+      this.isAgree = val;
+    },
+
+ 
+   
+    cancel() {
+      this.$router.go(-1);
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+</style>