apply-clients 3.4.3 → 3.4.5

package/src/components/product/Process/ExplorationUser.vue

@@ -7,7 +7,7 @@
       <div v-if="showtotal" style="height: 89%">
         <tabset v-ref:tabs :close="false">
           <tab :header='selectdata.defname'>
-            <service-control v-ref:service :selectdata="selectdata"></service-control>
+            <service-control  v-ref:service :selectdata="selectdata"></service-control>
           </tab>
           <tab header='附件'>
             <apply-upload :blodid="selectdata.f_process_id"
@@ -22,117 +22,168 @@
           </tab>
         </tabset>
       </div>
+
+      <validator name="v">
+        <modal v-if="showLater" :show.sync="showLater" v-ref:modal :large="true" :backdrop="false" title="稍后处理">
+          <header slot="modal-header" class="modal-header">
+            <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+            <h4 class="modal-title">稍后处理</h4>
+          </header>
+
+          <article slot="modal-body" class="modal-body clearfix">
+            <div class="form-group col-sm-12">
+              <label class="col-sm-2 control-label">稍后处理备注：</label>
+              <div class="col-sm-10">
+                <input type="textarea"
+                       class="form-control input_view"
+                       style="width: 100%"
+                       v-model="laterapply.f_later_remarks" />
+              </div>
+            </div>
+          </article>
+
+          <footer slot="modal-footer" class="modal-footer">
+            <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="later()">稍后处理</button>
+          </footer>
+        </modal>
+      </validator>
     </div>
   </div>
 </template>
 <script>
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-export default {
-  title: '报建流程',
-  data () {
-    return {
-      showQuery: true,       // 控制查询页
-      showData: true,     // 控制列表数据
-      showtotal: false, // 详情显示
-      selectdata: {},
-      xmlname: ''        // 配置文件名
-    }
-  },
-  ready () {
-  },
-  methods: {
-    // 获取页面配置json文件
-    async loadName () {
-
-      let data = {
-        workname: this.selectdata.processname
-      }
-      let http = new HttpResetClass()
-      let res = await http.load(
-        'POST',
-        'rs/logic/ApplyGetConfigs',
-        {data: data},
-        {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
-      )
-
-      Vue.prototype.$workflow_vue = res.data
-    }
-  },
-  events: {
-    'onMessage' (data) {
-      console.log('接收消息')
-      console.log(data)
-      if (data.type === 'apply-task') {
-        this.$refs.query.$refs.cp.$refs.cri.search()
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '报建流程',
+    data () {
+      return {
+        showQuery: true,       // 控制查询页
+        showData: true,     // 控制列表数据
+        showtotal: false, // 详情显示
+        selectdata: {},
+        xmlname: '',        // 配置文件名
+        showLater: false,
+        laterapply: {}
       }
     },
-    // 刷新控制层
-    async 'breakControl' (servicedata) {
+    ready () {
+    },
+    methods: {
+      // 获取页面配置json文件
+      async loadName () {
 
-      if (servicedata.id) {
         let data = {
-          condition: `u.id = ${servicedata.id}`,
-          data: {
-            userid: this.$login.f.id,
-            orgid: this.$login.f.orgid
-          }
+          workname: this.selectdata.processname
         }
-        let res = await this.$resetpost(
-          'rs/sql/checkuser',
+        let http = new HttpResetClass()
+        let res = await http.load(
+          'POST',
+          'rs/logic/ApplyGetConfigs',
           {data: data},
-          {resolveMsg: null, rejectMsg: '数据更新失败，请手查询更新！！！'}
+          {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
         )
 
-        this.selectdata = res.data[0]
-      } else {
-        this.selectdata = servicedata
+        Vue.prototype.$workflow_vue = res.data
+      },
+      async later () {
+        let http = new HttpResetClass()
+        let data = {
+          laterapply: this.laterapply,
+          selectdata: this.selectdata,
+          user: this.$login.f
+        }
+        let res = await http.load('POST', 'rs/logic/laterprocessing', {data:data}, {
+          resolveMsg: null,
+          rejectMsg: '稍后处理记录保存失败！！！'
+        })
+        this.closeModal()
+      },
+      closeModal () {
+        this.selectdata = null
+        this.showLater = false
+        this.laterapply = {}
+
+        this.$refs.query.loadPage()
       }
+    },
+    events: {
+      'onMessage' (data) {
+        console.log('接收消息')
+        console.log(data)
+        if (data.type === 'apply-task') {
+          this.$refs.query.$refs.cp.$refs.cri.search()
+        }
+      },
+      // 刷新控制层
+      async 'breakControl' (servicedata) {
 
-      this.showtotal = false
-      this.$nextTick(() => {
-        this.showtotal = true
-      })
+        if (servicedata.id) {
+          let data = {
+            condition: `u.id = ${servicedata.id}`,
+            data: {
+              id: this.$login.f.id,
+              orgid: this.$login.f.orgid
+            }
+          }
+          let res = await this.$resetpost(
+            'rs/sql/checkuser',
+            {data: data},
+            {resolveMsg: null, rejectMsg: '数据更新失败，请手查询更新！！！'}
+          )
 
-    },
-    // 初始化
-    async 'apply' (val) {
-      this.showtotal = false
-      this.selectdata = val
+          this.selectdata = res.data[0]
+        } else {
+          this.selectdata = servicedata
+        }
 
-      // 次方法必须同步执行，否则后续会出问题
-      // 获取页面json配置文件
-      await this.loadName()
+        this.showtotal = false
+        this.$nextTick(() => {
+          this.showtotal = true
+        })
 
-      // 显示详细
-      this.showtotal = true
-      // 关闭列表数据
-      this.showData = false
-      // 关闭分页
-      this.$refs.query.$refs.cp.pager = false
-    },
-    'search' () {
-      // 关闭详细
-      this.showtotal = false
-      // 显示列表数据
-      this.showData = true
-      // 显示分页
-      this.$refs.query.$refs.cp.pager = true
-      // 调用查询
-      this.$refs.query.$refs.cp.$refs.cri.search()
+      },
+      async openLater (row) {
+        this.selectdata = row
+        this.showLater = true
+      },
+      // 初始化
+      async 'apply' (val) {
+        this.showtotal = false
+        this.selectdata = val
+
+        // 次方法必须同步执行，否则后续会出问题
+        // 获取页面json配置文件
+        await this.loadName()
+
+        // 显示详细
+        this.showtotal = true
+        // 关闭列表数据
+        this.showData = false
+        // 关闭分页
+        this.$refs.query.$refs.cp.pager = false
+      },
+      'search' () {
+        // 关闭详细
+        this.showtotal = false
+        // 显示列表数据
+        this.showData = true
+        // 显示分页
+        this.$refs.query.$refs.cp.pager = true
+        // 调用查询
+        this.$refs.query.$refs.cp.$refs.cri.search()
+      },
+      'loadPage' () {
+        // 关闭详细
+        this.showtotal = false
+        // 显示列表数据
+        this.showData = true
+        // 显示分页
+        this.$refs.query.$refs.cp.pager = true
+        // 调用查询
+        this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
+      }
     },
-    'loadPage' () {
-      // 关闭详细
-      this.showtotal = false
-      // 显示列表数据
-      this.showData = true
-      // 显示分页
-      this.$refs.query.$refs.cp.pager = true
-      // 调用查询
-      this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
+    watch: {
     }
-  },
-  watch: {
   }
-}
 </script>