apply-clients 3.2.34 → 3.2.48

package/src/components/product/Ledger/FacilityManagement/FacilityInventory/FacilityInventoryInformation.vue

@@ -0,0 +1,583 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <form class="form-horizontal">
+      <div class="form-group">
+        <!-- 添加设备 -->
+        <validator name="v1">
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">合同编号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="contract.f_contract_number"
+                     :value.sync="contract.f_contract_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">购买厂家</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="contract.f_supplier"
+                     :value.sync="contract.f_supplier"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">设备编码</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="facility.f_facility_number"
+                     :value="facility.f_facility_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">设备名称</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="facility.f_facility_name"
+                     :value="facility.f_facility_name"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">设备型号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="facility.f_facility_model"
+                     :value="facility.f_facility_model"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">设备规格</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text" readonly
+                     v-model="facility.f_facility_norm"
+                     :value="facility.f_facility_norm"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">设备金额</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="number" readonly
+                     v-model="facility.f_facility_money"
+                     :value="facility.f_facility_money"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">购买日期</label>
+            <div class="col-sm-6">
+              <datepicker
+                format="yyyy-MM-dd" disabled
+                :value.sync="facility.f_purchase_date"
+                v-model="facility.f_purchase_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">质保期（年）</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="number" readonly
+                     v-model="facility.f_warranty"
+                     :value="facility.f_warranty"/>
+            </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
+                v-model="facility.f_remarks"
+                :value="facility.f_remarks"
+              ></textarea>
+            </div>
+          </div>
+        </validator>
+
+        <!-- 借出设备 -->
+        <validator name="v2">
+          <div class="col-sm-4 form-group item" v-if="type === 'lend' || type === 'return'" :class="[$v2.f_cea_number.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">CEA号</label>
+            <div class="col-sm-6">
+              <input-select
+                class="select select_list"
+                v-show="type === 'lend'"
+                :value.sync="cea"
+                v-model="cea"
+                :options="ceaList"
+                :valueSingle="true"></input-select>
+              <input class="form-control input_view" type="text"
+                     readonly
+                     v-show="type === 'return'" v-validate:f_cea_number = "['required']"
+                     v-model="facility.lend.f_cea_number"
+                     :value.sync="cea.f_cea_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type === 'lend' || type === 'return'" :class="[$v2.f_use_site.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" type="text"
+                     v-validate:f_use_site = "['required']"
+                     :readonly="type === 'return'"
+                     v-model="facility.lend.f_use_site"
+                     :value.sync="cea.f_entry_name"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type === 'lend' || type === 'return'" :class="[$v2.f_use_department.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" type="text"
+                     v-validate:f_use_department = "['required']"
+                     :readonly="type === 'return'"
+                     v-model="facility.lend.f_use_department"
+                     :value.sync="facility.lend.f_use_department"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type === 'lend' || type === 'return'" :class="[$v2.f_use_people.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" type="text"
+                     v-validate:f_use_people = "['required']"
+                     :readonly="type === 'return'"
+                     v-model="facility.lend.f_use_people"
+                     :value.sync="facility.lend.f_use_people"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type === 'lend' || type === 'return'" :class="[$v2.f_lend_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">借出时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="facility.lend.f_lend_time" v-validate:f_lend_time = "['required']">
+              <datepicker
+                format="yyyy-MM-dd"
+                :disabled="type === 'return'"
+                :value.sync="facility.lend.f_lend_time"
+                v-model="facility.lend.f_lend_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item" v-if="type === 'lend' || type === 'return'">
+            <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 === 'return'"
+              v-model="facility.lend.f_lend_remarks"
+              :value.sync="facility.lend.f_lend_remarks"
+            ></textarea>
+            </div>
+          </div>
+
+          <div class="col-sm-12 form-group" v-if="type === 'lend'" style="text-align: center">
+            <button class="btn btn-primary" :disabled='!$v2.valid' @click.prevent="lendFacility()">借出</button>
+          </div>
+        </validator>
+        <!-- 还入设备 -->
+        <validator name="v3">
+          <div class="col-sm-4 form-group item" v-if="type === 'return'" :class="[$v3.f_return_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">还入时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="facility.lend.f_return_time" v-validate:f_return_time = "['required']">
+              <datepicker
+                format="yyyy-MM-dd"
+                :value.sync="facility.lend.f_return_time"
+                v-model="facility.lend.f_return_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item" v-if="type === 'return'">
+            <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"
+                  v-model="facility.lend.f_return_remarks"
+                  :value.sync="facility.lend.f_return_remarks"
+                ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" v-if="type === 'return'" style="text-align: center">
+            <button class="btn btn-primary" :disabled='!$v3.valid' @click.prevent="returnFacility()">还入</button>
+          </div>
+        </validator>
+
+        <!-- 送修 -->
+        <validator name="v4">
+          <div class="col-sm-4 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'"
+               :class="[$v4.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" type="text"
+                     v-show="false"
+                     readonly v-validate:f_contract_number = "['required']"
+                     v-model="facility.service.f_contract_number"
+                     :value.sync="facility.service.f_contract_number"/>
+              <input-select
+                class="select select_list"
+                :disable="type === 'service'"
+                :value.sync="facility.service.f_contract_number"
+                v-model="facility.service.f_contract_number"
+                :options="repairContractList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'"
+               :class="[$v4.f_service_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">送修时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="facility.service.f_service_time" v-validate:f_service_time = "['required']">
+              <datepicker
+                format="yyyy-MM-dd"
+                :disabled="type === 'service'"
+                :value.sync="facility.service.f_service_time"
+                v-model="facility.service.f_service_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'"
+               :class="[$v4.f_repairman.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 === 'service'"
+                     v-validate:f_repairman = "['required']"
+                     v-model="facility.service.f_repairman"
+                     :value="facility.service.f_repairman"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'"
+               :class="[$v4.f_matter.required ? 'has-error' : '']">
+            <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 === 'service'"
+                v-validate:f_matter = "['required']"
+                v-model="facility.service.f_matter"
+                :value="facility.service.f_matter"
+              ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'"
+               :class="[$v4.f_detail.required ? 'has-error' : '']">
+            <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 === 'service'"
+                v-validate:f_detail = "['required']"
+                v-model="facility.service.f_detail"
+                :value="facility.service.f_detail"
+              ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item"
+               v-if="type === 'sendForRepair' || type === 'service'">
+            <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 === 'service'"
+                v-model="facility.service.f_remarks"
+                :value="facility.service.f_remarks"
+              ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" v-if="type === 'sendForRepair'" style="text-align: center">
+            <button class="btn btn-primary" :disabled='!$v4.valid' @click.prevent="sendForRepairFacility()">送修</button>
+          </div>
+        </validator>
+
+        <!-- 维修反馈 -->
+        <validator name="v5">
+          <div class="col-sm-4 form-group item"
+               v-if="type === 'service'"
+               :class="[$v5.f_unit_price.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" type="number"
+                     v-validate:f_unit_price = "['required']"
+                     v-model="facility.service.f_unit_price"
+                     :value="facility.service.f_unit_price"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item"
+               v-if="type === 'service'"
+               :class="[$v5.f_complete_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">维修完成时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="facility.service.f_complete_time" v-validate:f_complete_time = "['required']">
+              <datepicker
+                format="yyyy-MM-dd"
+                :value.sync="facility.service.f_complete_time"
+                v-model="facility.service.f_complete_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item" v-if="type === 'service'">
+            <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"
+              v-model="facility.service.f_feedback"
+              :value="facility.service.f_feedback"
+            ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" v-if="type === 'service'" style="text-align: center">
+            <button class="btn btn-primary" v-if="type === 'service'" @click.prevent="repairFeedback()">维修反馈</button>
+          </div>
+        </validator>
+        <!-- 报废 -->
+        <validator name="v6">
+          <div class="col-sm-4 form-group item"
+               v-if="facility.f_status === '报废' || type === 'scrapped'"
+               :class="[$v6.f_scrap_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">报废时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="facility.f_scrap_time" v-validate:f_scrap_time = "['required']">
+              <datepicker
+                :disabled="type !== 'scrapped'"
+                format="yyyy-MM-dd"
+                :value.sync="facility.f_scrap_time"
+                v-model="facility.f_scrap_time">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item"
+               v-if="facility.f_status === '报废' || type === 'scrapped'"
+               :class="[$v6.f_scrap_reason.required ? 'has-error' : '']">
+            <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"
+              v-validate:f_scrap_reason = "['required']"
+              :readonly="type !== 'scrapped'"
+              v-model="facility.f_scrap_reason"
+              :value="facility.f_scrap_reason"
+            ></textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" v-if="type === 'scrapped'" style="text-align: center">
+            <button class="btn btn-primary" :disabled='!$v6.valid' @click.prevent="scrappedFacility()">报废</button>
+          </div>
+        </validator>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+export default {
+  props: ['facility', 'type'],
+  title: '设备信息',
+  data () {
+    return {
+      contract: {},
+      ceaList: [],
+      cea: {},
+      repairContractList: []
+    }
+  },
+  ready () {
+    if (this.type === 'lend') {
+      this.getCEAList()
+    }
+    if (this.type === 'sendForRepair') {
+      this.getRepairContractList()
+    }
+    this.getContract()
+  },
+  methods: {
+    // 报废
+    scrappedFacility () {
+      this.$dispatch('scrappedFacility', this.facility)
+    },
+    // 维修反馈
+    repairFeedback () {
+      this.$dispatch('repairFeedback', this.facility)
+    },
+    // 送修
+    sendForRepairFacility () {
+      this.$dispatch('sendForRepairFacility', this.facility)
+    },
+    // 获取采购合同
+    async getRepairContractList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        tablename: 't_contract',
+        condition: `f_contract_type = '维修合同' and '${new Date().Format('yyyy-MM-dd')}' <= f_contract_expiration_date and f_estimate_money > f_contract_money`
+      }
+
+      let res = await http.load(
+        'POST',
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同编号查询失败！！！'}
+      )
+
+      if (res.data.length <= 0) {
+        this.$showAlert('暂无维修合同！！！', 'warning', 3000)
+        return
+      }
+
+      res.data.forEach(item => {
+        this.repairContractList.push({
+          'label': item.f_contract_number,
+          'value': item.f_contract_number
+        })
+      })
+    },
+    // 还入
+    returnFacility () {
+      this.$dispatch('returnFacility', this.facility)
+    },
+    // 借出
+    lendFacility () {
+      this.$dispatch('lendFacility', this.facility)
+    },
+    // 获取CEA
+    async getCEAList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        data: {
+          orgid: this.$login.f.orgid
+        },
+        condition: `1=1`
+        // condition: `act.defname = '完工'`
+      }
+
+      let res = await http.load(
+        'POST',
+        `rs/sql/supervisory`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: 'CEA号查询失败！！！'}
+      )
+
+      if (res.data.length <= 0) {
+        this.$showAlert('暂无工程！！！', 'warning', 3000)
+        return
+      }
+
+      res.data.forEach(item => {
+        this.ceaList.push({
+          'label': item.f_cea_number,
+          'value': {
+            id: item.id,
+            f_cea_number: item.f_cea_number,
+            f_entry_name: item.f_entry_name
+          }
+        })
+      })
+
+    },
+    // 获取合同
+    async getContract () {
+      let http = new HttpResetClass()
+
+      let data = {
+        tablename: 't_contract',
+        condition: `id = ${this.facility.f_contract_id}`
+      }
+
+      let res = await http.load(
+        'POST',
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同查询失败！！！'}
+      )
+
+      this.contract = res.data[0]
+    }
+  },
+  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>