apply-clients 3.2.41 → 3.2.50

package/src/components/product/Ledger/ContractManagement/RepairContract/RepairContractInformation.vue

@@ -1,286 +1,286 @@
-<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_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 === 'view'"
-                     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_estimate_money.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'"
-                     v-validate:f_estimate_money = "['required']"
-                     v-model="contract.f_estimate_money"
-                     :value="contract.f_estimate_money"/>
-            </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
-                format="yyyy-MM-dd"
-                :disabled="type === 'view'"
-                :value.sync="contract.f_contract_expiration_date"
-                @change="changeExpirationDate"
-                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-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_warehousing_quantity"
-                     :value="contract.f_warehousing_quantity"/>
-            </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" 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>
-</template>
-
-<script>
-import {HttpResetClass} from 'vue-client'
-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('合同来源')]
-    }
-  },
-  ready () {
-  },
-  methods: {
-    renewContract () {
-      this.$dispatch('renewContract', this.contract)
-    },
-    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>
+<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_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 === 'view'"
+                     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_estimate_money.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'"
+                     v-validate:f_estimate_money = "['required']"
+                     v-model="contract.f_estimate_money"
+                     :value="contract.f_estimate_money"/>
+            </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
+                format="yyyy-MM-dd"
+                :disabled="type === 'view'"
+                :value.sync="contract.f_contract_expiration_date"
+                @change="changeExpirationDate"
+                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-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_warehousing_quantity"
+                     :value="contract.f_warehousing_quantity"/>
+            </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" 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>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+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('合同来源')]
+    }
+  },
+  ready () {
+  },
+  methods: {
+    renewContract () {
+      this.$dispatch('renewContract', this.contract)
+    },
+    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>