apply-clients 3.5.5-8 → 3.5.5-80

package/src/filiale/jinhuang/pc/ContractList.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+          <div class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">组织机构：</label>
+                <res-select
+                  restype='organization'
+                  :initresid='$parent.$parent.curorgid'
+                  @res-select="$parent.$parent.getorg"
+                  is-mul="false"
+                ></res-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">工程编号：</label>
+                <input type="text" style="width: 60%" class="input_search" placeholder='工程编号' v-model="model.f_apply_num"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="f_apply_num = '{}'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">签订状态：</label>
+                <v-select
+                  v-model="model.f_signature_state"
+                  condition="  f_signature_state ='{}'"
+                  :value.sync="model.f_signature_state"
+                  :options='$parent.$parent.Status'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <div class="form-group col-sm-3 button-range">
+                <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+                <div
+                  :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                  @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                  class="button_spacing"
+                  style="float: right">
+                </div>
+              </div>
+            </div>
+            <div class="row" v-show="$parent.$parent.criteriaShow">
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+          <template partial='head'>
+            <tr>
+              <th>序号</th>
+              <th>工程编号</th>
+              <th>工程名称</th>
+              <th>合同名称</th>
+              <th>签订状态</th>
+              <th>操作</th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align: center;">
+                <nobr><font>{{$index+1}}</font></nobr>
+              </td>
+              <td style="text-align: center;" >
+                <nobr><font>{{row.f_apply_num}}</font></nobr>
+              </td>
+              <td style="text-align: center;" >
+                <nobr><font>{{row.f_entry_name}}</font></nobr>
+              </td>
+              <td style="text-align: center;" >
+                <nobr><font>{{row.f_contract_name}}</font></nobr>
+              </td>
+              <td style="text-align: center;" >
+                <nobr><font>{{row.f_signature_state}}</font></nobr>
+              </td>
+              <td style="text-align: center;" >
+                <button   v-if="row.f_signature_state!=='已签订'" type="button" name="button" class="btn btn-link"
+                        @click.stop="$parent.$parent.$parent.Signed(row)">签字
+                </button>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+  </div>
+</template>
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import QXClient from '../../../components/QXClient'
+import { urlToBase64 } from '../../../components/SignTools'
+import {runLogic} from 'vue-client/src/util/apiUtils';
+export default {
+  title: '合同列表',
+  data () {
+    return {
+      model: new PagedList('rs/sql/getContractList', 30),
+      curorgid: [this.$login.f.orgid],
+      curdepid: [],
+      curuserid: [],
+      contractname: [{ label: '全部', value: ''},...this.$appdata.getParam('报建签订合同')],
+      Status: [
+        {label: '全部', value: ''},
+        {label: '已签订', value: '已签订'},
+        {label: '待签订', value: '待签订'}
+      ],
+      criteriaShow: false,
+    }
+  },
+  ready () {
+    this.search()
+  },
+  methods: {
+    Signed (record) {
+      this.$showMessage(`是否选择当前合同进行签字`, ['confirm']).then( (res) => {
+        if (res === 'confirm') {
+          if (record.f_contract_url) {
+            const base64Data =urlToBase64(record.f_signature_url)
+            QXClient.openPDFSign({
+              data: {
+                pdfdata: base64Data
+              },
+              successCallback: (response) => {
+                console.log('>>> 签名结果：', JSON.stringify(response))
+                if (response.image) {
+                  runLogic('contractSignature', {
+                    image: response.image,
+                    ...record
+                  },'af-revenue').then(async res2 => {
+                    console.log('PDF 签名成功:', res2)
+                    if (res2.f_signature_url) {
+                      //修改t_files文件
+                      let http = new HttpResetClass()
+                      let sql = `update t_files set f_downloadpath= '${res2.f_signature_url}' , f_realpath= '${res2.f_signature_path}' where f_process_id= '${row.f_process_id}' and  fusetype='${row.f_contract_signature_id}'`
+                      let res = await http.load('POST', `rs/logic/runSQL`, {data: {sql: sql}}, {
+                        resolveMsg: null,
+                        rejectMsg: '修改文件失败！！！'
+                      })
+                    } else {
+                      console.error('未找到合同URL，无法打开预览')
+
+                    }
+                  })
+                }
+              },
+              errorCallback: (error) => {
+                this.$showMessage('签字失败')
+              }
+            })
+          } else {
+            this.$showMessage("未找到该合同文件")
+          }
+        }
+      })
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = ''
+      })
+      this.curdepid = []
+      this.curuserid = []
+    },
+    searchCondition (args) {
+      args.condition = args.condition + ` and tcs.f_orgid in (${this.curorgid})`
+      if( args.model.f_contract_name==='' || args.model.f_contract_name==null){
+        args.condition = args.condition + ` and tcs.f_contract_name in ${this.getname}`
+      }
+      this.model.search(args.condition, args.model)
+    },
+    // 查询
+    search () {
+      this.$refs.cp.$refs.cri.search()
+    },
+
+    getuser (val) {
+      if (val.length <= 0) {
+        return
+      }
+      this.curuserid = val
+      this.search()
+    },
+    getdep (val) {
+      if (val.length <= 0) {
+        return
+      }
+      this.curdepid = val
+      this.curuserid = []
+      this.search()
+    },
+    getorg (val) {
+      if (val.length <= 0) {
+        return
+      }
+      this.curorgid = val
+      this.curdepid = []
+      this.curuserid = []
+      this.search()
+    },
+
+  },
+  computed: {
+    getname () {
+      let list = this.$appdata.getParam('报建签订合同')
+      return `(${list.map(item => `'${item.value}'`).toString()})`
+    },
+    getCondition () {
+      return {
+        condition: this.model.condition
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
+
+<style scoped>
+</style>