|
|
@@ -0,0 +1,819 @@
|
|
|
+<template>
|
|
|
+ <view class="uv-page" style="background-color: #fff;width: 94%;margin: 0 auto;">
|
|
|
+ <view class="uv-demo-block">
|
|
|
+ <view class="uv-demo-block__content">
|
|
|
+ <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
|
|
|
+ <uv-form labelPosition="left" labelWidth="formdata100" :model="formdata" ref="form1" :rules="rules">
|
|
|
+ <uv-form-item label="使用人姓名" required="required" prop="username" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input :readonly="formdata.status == 8" v-model="formdata.username" border="none" placeholder="请输入使用人姓名"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手机号" required="required" prop=" mobile" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input :readonly="formdata.status == 8" v-model="formdata.mobile" border="none" placeholder="请输入联系电话"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+
|
|
|
+ <uv-form-item label="借单类型" required="required" prop="purpose" borderBottom labelWidth="100" ref="item2">
|
|
|
+ <uv-radio-group :disabled="formdata.status == 8" v-model="formdata.purpose">
|
|
|
+ <uv-radio :readonly="formdata.status == 8" :customStyle="{marginRight: '16px'}" label="科研类" :name="0">
|
|
|
+ </uv-radio>
|
|
|
+ <uv-radio :readonly="formdata.status == 8" :customStyle="{marginRight: '16px'}" label="教学类" :name="1">
|
|
|
+ </uv-radio>
|
|
|
+ </uv-radio-group>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item v-if="formdata.purpose == 0" label="项目编号" prop="project_number" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input :readonly="formdata.status == 8" v-model="formdata.project_number" border="none" placeholder="请输入项目编号"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+
|
|
|
+ <block v-if="formdata.status==8">
|
|
|
+ <uv-form-item label="预计领取时间" required="required" borderBottom prop="borrow_time" labelWidth="100"
|
|
|
+ ref="formdata">
|
|
|
+ <uv-input v-model="formdata.borrow_time" disabled disabledColor="#ffffff"
|
|
|
+ border="none"></uv-input>
|
|
|
+ <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker1" mode="datetime"
|
|
|
+ ></uv-datetime-picker>
|
|
|
+ <template v-slot:right>
|
|
|
+ <uv-icon name="arrow-right"></uv-icon>
|
|
|
+ </template><strong></strong>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="预计归还时间" required="required" borderBottom prop="expected_end_time"
|
|
|
+ labelWidth="100" ref="formdata">
|
|
|
+ <uv-input v-model="formdata.expected_end_time" disabled disabledColor="#ffffff"
|
|
|
+ border="none"></uv-input>
|
|
|
+ <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker" mode="datetime"
|
|
|
+ ></uv-datetime-picker>
|
|
|
+ <template v-slot:right>
|
|
|
+ <uv-icon name="arrow-right"></uv-icon>
|
|
|
+ </template><strong></strong>
|
|
|
+ </uv-form-item>
|
|
|
+
|
|
|
+ <view class="unfold" v-if="unfold!='true'">
|
|
|
+ <image @click="unfold='true'" src="../../static/img/unfold.png" mode="widthFix"
|
|
|
+ style="width: 35rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <uni-table border stripe emptyText="暂无更多数据">
|
|
|
+ <!-- 表头行 -->
|
|
|
+ <uni-tr>
|
|
|
+ <uni-th align="left" width=70>状态</uni-th>
|
|
|
+ <uni-th align="left" width=130>仪器名称</uni-th>
|
|
|
+ <uni-th align="left" width=100>仪器编号</uni-th>
|
|
|
+ <block v-if="formdata.purpose==1">
|
|
|
+ <uni-th align="left" width=70>借取人</uni-th>
|
|
|
+ </block>
|
|
|
+ <block v-if="unfold">
|
|
|
+ <uni-th align="left" width=100>借出处理人</uni-th>
|
|
|
+ <uni-th align="left" width=100>归还处理人</uni-th>
|
|
|
+ <uni-th align="left" width=160>领取时间</uni-th>
|
|
|
+ <uni-th align="left" width=160>归还时间</uni-th>
|
|
|
+ </block>
|
|
|
+ </uni-tr>
|
|
|
+ <!-- 表格数据行 -->
|
|
|
+ <uni-tr v-for="(item, index) in formdata.asset" :key="index">
|
|
|
+ <uni-td>
|
|
|
+ <text class="uni_zt" v-if="item.status==-1">待借出</text>
|
|
|
+ <text style="color: #2d8cf0;" class="uni_zt" v-else-if="item.status==0">使用中</text>
|
|
|
+ <text class="uni_zt" v-else-if="item.status==1">损坏</text>
|
|
|
+ <text style="color: #19be6b;" class="uni_zt" v-else-if="item.status==2">归还</text>
|
|
|
+ <text style="color: #808695;" class="uni_zt" v-else-if="item.status==3">已替换</text>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>{{item.asset_name}}</uni-td>
|
|
|
+ <uni-td>{{item.asset_id}}</uni-td>
|
|
|
+ <block v-if="formdata.purpose==1">
|
|
|
+ <uni-td>{{item.student_name}}</uni-td>
|
|
|
+ </block>
|
|
|
+ <block v-if="unfold">
|
|
|
+ <uni-td>{{item.lend_processor}}</uni-td>
|
|
|
+ <uni-td>{{item.restitution_processor}}</uni-td>
|
|
|
+ <uni-td>{{item.collection_time}}</uni-td>
|
|
|
+ <uni-td>{{item.restitution_time}}</uni-td>
|
|
|
+ </block>
|
|
|
+ </uni-tr>
|
|
|
+ <!-- 占位 -->
|
|
|
+ <view class="" style="height: 200rpx; width: 100%;">
|
|
|
+ </view>
|
|
|
+ </uni-table>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <uv-form-item label="预计领取时间" required="required" borderBottom prop="borrow_time" labelWidth="100"
|
|
|
+ @click="showDateSelectBorrow" ref="formdata">
|
|
|
+ <uv-input v-model="formdata.borrow_time" disabled disabledColor="#ffffff"
|
|
|
+ border="none"></uv-input>
|
|
|
+ <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker1" mode="datetime"
|
|
|
+ @confirm="showDateconfirmBorrrow"></uv-datetime-picker>
|
|
|
+ <template v-slot:right>
|
|
|
+ <uv-icon name="arrow-right"></uv-icon>
|
|
|
+ </template><strong></strong>
|
|
|
+ </uv-form-item>
|
|
|
+
|
|
|
+ <uv-form-item label="预计归还时间" required="required" borderBottom prop="expected_end_time"
|
|
|
+ labelWidth="100" @click="showDateSelect" ref="formdata">
|
|
|
+ <uv-input v-model="formdata.expected_end_time" disabled disabledColor="#ffffff"
|
|
|
+ border="none"></uv-input>
|
|
|
+ <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker" mode="datetime"
|
|
|
+ @confirm="showDateconfirm"></uv-datetime-picker>
|
|
|
+ <template v-slot:right>
|
|
|
+ <uv-icon name="arrow-right"></uv-icon>
|
|
|
+ </template><strong></strong>
|
|
|
+ </uv-form-item>
|
|
|
+ <view class="">
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 选择仪器
|
|
|
+ </view>
|
|
|
+ <button v-if="formdata.status != 8" type="primary" size="mini" @click="addasset" class="add_anniu">新增仪器类型</button>
|
|
|
+ </view>
|
|
|
+ <uv-form-item v-for="(item, idx) in formdata.asset" :key="idx">
|
|
|
+ <view class="form-item">
|
|
|
+ <!-- <cus-selects :closeSelect.sync='close' @change='change' v-model="item.model" :data="candidates" :valueType="alias" :filterable='true' :searchType='1'></cus-selects> -->
|
|
|
+ <superwei-combox :readonly="formdata.status == 8" :candidates="candidates" :isJSON="true" keyName="value" placeholder="请选择或输入"
|
|
|
+ v-model="item.model" @input="input_json" @select="select_json">
|
|
|
+ </superwei-combox>
|
|
|
+ <uv-input :readonly="formdata.status == 8" v-model="item.num" placeholder="数量"></uv-input>
|
|
|
+ <button class="button" size="mini" type="default" @click="onDelArrayItem(idx)">删除</button>
|
|
|
+ </view>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-picker ref="picker2" :columns="columns" @confirm="confirm2"></uv-picker>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <uv-form-item label="借取用途" required="required" prop="borrow_reason" borderBottom labelWidth="80" ref="item3">
|
|
|
+ <uv-textarea :disabled="formdata.status == 8" placeholder="请填写借取用途" v-model="formdata.borrow_reason" count></uv-textarea>
|
|
|
+ </uv-form-item>
|
|
|
+
|
|
|
+ <view v-if="is_w">
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 选择无人机配件
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-form-item label="电池数量" required="required" prop="accessories.w_battery" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_battery" border="none" placeholder="请输入无人机电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="遥控器数量" required="required" prop="accessories.w_remote_control" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_remote_control" border="none" placeholder="请输入无人机电遥控器数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="遥控器电池数量" required="required" prop="accessories.w_remote_control_battery" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_remote_control_battery" border="none" placeholder="请输入无人机电遥控器电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="充电管家" required="required" prop="accessories.w_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_charge_housekeeper" border="none" placeholder="请输入无人机电充电管家数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="螺旋桨" required="required" prop="accessories.w_propeller" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_propeller" border="none" placeholder="请输入无人机电螺旋桨数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="SD卡" required="required" prop="accessories.w_sd" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.w_sd" border="none" placeholder="请输入无人机电SD卡数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-if="is_q">
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 选择全站仪配件
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <uv-form-item label="主机电池" required="required" prop="accessories.q_battery" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_battery" border="none" placeholder="请输入全站仪电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="主机充电器" required="required" prop="accessories.q_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_charge_housekeeper" border="none" placeholder="请输入全站仪主机充电器数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="三脚架" required="required" prop="accessories.q_tripod" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_tripod" border="none" placeholder="请输入三脚架数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="棱镜" required="required" prop="accessories.q_prism" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_prism" border="none" placeholder="请输入棱镜数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="对中杆" required="required" prop="accessories.q_center_bar" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_center_bar" border="none" placeholder="请输入对中杆数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="数据线" required="required" prop="accessories.q_data_line" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.q_data_line" border="none" placeholder="请输入全站仪数据线数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-if="is_s">
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 选择水准仪配件
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-form-item label="主机电池" required="required" prop="accessories.s_battery" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_battery" border="none" placeholder="请输入主机电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="充电器" required="required" prop="accessories.s_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_charge_housekeeper" border="none" placeholder="请输入充电器数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="电源线" required="required" prop="accessories.s_data_line" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_data_line" border="none" placeholder="请输入电源线数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="调节扳手" required="required" prop="accessories.s_adjustment_wrench" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_adjustment_wrench" border="none" placeholder="请输入调节扳手数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="防雨布" required="required" prop="accessories.s_rain_proof_cloth" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_rain_proof_cloth" border="none" placeholder="请输入防雨布数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="三脚架" required="required" prop="accessories.s_tripod" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_tripod" border="none" placeholder="请输入三脚架数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="水准尺" required="required" prop="accessories.s_level_gauge" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_level_gauge" border="none" placeholder="请输入水准尺数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="尺垫" required="required" prop="accessories.s_ruler_pad" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.s_ruler_pad" border="none" placeholder="请输入尺垫数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="is_r">
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 选择RTK配件
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uv-form-item label="主电" required="required" prop="accessories.r_battery" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_battery" border="none" placeholder="请输入主机电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="主电充电器" required="required" prop="accessories.r_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_charge_housekeeper" border="none" placeholder="请输入主电充电器数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手簿" required="required" prop="accessories.r_charging_head" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_charging_head" border="none" placeholder="请输入手簿数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手簿夹" required="required" prop="accessories.r_hand_book_holder" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_hand_book_holder" border="none" placeholder="请输入手簿夹数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手簿笔" required="required" prop="accessories.r_hand_book_pen" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_hand_book_pen" border="none" placeholder="请输入手簿笔数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手簿充电头" required="required" prop="accessories.r_charging_head" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_charging_head" border="none" placeholder="请输入手簿充电头数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="手电" required="required" prop="accessories.r_flashlight" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_flashlight" border="none" placeholder="请输入手电数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="连接头" required="required" prop="accessories.r_connection_head" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_connection_head" border="none" placeholder="请输入连接头数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="测高片" required="required" prop="accessories.r_height_measuring_plate" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_height_measuring_plate" border="none" placeholder="请输入测高片数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="长天线" required="required" prop="accessories.r_long_antenna" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_long_antenna" border="none" placeholder="请输入长天线数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="短天线" required="required" prop="accessories.r_short_antenna" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_short_antenna" border="none" placeholder="请输入短天线数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="说明书" required="required" prop="accessories.r_instruction_manual" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_instruction_manual" border="none" placeholder="请输入说明书数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="光盘" required="required" prop="accessories.r_cdrow" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_cdrow" border="none" placeholder="请输入光盘数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ <uv-form-item label="USB线" required="required" prop="accessories.r_usb" borderBottom labelWidth="100" ref="item1">
|
|
|
+ <uv-input v-model="formdata.accessories.r_usb" border="none" placeholder="请输入主机电池数量"></uv-input>
|
|
|
+ </uv-form-item>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <uv-form-item label="备注" :disabled="formdata.status == 8" :required="formdata.purpose == 1" prop="remarks" borderBottom labelWidth="80" ref="item3">
|
|
|
+ <uv-textarea :disabled="formdata.status == 8" placeholder="请填写其他配件以及其他要求" v-model="formdata.remarks" count></uv-textarea>
|
|
|
+ </uv-form-item>
|
|
|
+ <view class="uanze_title">
|
|
|
+ <view class="xuanze_title">
|
|
|
+ 电子签字
|
|
|
+ </view>
|
|
|
+ <button v-if="formdata.status != 8" type="primary" size="mini" @click="goSign('worker1')" class="add_anniu">去签名</button>
|
|
|
+ </view>
|
|
|
+ <!-- <image style="width: 200px; height: 200px; background-color: #eeeeee;" @load='imgOnCan' @error='imgOnError' :src="signSrc" v-if="signShow"></image> -->
|
|
|
+ <image style="width: 200px; height: 200px; background-color: #eeeeee;" :src="fullUrl" v-show="signShow" @load='imgOnCan' @error='imgOnError'></image>
|
|
|
+
|
|
|
+ </uv-form>
|
|
|
+ <uv-popup ref="popup" :close-on-click-overlay="false" >
|
|
|
+ <view style="width:94vw; height:auto;">
|
|
|
+ <view class="" style="margin: 20rpx 20rpx;">
|
|
|
+ <view class="" style="margin:20rpx 0;font-weight: bold;">
|
|
|
+ 仪器借用协议：
|
|
|
+ </view>
|
|
|
+ <view class="" style="max-height: 60vh;overflow-y:auto">
|
|
|
+ <!-- <rich-text style="max-height: 60vh;" :nodes="this.protocolText.data"></rich-text> -->
|
|
|
+ <rich-text :nodes="this.protocolText.data" id="protocolData"></rich-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <button type="error" @click="closePo" style="margin: 20rpx 20rpx;">关闭</button>
|
|
|
+ <button type="primary" @click="submit" :disabled="isChoose" style="margin: 20rpx 20rpx;">
|
|
|
+
|
|
|
+ <uv-count-down
|
|
|
+ ref="countDown"
|
|
|
+ :time="5* 1000"
|
|
|
+ format="ss"
|
|
|
+ :autoStart="false"
|
|
|
+ millisecond
|
|
|
+ @change="onChange"
|
|
|
+ @finish="getFinish"
|
|
|
+ v-if="isChoose"
|
|
|
+ >
|
|
|
+ </uv-count-down>
|
|
|
+ 同意
|
|
|
+ </button>
|
|
|
+ </view>
|
|
|
+ </uv-popup>
|
|
|
+ <uv-button type="primary" text="提交修改" customStyle="margin-top: 50px" @click="submitON"></uv-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <canvas canvas-id="myCanvasP" style="width: 595px; height: 842px;"></canvas> -->
|
|
|
+
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import { padZero, timeFormat, toast } from '@/uni_modules/uv-ui-tools/libs/function/index.js';
|
|
|
+ import { chinese } from '@/uni_modules/uv-ui-tools/libs/function/test.js';
|
|
|
+ import { requestApi , requestFileApi } from '@/api/request.js';
|
|
|
+ import { toRaw } from '@vue/reactivity';
|
|
|
+
|
|
|
+ export default {
|
|
|
+
|
|
|
+ onLoad(event){
|
|
|
+
|
|
|
+ uni.$on('qing',data =>{
|
|
|
+ console.log(data)
|
|
|
+ this.pImg = data
|
|
|
+ console.log(this.pImg)
|
|
|
+ })
|
|
|
+ uni.$on('q-sign',data =>{
|
|
|
+ console.log('tempFilePath',data);
|
|
|
+ this.formdata.sign = data.tempFilePath;
|
|
|
+ // 获取拼接后的图片路径
|
|
|
+ const res = requestFileApi(
|
|
|
+ '/admin/ajax/upload?server=1',
|
|
|
+ data.tempFilePath
|
|
|
+ ).then(d => {
|
|
|
+ var responseObject = JSON.parse(d);
|
|
|
+ var fileUrl = responseObject.data.file.url;
|
|
|
+ // 传图片接口;
|
|
|
+ this.formdata.sign = responseObject.data.file.url;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ console.log(this.formdata.sign)
|
|
|
+ if(this.formdata.sign == "" || this.formdata.sign == null){
|
|
|
+ // 获取电子签字
|
|
|
+ const returndata = requestApi(
|
|
|
+ 'admin/ajax/getSign?server=1','GET'
|
|
|
+ ).then(ret => {
|
|
|
+ console.log(ret)
|
|
|
+ if(ret.code == 1){
|
|
|
+ this.formdata.sign = ret.data.sign[0].sign
|
|
|
+ if(ret.data.sign[0].sign !== ''){
|
|
|
+ this.signShow = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ const getUserData = requestApi(
|
|
|
+ 'admin/borrow.BorrowApp/add?server=1','GET'
|
|
|
+ ).then(ret => {
|
|
|
+ console.log(ret)
|
|
|
+ if(ret.code == 1){
|
|
|
+ this.formdata.username = ret.data.username
|
|
|
+ this.formdata.mobile = ret.data.mobile
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ const getAssetData = requestApi(
|
|
|
+ '/admin/asset.AssetInformation/getDataSelect?server=1','GET'
|
|
|
+ ).then(ret => {
|
|
|
+ if(ret.code == 1){
|
|
|
+ console.log( ret.data)
|
|
|
+ this.candidates = ret.data;
|
|
|
+ }else{
|
|
|
+ toast(' 仪器列表获取失败，请检查网络！！')
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ const getProtocol = requestApi(
|
|
|
+ '/admin/borrow.BorrowApply/getProtocol?server=1','GET'
|
|
|
+ ).then(ret => {
|
|
|
+
|
|
|
+ if(ret.code == 1){
|
|
|
+ this.protocolText = ret.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ const xiangqinData = requestApi(
|
|
|
+ 'admin/borrow.BorrowApp/changeAssetNum?id=' + event.data + '&server=1','GET'
|
|
|
+ ).then(ret => {
|
|
|
+ this.formdata = ret.data.row
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onUnload(){
|
|
|
+
|
|
|
+ uni.$off('q-sign'); //移除监听事件
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ unfold : false,
|
|
|
+ imageSrc:'',
|
|
|
+ pImg:'',
|
|
|
+ is_w: false,
|
|
|
+ is_q: false,
|
|
|
+ is_s: false,
|
|
|
+ is_r: false,
|
|
|
+ signShow : false,
|
|
|
+ signSrc : '',
|
|
|
+ isShow: false,
|
|
|
+ isChoose: true,
|
|
|
+ protocolText:'',
|
|
|
+ inputValue_json: '',
|
|
|
+ candidates:[],
|
|
|
+ formdata: {
|
|
|
+ sign:'',
|
|
|
+ username: '',
|
|
|
+ status: 0,
|
|
|
+ mobile: '',
|
|
|
+ purpose: 0,
|
|
|
+ borrow_time :'',
|
|
|
+ expected_end_time:'',
|
|
|
+ borrow_reason: '',
|
|
|
+ remarks: '',
|
|
|
+ selectedTime: '',
|
|
|
+ asset: [
|
|
|
+ {
|
|
|
+ model: '',
|
|
|
+ origin: '',
|
|
|
+ num: '',
|
|
|
+ origins : []
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ accessories: {
|
|
|
+ w_battery : 0,
|
|
|
+ w_remote_control: 0,
|
|
|
+ w_remote_control_battery: 0,
|
|
|
+ w_charge_housekeeper: 0,
|
|
|
+ w_propeller: 0,
|
|
|
+ w_sd: 0,
|
|
|
+ q_battery: 0,
|
|
|
+ q_charge_housekeeper: 0,
|
|
|
+ q_tripod: 0,
|
|
|
+ q_prism: 0,
|
|
|
+ q_center_bar: 0,
|
|
|
+ q_data_line: 0,
|
|
|
+ s_battery: 0,
|
|
|
+ s_charge_housekeeper: 0,
|
|
|
+ s_adjustment_wrench: 0,
|
|
|
+ s_data_line: 0,
|
|
|
+ s_rain_proof_cloth: 0,
|
|
|
+ s_level_gauge: 0,
|
|
|
+ s_tripod: 0,
|
|
|
+ s_ruler_pad: 0,
|
|
|
+ r_battery: 0,
|
|
|
+ r_charge_housekeeper: 0,
|
|
|
+ r_charging_head: 0,
|
|
|
+ r_hand_book: 0,
|
|
|
+ r_hand_book_holder: 0,
|
|
|
+ r_hand_book_pen: 0,
|
|
|
+ r_usb: 0,
|
|
|
+ r_flashlight: 0,
|
|
|
+ r_cdrow: 0,
|
|
|
+ r_long_antenna: 0,
|
|
|
+ r_short_antenna: 0,
|
|
|
+ r_height_measuring_plate: 0,
|
|
|
+ r_connection_head: 0,
|
|
|
+ r_instruction_manual: 0
|
|
|
+ },
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ 'username': [{
|
|
|
+ required: true,
|
|
|
+ message: '此为必填字段',
|
|
|
+ // blur和change事件触发检验
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ // 此为同步验证，可以直接返回true或者false，如果是异步验证，稍微不同，见下方说明
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ // 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
|
|
|
+ return chinese(value);
|
|
|
+ },
|
|
|
+ message: "姓名必须为中文",
|
|
|
+ // 触发器可以同时用blur和change，二者之间用英文逗号隔开
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }],
|
|
|
+ 'mobile': [{
|
|
|
+ required: true,
|
|
|
+ message: '此为必填字段',
|
|
|
+ // blur和change事件触发检验
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ pattern: /^[1][3,4,5,7,8][0-9]{9}$/,
|
|
|
+ // 正则检验前先将值转为字符串
|
|
|
+ transform(value) {
|
|
|
+ return String(value);
|
|
|
+ },
|
|
|
+ message: '请正确输入手机号码'
|
|
|
+ }],
|
|
|
+ 'boorow_time': [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择预计领取时间',
|
|
|
+ // blur和change事件触发检验
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ }],
|
|
|
+ 'expected_end_time': [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择预计归还时间',
|
|
|
+ // blur和change事件触发检验
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ }],
|
|
|
+ 'borrow_reason': [{
|
|
|
+ required: true,
|
|
|
+ message: '请填写借取理由',
|
|
|
+ // blur和change事件触发检验
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ }]
|
|
|
+
|
|
|
+ },
|
|
|
+ dynamicFormData: {
|
|
|
+ quantity: '',
|
|
|
+ instrument:'',
|
|
|
+ domains:{quantity: {},instrument:{}}
|
|
|
+ },
|
|
|
+ dynamicLists: [],
|
|
|
+ currentTimestamp: new Date().getTime(), // 获取当前时间的时间戳
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onReady() {
|
|
|
+ // 如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则
|
|
|
+ this.$refs.form1.setRules(this.rules)
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ showDatePicker() {
|
|
|
+ this.$refs.datetimePicker.showPopup();
|
|
|
+ },
|
|
|
+ handleDateConfirm(selectedDate) {
|
|
|
+ const timestamp = new Date(selectedDate).getTime();
|
|
|
+ this.formdata.selectedTime = timestamp;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ console.log('Selected Time:', this.formdata.selectedTime);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ imgOnCan(){
|
|
|
+ // console.log(123)
|
|
|
+ this.signShow = true;
|
|
|
+ },
|
|
|
+ imgOnError(){
|
|
|
+ console.log(456)
|
|
|
+ this.signShow = false;
|
|
|
+ },
|
|
|
+ goSign(worker){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/uni_modules/q-sign/pages/q-sign?name=' + worker
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 仪器选择
|
|
|
+ openPicker() {
|
|
|
+ this.$refs.picker.open();
|
|
|
+ },
|
|
|
+ confirm(e) {
|
|
|
+ // console.log('confirm', e.value[0]);
|
|
|
+ this.dynamicFormData.instrument = e.value[0]
|
|
|
+ },
|
|
|
+ showDateSelect() {
|
|
|
+ this.$refs.datetimePicker.open();
|
|
|
+ this.hideKeyboard();
|
|
|
+ },
|
|
|
+ showDateSelectBorrow() {
|
|
|
+ this.$refs.datetimePicker1.open();
|
|
|
+ this.hideKeyboard();
|
|
|
+ },
|
|
|
+ showDateconfirm(e) {
|
|
|
+
|
|
|
+ this.formdata.expected_end_time = this.formatterResult(e.value, e.mode)
|
|
|
+ },
|
|
|
+ showDateconfirmBorrrow(e) {
|
|
|
+ this.formdata.borrow_time = this.formatterResult(e.value, e.mode)
|
|
|
+ },
|
|
|
+ formatter(type, value) {
|
|
|
+ if (type === 'year') {
|
|
|
+ return `${value}年`
|
|
|
+ }
|
|
|
+ if (type === 'month') {
|
|
|
+ return `${value}月`
|
|
|
+ }
|
|
|
+ if (type === 'day') {
|
|
|
+ return `${value}日`
|
|
|
+ }
|
|
|
+ return value
|
|
|
+ },
|
|
|
+ formatterResult(time, mode) {
|
|
|
+ switch (mode) {
|
|
|
+ case 'datetime':
|
|
|
+ return timeFormat(time, 'yyyy-mm-dd hh:MM')
|
|
|
+ case 'date':
|
|
|
+ return timeFormat(time, 'yyyy-mm-dd')
|
|
|
+ case 'year-month':
|
|
|
+ return timeFormat(time, 'yyyy-mm')
|
|
|
+ case 'time':
|
|
|
+ return toast(time)
|
|
|
+ case 'year':
|
|
|
+ return timeFormat(time, 'yyyy')
|
|
|
+ default:
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 仪器名称及数量
|
|
|
+ addasset() {
|
|
|
+
|
|
|
+ this.formdata.asset.push({
|
|
|
+ model: '',
|
|
|
+ origin: '',
|
|
|
+ num: '',
|
|
|
+ origins : []
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ onDelArrayItem(idx){
|
|
|
+ this.formdata.asset.splice(idx, 1)
|
|
|
+ },
|
|
|
+ openPicker2() {
|
|
|
+ console.log(123)
|
|
|
+ this.$refs.picker2.open();
|
|
|
+ },
|
|
|
+ confirm2(e) {
|
|
|
+ console.log('confirm', e.value[0]);
|
|
|
+
|
|
|
+ },
|
|
|
+ del(id) {
|
|
|
+ let index = this.dynamicLists.findIndex(v => v.id === id)
|
|
|
+ this.dynamicLists.splice(index, 1)
|
|
|
+ },
|
|
|
+ closePo(){
|
|
|
+
|
|
|
+ if(this.isChoose){
|
|
|
+ this.$refs.countDown.reset();
|
|
|
+ }
|
|
|
+ this.$refs.popup.close();
|
|
|
+ },
|
|
|
+ // 节流函数
|
|
|
+ throttle(func, limit) {
|
|
|
+ let inThrottle;
|
|
|
+ return function() {
|
|
|
+ const context = this;
|
|
|
+ const args = arguments;
|
|
|
+ if (!inThrottle) {
|
|
|
+ func.apply(context, args);
|
|
|
+ inThrottle = true;
|
|
|
+ setTimeout(() => inThrottle = false, limit);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // submitON 方法
|
|
|
+ submitON: function() {
|
|
|
+ // 使用节流
|
|
|
+ this._throttledSubmitON = this._throttledSubmitON || this.throttle(() => {
|
|
|
+ if(!this.signShow){
|
|
|
+ toast('请检查签名！！');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.$refs.form1.validate().then(res => {
|
|
|
+ this.$refs.popup.open();
|
|
|
+ }).catch(errors => {
|
|
|
+ toast('请重新填写！！');
|
|
|
+ });
|
|
|
+ if(this.isChoose){
|
|
|
+ this.$refs.countDown.start();
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+
|
|
|
+ this._throttledSubmitON();
|
|
|
+ },
|
|
|
+
|
|
|
+ // submit 方法
|
|
|
+ submit: function() {
|
|
|
+ // 使用节流
|
|
|
+ this._throttledSubmit = this._throttledSubmit || this.throttle(() => {
|
|
|
+ this.isChoose =true ;
|
|
|
+ wx.showLoading({ title: '加载中' });
|
|
|
+ // 发起请求
|
|
|
+ requestApi('/admin/borrow.BorrowApp/changeAssetNum?server=1', { data: toRaw(this.formdata) }, 'POST')
|
|
|
+ .then(d => {
|
|
|
+ if(d.code === 1){
|
|
|
+ wx.navigateBack({ delta: 1 });
|
|
|
+ } else {
|
|
|
+ toast(d.msg);
|
|
|
+ }
|
|
|
+ this.isChoose = false;
|
|
|
+ wx.hideLoading();
|
|
|
+
|
|
|
+ });
|
|
|
+ }, 1000);
|
|
|
+
|
|
|
+ this._throttledSubmit();
|
|
|
+ },
|
|
|
+ getFinish(){
|
|
|
+ this.isChoose = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 重置
|
|
|
+ reset() {
|
|
|
+ const validateList = ['username', '', '', '', '',
|
|
|
+ ''
|
|
|
+ ]
|
|
|
+ this.$refs.form1.resetFields()
|
|
|
+ this.$refs.form1.clearValidate()
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.form1.clearValidate(validateList)
|
|
|
+ // 或者使用 this.$refs.form1.clearValidate()
|
|
|
+ }, 10)
|
|
|
+ },
|
|
|
+ hideKeyboard() {
|
|
|
+ uni.hideKeyboard()
|
|
|
+ },
|
|
|
+ doss() {
|
|
|
+ this.isShow = true;
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ this.isShow = false;
|
|
|
+ },
|
|
|
+ save(val) {
|
|
|
+ this.isShow = false;
|
|
|
+ this.img1 = this.$refs.hello.signImage;
|
|
|
+ // console.log('微信小程序产生的',this.img1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch:{
|
|
|
+ formdata:{
|
|
|
+ handler(val){
|
|
|
+ console.log(val)
|
|
|
+
|
|
|
+ this.is_w = val.asset.some(asset => asset.model.includes('无人机'));
|
|
|
+
|
|
|
+ this.is_q = val.asset.some(asset => asset.model.includes('全站仪'));
|
|
|
+
|
|
|
+ this.is_s = val.asset.some(asset => asset.model.includes('水准仪'));
|
|
|
+
|
|
|
+ this.is_r = val.asset.some(asset => asset.model.includes('RTK')|| asset.model.includes('GNSS'));
|
|
|
+
|
|
|
+ },
|
|
|
+ deep:true
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ fullUrl() {
|
|
|
+ const sign = this.formdata.sign || '';
|
|
|
+ console.log(sign)
|
|
|
+ if (sign.startsWith('http')) {
|
|
|
+ return sign;
|
|
|
+ } else {
|
|
|
+ return `https://yxy.glut.cc/${sign}`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="less">
|
|
|
+ .add_anniu {
|
|
|
+ float: left;
|
|
|
+ background-color: #2d8cf0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xuanze_title {
|
|
|
+ padding: 0 10rpx;
|
|
|
+ border-left: 10rpx solid #2d8cf0;
|
|
|
+ float: left;
|
|
|
+ margin-right: 20rpx;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .uanze_title {
|
|
|
+ height: 30px;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 35px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .unfold {
|
|
|
+ position: relative;
|
|
|
+ z-index: 999;
|
|
|
+ top: 30rpx;
|
|
|
+ left: 94%;
|
|
|
+ width: 35rpx;
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .uni_zt {
|
|
|
+ color: #F89898;
|
|
|
+ }
|
|
|
+</style>
|
