apply-clients 3.2.34 → 3.2.48

package/src/components/product/Ledger/ContractManagement/OtherContract/OtherContract.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <other-contract-list v-ref:query :show-data="showData"></other-contract-list>
+      </div>
+      <div v-if="showtotal" style="margin-top: 20px;height: 90%">
+        <tabset v-ref:tabs :close="false">
+          <tab header='合同信息'>
+              <other-contract-information :contract="contract" :type="type"></other-contract-information>
+          </tab>
+          <tab header='附件'>
+            <apply-upload :blodid="contract.f_process_id"
+                          :isupload = "true"
+                          :isdelete="true">
+            </apply-upload>
+          </tab>
+        </tabset>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '其他合同',
+  data () {
+    return {
+      showData: true,
+      showtotal: false,
+      contract: {},
+      type: null
+    }
+  },
+  ready () {
+  },
+  methods: {
+  },
+  events: {
+    'openAddMatter' (contract) {
+      this.contract = contract
+
+      this.type = 'addMatter'
+      this.showData = false
+      this.$refs.query.$refs.cp.pager = false
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    async 'renewContract' (contract) {
+      let data = {
+        contract: contract
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/renewContract`,
+        data,
+        {resolveMsg: null,rejectMsg: '续签失败！！！'}
+      )
+
+      this.$refs.query.search()
+    },
+    'openRenew' (contract) {
+      this.type = 'renew'
+      this.contract = contract
+      this.showData = false
+
+      this.$refs.query.$refs.cp.pager = false
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    // 刷新合同数据
+    async 'breakContract' (contract) {
+      let data = {
+        tablename: 't_contract',
+        condition: `id='${contract.id}'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: '合同查询失败！！！'}
+      )
+
+      this.contract = res.data[0]
+
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    // 查看详情
+    'openViewContract' (contract) {
+      this.contract = contract
+
+      this.type = 'view'
+      this.showData = false
+      this.$refs.query.$refs.cp.pager = false
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    // 添加合同
+    async 'addContract' (contract) {
+      let data = {
+        contract: contract,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/addOtherContract`,
+        {data: data}
+      )
+
+      this.$refs.query.search()
+    },
+    // 打开添加合同
+    async 'openAddContract' () {
+      this.contract = {}
+
+      // 获取唯一标识 绑定文件
+      let res = await this.$resetpost(
+        `rs/logic/getUUID`,
+        null,
+        {resolveMsg: null,rejectMsg: '唯一标识获取失败！！！'}
+      )
+      this.contract.f_process_id = res.data
+
+      this.type = 'add'
+      this.showData = false
+      this.$refs.query.$refs.cp.pager = false
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    'search' () {
+      // 关闭详细
+      this.showtotal = false
+      // 显示列表数据
+      this.showData = true
+      // 显示分页
+      this.$refs.query.$refs.cp.pager = true
+      // 调用查询
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

package/src/components/product/Ledger/ContractManagement/OtherContract/OtherContractInformation.vue

@@ -0,0 +1,429 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_number.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同编号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     :readonly="type !== 'add'"
+                     v-validate:f_contract_number = "['required']"
+                     @change="getContractByNumber()"
+                     v-model="contract.f_contract_number"
+                     :value="contract.f_contract_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_supplier.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">对方名称</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     :readonly="type !== 'add'"
+                     v-validate:f_supplier = "['required']"
+                     v-model="contract.f_supplier"
+                     :value="contract.f_supplier"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contact_person.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">联系人</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contact_person" v-validate:f_contact_person = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contact_person"
+                v-model="contract.f_contact_person"
+                :options="f_contact_person"
+                :valueSingle="true">
+              </input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_tel.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">电话</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_tel" v-validate:f_tel = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_tel"
+                v-model="contract.f_tel"
+                :options="tel"
+                :valueSingle="true">
+              </input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_nature.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同性质</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_nature" v-show="false" v-validate:f_contract_nature = "['required']">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contract_nature"
+                v-model="contract.f_contract_nature"
+                :options="contractNature"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_source.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同来源</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_source" v-show="false" v-validate:f_contract_source = "['required']">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contract_source"
+                v-model="contract.f_contract_source"
+                :options="contractSource"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_amount.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同份数</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number"
+                     :readonly="type !== 'add' && type !== 'renew'"
+                     v-validate:f_amount = "['required']"
+                     v-model="contract.f_amount"
+                     :value="contract.f_amount"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">签订时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_time" v-show="false" v-validate:f_contract_time = "['required']">
+              <datepicker
+                :disabled="type !== 'add'"
+                :value.sync="contract.f_contract_time"
+                format="yyyy-MM-dd"
+                v-model="contract.f_contract_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_expiration_date.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">到期时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_expiration_date" v-show="false" v-validate:f_contract_expiration_date = "['required']">
+              <datepicker
+                :disabled="type !== 'add' && type !== 'renew'"
+                format="yyyy-MM-dd"
+                @change="changeExpirationDate"
+                :value.sync="contract.f_contract_expiration_date"
+                v-model="contract.f_contract_expiration_date">
+              </datepicker>
+            </div>
+          </div>
+
+          <div class="col-sm-4 form-group item" v-if="type !== 'add'">
+            <label class="control-label-justify control-label col-sm-6">合同总金额</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number"
+                     readonly
+                     v-model="contract.f_contract_money"
+                     :value="contract.f_contract_money"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item">
+            <label class="control-label-justify control-label col-sm-3">备注</label>
+            <div class="col-sm-10">
+              <textarea
+                class="form-control input_view"
+                style="width: 100%;height: 100%"
+                rows="2"
+                :readonly="type !== 'add'"
+                v-model="contract.f_remarks"
+                :value="contract.f_remarks"
+              ></textarea>
+            </div>
+          </div>
+
+          <div class="col-sm-12 form-group" v-if="type !== 'add'">
+            <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+              <template partial='head'>
+                <tr>
+                  <th style="white-space: nowrap;">序号</th>
+                  <th style="white-space: nowrap;">事项</th>
+                  <th style="white-space: nowrap;">详情</th>
+                  <th style="white-space: nowrap;">价格</th>
+                  <th style="white-space: nowrap;">操作人</th>
+                  <th style="white-space: nowrap;">操作时间</th>
+                  <th style="white-space: nowrap;">备注</th>
+                  <th style="white-space: nowrap;" v-if="$parent.$parent.type === 'addMatter'">
+                    <button class="button_new button_spacing"  @click.prevent="$parent.$parent.showMatter = !$parent.$parent.showMatter">添加事项</button>
+                  </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_matter}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_detail}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_price}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_operator}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_operation_date}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_remarks}}</font></nobr>
+                  </td>
+                  <td v-if="$parent.$parent.type === 'addMatter'"></td>
+                </tr>
+              </template>
+            </data-grid>
+          </div>
+
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" v-if="type === 'add'" @click.prevent="addContract()" :disabled='!$v.valid'>保存</button>
+            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!$v.valid'>续签</button>
+          </div>
+
+        </div>
+      </form>
+    </validator>
+  </div>
+  <validator name="mv">
+    <modal v-if="showMatter" :show.sync="showMatter" 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" :class="[$mv.f_matter.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">事项 ：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control"
+              style="width: 100%;height: 100%"
+              v-validate:f_matter = "['required']"
+              :rows="2"
+              v-model="matter.f_matter"
+              :value="matter.f_matter"
+            ></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$mv.f_detail.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">详情：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control"
+              style="width: 100%;height: 100%"
+              :rows="2"
+              v-validate:f_detail = "['required']"
+              v-model="matter.f_detail"
+              :value="matter.f_detail"
+            ></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$mv.f_price.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">价格：</label>
+          <div class="col-sm-10">
+            <input type="number"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   v-validate:f_price = "['required']"
+                   v-model="matter.f_price" />
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">备注：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control input_view"
+              style="width: 100%;height: 100%"
+              :rows="2"
+              v-model="matter.f_remarks"
+              :value="matter.f_remarks"
+            ></textarea>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="addMatter()" :disabled='!$mv.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+</template>
+
+<script>
+import {isEmpty} from '../../../../Util'
+export default {
+  props: ['contract', 'type'],
+  title: '合同信息',
+  data () {
+    return {
+      f_contact_person:[{label:'全部', value:''}, ...this.$appdata.getParam('联系人')],
+      tel:[{label:'全部',value:''}, ...this.$appdata.getParam('电话')],
+      contractSource: [{label:'全部',value:''},... this.$appdata.getParam('合同来源')],
+      contractNature: [{label:'全部',value:''},... this.$appdata.getParam('合同性质')],
+      model: {
+        data: []
+      },
+      matter: {},
+      showMatter: false
+    }
+  },
+  ready () {
+    if (this.type !== 'add') {
+      this.getContractMatter()
+    }
+  },
+  methods: {
+    renewContract () {
+      this.$dispatch('renewContract', this.contract)
+    },
+    // 关闭
+    closeModal () {
+      this.showMatter = false
+      this.matter = null
+    },
+    // 添加事项
+    async addMatter () {
+      let data = {
+        contract: this.contract,
+        matter: this.matter,
+        user: this.$login.f
+      }
+      let res = await this.$resetpost(
+        `rs/logic/addMatter`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: '事项添加失败！！！'}
+      )
+
+      this.$dispatch('breakContract', this.contract)
+    },
+    // 获取合同事项
+    async getContractMatter() {
+      let data = {
+        tablename: 't_contract_matter',
+        condition: `f_contract_id = ${this.contract.id}`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: '合同事项查询失败！！！'}
+      )
+
+      this.model.data = res.data
+    },
+    addContract () {
+      this.$dispatch('addContract', this.contract)
+    },
+    // 时间判断
+    changeExpirationDate () {
+      if (!isEmpty(this.contract.f_contract_expiration_date)) {
+        if (isEmpty(this.contract.f_contract_time)) {
+          this.contract.f_contract_expiration_date = null
+          this.$showAlert('先输入合同签订时间！！！', 'warning', 3000)
+        }
+        if (new Date(this.contract.f_contract_expiration_date) < new Date(this.contract.f_contract_time)) {
+          this.contract.f_contract_expiration_date = null
+          this.$showAlert('到期时间需要大于签订时间！！！', 'warning', 3000)
+        }
+      }
+    },
+    // 查询合同编号
+    async getContractByNumber () {
+      let data = {
+        tablename: 't_contract',
+        condition: `f_contract_number = '${this.contract.f_contract_number}' and f_contract_type = '其他合同'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同编号查询失败！！！'}
+      )
+
+      if (res.data.length > 0) {
+        this.contract.f_contract_number = null
+        this.$showAlert('合同编号已存在！！！', 'warning', 3000)
+      }
+    },
+  },
+  events: {
+  }
+}
+</script>
+
+<style scoped>
+  .item{
+    height: 40px;
+    margin-bottom: 20px;
+  }
+
+  th{
+    font-size: 15px !important;
+    text-align: center !important;
+    background-color: #dfedfb!important;
+    color: #666666 !important;
+    font-family: PINGFANG-BOLD !important;
+    font-weight: normal!important;
+  }
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+
+  .input_view{
+    padding: 8px;
+    background-color: #ffffff;
+    border-radius: 2px;
+    border: solid 1px #c7c7c7!important;
+    color: #333333!important;
+    font-size: 15px!important;
+  }
+
+  .input_view[readonly]{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+  .input_view:disabled{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+
+  .control-label-justify {
+    display: inline-block;
+    vertical-align: top;
+    width: 110px;
+    text-align: justify;
+    font-family: PingFang-SC-Bold;
+  }
+
+  .control-label-justify::after {
+    content: "";
+    display: inline-block;
+    width: 70px;
+    overflow: hidden;
+    height: 0;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+</style>