application.vue 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829
  1. <template>
  2. <view class="uv-page" style="background-color: #fff;width: 94%;margin: 0 auto;">
  3. <view class="uv-demo-block">
  4. <view class="uv-demo-block__content">
  5. <!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 -->
  6. <uv-form labelPosition="left" labelWidth="formdata100" :model="formdata" ref="form1" :rules="rules">
  7. <uv-form-item label="使用人姓名" required="required" prop="username" borderBottom labelWidth="100" ref="item1">
  8. <uv-input v-model="formdata.username" border="none" placeholder="请输入使用人姓名"></uv-input>
  9. </uv-form-item>
  10. <uv-form-item label="手机号" required="required" prop="mobile" borderBottom labelWidth="100" ref="item1">
  11. <uv-input v-model="formdata.mobile" border="none" placeholder="请输入联系电话"></uv-input>
  12. </uv-form-item>
  13. <uv-form-item label="借单类型" required="required" prop="purpose" borderBottom labelWidth="100" ref="item2">
  14. <uv-radio-group v-model="formdata.purpose">
  15. <uv-radio :customStyle="{marginRight: '16px'}" label="科研类" :name="0">
  16. </uv-radio>
  17. <uv-radio :customStyle="{marginRight: '16px'}" label="教学类" :name="1">
  18. </uv-radio>
  19. </uv-radio-group>
  20. </uv-form-item>
  21. <uv-form-item v-if="formdata.purpose == 0" label="项目编号" prop="project_number" borderBottom labelWidth="100" ref="item1">
  22. <uv-input v-model="formdata.project_number" border="none" placeholder="请输入项目编号"></uv-input>
  23. </uv-form-item>
  24. <uv-form-item label="预计领取时间" required="required" borderBottom prop="borrow_time" labelWidth="100"
  25. @click="showDateSelectBorrow" ref="formdata">
  26. <uv-input v-model="formdata.borrow_time" disabled disabledColor="#ffffff"
  27. border="none"></uv-input>
  28. <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker1" mode="datetime"
  29. @confirm="showDateconfirmBorrrow"></uv-datetime-picker>
  30. <template v-slot:right>
  31. <uv-icon name="arrow-right"></uv-icon>
  32. </template><strong></strong>
  33. </uv-form-item>
  34. <uv-form-item label="预计归还时间" required="required" borderBottom prop="expected_end_time"
  35. labelWidth="100" @click="showDateSelect" ref="formdata">
  36. <uv-input v-model="formdata.expected_end_time" disabled disabledColor="#ffffff"
  37. border="none"></uv-input>
  38. <uv-datetime-picker :minDate="currentTimestamp" ref="datetimePicker" mode="datetime"
  39. @confirm="showDateconfirm"></uv-datetime-picker>
  40. <template v-slot:right>
  41. <uv-icon name="arrow-right"></uv-icon>
  42. </template><strong></strong>
  43. </uv-form-item>
  44. <view class="">
  45. <view class="uanze_title">
  46. <view class="xuanze_title">
  47. 选择仪器
  48. </view>
  49. <button type="primary" size="mini" @click="addasset" class="add_anniu">新增仪器类型</button>
  50. </view>
  51. <uv-form-item v-for="(item, idx) in formdata.asset" :key="idx">
  52. <view class="form-item">
  53. <!-- <cus-selects :closeSelect.sync='close' @change='change' v-model="item.model" :data="candidates" :valueType="alias" :filterable='true' :searchType='1'></cus-selects> -->
  54. <superwei-combox :candidates="candidates" :isJSON="true" keyName="value" placeholder="请选择或输入"
  55. v-model="item.model" @input="input_json" @select="select_json">
  56. </superwei-combox>
  57. <!-- <uv-form-item label="预计归还时间" required="required" borderBottom prop="expected_end_time" labelWidth="100" @click="showDateSelect" ref="formdata">
  58. <uv-input v-model="formdata.expected_end_time" disabled disabledColor="#ffffff" border="none"></uv-input>
  59. <uv-datetime-picker :minDate="new Date()" ref="datetimePicker" mode="datetime" @confirm="showDateconfirm"></uv-datetime-picker>
  60. <template v-slot:right>
  61. <uv-icon name="arrow-right"></uv-icon>
  62. </template><strong></strong>
  63. </uv-form-item> -->
  64. <!-- <uni-combox label="所在城市" :candidates="candidates" placeholder="请选择所在城市" v-model="item.model"></uni-combox> -->
  65. <!-- <superwei-combox :candidates="candidates" :isJSON="true" keyName="model" placeholder="请选择或输入"
  66. v-model="item.model" @input="input_json" @select="select_json">
  67. </superwei-combox> -->
  68. <!-- <uni-combox :candidates="candidates" placeholder="请选择仪器" v-model="item.model"></uni-combox> -->
  69. <!-- <picker @change="bindPickerChange" :value="index" :range="item.origins">
  70. <view class="uni-input">{{origins[index]}}</view>
  71. </picker> -->
  72. <!-- <uni-section title="本地数据" type="line">
  73. <view class="uni-px-5 uni-pb-5">
  74. <uni-data-picker
  75. placeholder="请选择班级"
  76. popup-title="请选择"
  77. :localdata="candidates"
  78. v-model="item.model"
  79. @change="onchange"
  80. @nodeclick="onnodeclick"
  81. @popupopened="onpopupopened"
  82. @popupclosed="onpopupclosed"
  83. @inputclick="inputclick"
  84. ></uni-data-picker>
  85. </view>
  86. </uni-section> -->
  87. <uv-input v-model="item.num" placeholder="数量"></uv-input>
  88. <button class="button" size="mini" type="default" @click="onDelArrayItem(idx)">删除</button>
  89. </view>
  90. </uv-form-item>
  91. <uv-picker ref="picker2" :columns="columns" @confirm="confirm2"></uv-picker>
  92. </view>
  93. <uv-form-item label="借取用途" required="required" prop="borrow_reason" borderBottom labelWidth="80" ref="item3">
  94. <uv-textarea placeholder="请填写借取用途" v-model="formdata.borrow_reason" count></uv-textarea>
  95. </uv-form-item>
  96. <view v-if="is_w">
  97. <view class="uanze_title">
  98. <view class="xuanze_title">
  99. 选择无人机配件
  100. </view>
  101. </view>
  102. <uv-form-item label="电池数量" required="required" prop="accessories.w_battery" borderBottom labelWidth="100" ref="item1">
  103. <uv-input v-model="formdata.accessories.w_battery" border="none" placeholder="请输入无人机电池数量"></uv-input>
  104. </uv-form-item>
  105. <uv-form-item label="遥控器数量" required="required" prop="accessories.w_remote_control" borderBottom labelWidth="100" ref="item1">
  106. <uv-input v-model="formdata.accessories.w_remote_control" border="none" placeholder="请输入无人机电遥控器数量"></uv-input>
  107. </uv-form-item>
  108. <uv-form-item label="遥控器电池数量" required="required" prop="accessories.w_remote_control_battery" borderBottom labelWidth="100" ref="item1">
  109. <uv-input v-model="formdata.accessories.w_remote_control_battery" border="none" placeholder="请输入无人机电遥控器电池数量"></uv-input>
  110. </uv-form-item>
  111. <uv-form-item label="充电管家" required="required" prop="accessories.w_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
  112. <uv-input v-model="formdata.accessories.w_charge_housekeeper" border="none" placeholder="请输入无人机电充电管家数量"></uv-input>
  113. </uv-form-item>
  114. <uv-form-item label="螺旋桨" required="required" prop="accessories.w_propeller" borderBottom labelWidth="100" ref="item1">
  115. <uv-input v-model="formdata.accessories.w_propeller" border="none" placeholder="请输入无人机电螺旋桨数量"></uv-input>
  116. </uv-form-item>
  117. <uv-form-item label="SD卡" required="required" prop="accessories.w_sd" borderBottom labelWidth="100" ref="item1">
  118. <uv-input v-model="formdata.accessories.w_sd" border="none" placeholder="请输入无人机电SD卡数量"></uv-input>
  119. </uv-form-item>
  120. </view>
  121. <view v-if="is_q">
  122. <view class="uanze_title">
  123. <view class="xuanze_title">
  124. 选择全站仪配件
  125. </view>
  126. </view>
  127. <view>
  128. <uv-form-item label="主机电池" required="required" prop="accessories.q_battery" borderBottom labelWidth="100" ref="item1">
  129. <uv-input v-model="formdata.accessories.q_battery" border="none" placeholder="请输入全站仪电池数量"></uv-input>
  130. </uv-form-item>
  131. <uv-form-item label="主机充电器" required="required" prop="accessories.q_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
  132. <uv-input v-model="formdata.accessories.q_charge_housekeeper" border="none" placeholder="请输入全站仪主机充电器数量"></uv-input>
  133. </uv-form-item>
  134. <uv-form-item label="三脚架" required="required" prop="accessories.q_tripod" borderBottom labelWidth="100" ref="item1">
  135. <uv-input v-model="formdata.accessories.q_tripod" border="none" placeholder="请输入三脚架数量"></uv-input>
  136. </uv-form-item>
  137. <uv-form-item label="棱镜" required="required" prop="accessories.q_prism" borderBottom labelWidth="100" ref="item1">
  138. <uv-input v-model="formdata.accessories.q_prism" border="none" placeholder="请输入棱镜数量"></uv-input>
  139. </uv-form-item>
  140. <uv-form-item label="对中杆" required="required" prop="accessories.q_center_bar" borderBottom labelWidth="100" ref="item1">
  141. <uv-input v-model="formdata.accessories.q_center_bar" border="none" placeholder="请输入对中杆数量"></uv-input>
  142. </uv-form-item>
  143. <uv-form-item label="数据线" required="required" prop="accessories.q_data_line" borderBottom labelWidth="100" ref="item1">
  144. <uv-input v-model="formdata.accessories.q_data_line" border="none" placeholder="请输入全站仪数据线数量"></uv-input>
  145. </uv-form-item>
  146. </view>
  147. </view>
  148. <view v-if="is_s">
  149. <view class="uanze_title">
  150. <view class="xuanze_title">
  151. 选择水准仪配件
  152. </view>
  153. </view>
  154. <uv-form-item label="主机电池" required="required" prop="accessories.s_battery" borderBottom labelWidth="100" ref="item1">
  155. <uv-input v-model="formdata.accessories.s_battery" border="none" placeholder="请输入主机电池数量"></uv-input>
  156. </uv-form-item>
  157. <uv-form-item label="充电器" required="required" prop="accessories.s_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
  158. <uv-input v-model="formdata.accessories.s_charge_housekeeper" border="none" placeholder="请输入充电器数量"></uv-input>
  159. </uv-form-item>
  160. <uv-form-item label="电源线" required="required" prop="accessories.s_data_line" borderBottom labelWidth="100" ref="item1">
  161. <uv-input v-model="formdata.accessories.s_data_line" border="none" placeholder="请输入电源线数量"></uv-input>
  162. </uv-form-item>
  163. <uv-form-item label="调节扳手" required="required" prop="accessories.s_adjustment_wrench" borderBottom labelWidth="100" ref="item1">
  164. <uv-input v-model="formdata.accessories.s_adjustment_wrench" border="none" placeholder="请输入调节扳手数量"></uv-input>
  165. </uv-form-item>
  166. <uv-form-item label="防雨布" required="required" prop="accessories.s_rain_proof_cloth" borderBottom labelWidth="100" ref="item1">
  167. <uv-input v-model="formdata.accessories.s_rain_proof_cloth" border="none" placeholder="请输入防雨布数量"></uv-input>
  168. </uv-form-item>
  169. <uv-form-item label="三脚架" required="required" prop="accessories.s_tripod" borderBottom labelWidth="100" ref="item1">
  170. <uv-input v-model="formdata.accessories.s_tripod" border="none" placeholder="请输入三脚架数量"></uv-input>
  171. </uv-form-item>
  172. <uv-form-item label="水准尺" required="required" prop="accessories.s_level_gauge" borderBottom labelWidth="100" ref="item1">
  173. <uv-input v-model="formdata.accessories.s_level_gauge" border="none" placeholder="请输入水准尺数量"></uv-input>
  174. </uv-form-item>
  175. <uv-form-item label="尺垫" required="required" prop="accessories.s_ruler_pad" borderBottom labelWidth="100" ref="item1">
  176. <uv-input v-model="formdata.accessories.s_ruler_pad" border="none" placeholder="请输入尺垫数量"></uv-input>
  177. </uv-form-item>
  178. </view>
  179. <view v-if="is_r">
  180. <view class="uanze_title">
  181. <view class="xuanze_title">
  182. 选择RTK配件
  183. </view>
  184. </view>
  185. <uv-form-item label="主电" required="required" prop="accessories.r_battery" borderBottom labelWidth="100" ref="item1">
  186. <uv-input v-model="formdata.accessories.r_battery" border="none" placeholder="请输入主机电池数量"></uv-input>
  187. </uv-form-item>
  188. <uv-form-item label="主电充电器" required="required" prop="accessories.r_charge_housekeeper" borderBottom labelWidth="100" ref="item1">
  189. <uv-input v-model="formdata.accessories.r_charge_housekeeper" border="none" placeholder="请输入主电充电器数量"></uv-input>
  190. </uv-form-item>
  191. <uv-form-item label="手簿" required="required" prop="accessories.r_charging_head" borderBottom labelWidth="100" ref="item1">
  192. <uv-input v-model="formdata.accessories.r_charging_head" border="none" placeholder="请输入手簿数量"></uv-input>
  193. </uv-form-item>
  194. <uv-form-item label="手簿夹" required="required" prop="accessories.r_hand_book_holder" borderBottom labelWidth="100" ref="item1">
  195. <uv-input v-model="formdata.accessories.r_hand_book_holder" border="none" placeholder="请输入手簿夹数量"></uv-input>
  196. </uv-form-item>
  197. <uv-form-item label="手簿笔" required="required" prop="accessories.r_hand_book_pen" borderBottom labelWidth="100" ref="item1">
  198. <uv-input v-model="formdata.accessories.r_hand_book_pen" border="none" placeholder="请输入手簿笔数量"></uv-input>
  199. </uv-form-item>
  200. <uv-form-item label="手簿充电头" required="required" prop="accessories.r_charging_head" borderBottom labelWidth="100" ref="item1">
  201. <uv-input v-model="formdata.accessories.r_charging_head" border="none" placeholder="请输入手簿充电头数量"></uv-input>
  202. </uv-form-item>
  203. <uv-form-item label="手电" required="required" prop="accessories.r_flashlight" borderBottom labelWidth="100" ref="item1">
  204. <uv-input v-model="formdata.accessories.r_flashlight" border="none" placeholder="请输入手电数量"></uv-input>
  205. </uv-form-item>
  206. <uv-form-item label="连接头" required="required" prop="accessories.r_connection_head" borderBottom labelWidth="100" ref="item1">
  207. <uv-input v-model="formdata.accessories.r_connection_head" border="none" placeholder="请输入连接头数量"></uv-input>
  208. </uv-form-item>
  209. <uv-form-item label="测高片" required="required" prop="accessories.r_height_measuring_plate" borderBottom labelWidth="100" ref="item1">
  210. <uv-input v-model="formdata.accessories.r_height_measuring_plate" border="none" placeholder="请输入测高片数量"></uv-input>
  211. </uv-form-item>
  212. <uv-form-item label="长天线" required="required" prop="accessories.r_long_antenna" borderBottom labelWidth="100" ref="item1">
  213. <uv-input v-model="formdata.accessories.r_long_antenna" border="none" placeholder="请输入长天线数量"></uv-input>
  214. </uv-form-item>
  215. <uv-form-item label="短天线" required="required" prop="accessories.r_short_antenna" borderBottom labelWidth="100" ref="item1">
  216. <uv-input v-model="formdata.accessories.r_short_antenna" border="none" placeholder="请输入短天线数量"></uv-input>
  217. </uv-form-item>
  218. <uv-form-item label="说明书" required="required" prop="accessories.r_instruction_manual" borderBottom labelWidth="100" ref="item1">
  219. <uv-input v-model="formdata.accessories.r_instruction_manual" border="none" placeholder="请输入说明书数量"></uv-input>
  220. </uv-form-item>
  221. <uv-form-item label="光盘" required="required" prop="accessories.r_cdrow" borderBottom labelWidth="100" ref="item1">
  222. <uv-input v-model="formdata.accessories.r_cdrow" border="none" placeholder="请输入光盘数量"></uv-input>
  223. </uv-form-item>
  224. <uv-form-item label="USB线" required="required" prop="accessories.r_usb" borderBottom labelWidth="100" ref="item1">
  225. <uv-input v-model="formdata.accessories.r_usb" border="none" placeholder="请输入主机电池数量"></uv-input>
  226. </uv-form-item>
  227. </view>
  228. <uv-form-item label="备注" :required="formdata.purpose == 1" prop="remarks" borderBottom labelWidth="80" ref="item3">
  229. <uv-textarea placeholder="请填写其他配件以及其他要求" v-model="formdata.remarks" count></uv-textarea>
  230. </uv-form-item>
  231. <view class="uanze_title">
  232. <view class="xuanze_title">
  233. 电子签字
  234. </view>
  235. <button type="primary" size="mini" @click="goSign('worker1')" class="add_anniu">去签名</button>
  236. </view>
  237. <!-- <image style="width: 200px; height: 200px; background-color: #eeeeee;" @load='imgOnCan' @error='imgOnError' :src="signSrc" v-if="signShow"></image> -->
  238. <image style="width: 200px; height: 200px; background-color: #eeeeee;" :src="fullUrl" v-show="signShow" @load='imgOnCan' @error='imgOnError'></image>
  239. </uv-form>
  240. <uv-popup ref="popup" :close-on-click-overlay="false" >
  241. <view style="width:94vw; height:auto;">
  242. <view class="" style="margin: 20rpx 20rpx;">
  243. <view class="" style="margin:20rpx 0;font-weight: bold;">
  244. 仪器借用协议:
  245. </view>
  246. <view class="" style="max-height: 60vh;overflow-y:auto">
  247. <!-- <rich-text style="max-height: 60vh;" :nodes="this.protocolText.data"></rich-text> -->
  248. <rich-text :nodes="this.protocolText.data" id="protocolData"></rich-text>
  249. </view>
  250. </view>
  251. <button type="error" @click="closePo" style="margin: 20rpx 20rpx;">关闭</button>
  252. <button type="primary" @click="submit" :disabled="isChoose" style="margin: 20rpx 20rpx;">
  253. <uv-count-down
  254. ref="countDown"
  255. :time="5* 1000"
  256. format="ss"
  257. :autoStart="false"
  258. millisecond
  259. @change="onChange"
  260. @finish="getFinish"
  261. v-if="isChoose"
  262. >
  263. </uv-count-down>
  264. 同意
  265. </button>
  266. </view>
  267. </uv-popup>
  268. <uv-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submitON"></uv-button>
  269. <uv-button type="error" text="重置" customStyle="margin-top: 10px;margin-bottom: 30rpx;" @click="reset"></uv-button>
  270. </view>
  271. </view>
  272. </view>
  273. <!-- <canvas canvas-id="myCanvasP" style="width: 595px; height: 842px;"></canvas> -->
  274. </template>
  275. <script>
  276. import { padZero, timeFormat, toast } from '@/uni_modules/uv-ui-tools/libs/function/index.js';
  277. import { chinese } from '@/uni_modules/uv-ui-tools/libs/function/test.js';
  278. import { requestApi , requestFileApi } from '@/api/request.js';
  279. import { toRaw } from '@vue/reactivity';
  280. export default {
  281. onLoad(){
  282. uni.$on('qing',data =>{
  283. console.log(data)
  284. this.pImg = data
  285. console.log(this.pImg)
  286. })
  287. uni.$on('q-sign',data =>{
  288. console.log('tempFilePath',data);
  289. this.formdata.sign = data.tempFilePath;
  290. // const ctx2 = uni.createCanvasContext('myCanvasr');
  291. // ctx2.drawImage(data.tempFilePath, 0, 0, 200, 200);
  292. // ctx2.drawImage(this.pImg.tempFilePath, 0, 0, 595, 1000);
  293. // ctx2.draw(true,
  294. // uni.canvasToTempFilePath({
  295. // canvasId: 'myCanvasr',
  296. // success: (res) => {
  297. // console.log(res.tempFilePath)
  298. // }
  299. // })
  300. // );
  301. // // 获取拼接后的图片路径
  302. const res = requestFileApi(
  303. '/admin/ajax/upload?server=1',
  304. data.tempFilePath
  305. ).then(d => {
  306. var responseObject = JSON.parse(d);
  307. var fileUrl = responseObject.data.file.url;
  308. // 传图片接口;
  309. this.formdata.sign = responseObject.data.file.url;
  310. })
  311. })
  312. console.log(this.formdata.sign)
  313. if(this.formdata.sign == "" || this.formdata.sign == null){
  314. // 获取电子签字
  315. const returndata = requestApi(
  316. 'admin/ajax/getSign?server=1','GET'
  317. ).then(ret => {
  318. console.log(ret)
  319. if(ret.code == 1){
  320. this.formdata.sign = ret.data.sign[0].sign
  321. if(ret.data.sign[0].sign !== ''){
  322. this.signShow = true
  323. }
  324. }
  325. })
  326. }
  327. const getUserData = requestApi(
  328. 'admin/borrow.BorrowApp/add?server=1','GET'
  329. ).then(ret => {
  330. console.log(ret)
  331. if(ret.code == 1){
  332. this.formdata.username = ret.data.username
  333. this.formdata.mobile = ret.data.mobile
  334. }
  335. })
  336. const getAssetData = requestApi(
  337. '/admin/asset.AssetInformation/getDataSelect?server=1','GET'
  338. ).then(ret => {
  339. if(ret.code == 1){
  340. console.log( ret.data)
  341. this.candidates = ret.data;
  342. }else{
  343. toast(' 仪器列表获取失败,请检查网络!!')
  344. }
  345. })
  346. const getProtocol = requestApi(
  347. '/admin/borrow.BorrowApply/getProtocol?server=1','GET'
  348. ).then(ret => {
  349. if(ret.code == 1){
  350. this.protocolText = ret.data;
  351. // const text = ret.data.data1;
  352. // const ctx = wx.createCanvasContext('myCanvasP');
  353. // ctx.font = '20px Microsoft YaHei';
  354. // ctx.textAlign = 'left';
  355. // ctx.fillStyle = '#000000';
  356. // ctx.fillText("桂林理工大学测绘地理信息学院仪器借用承诺书",83, 50);
  357. // ctx.font = '15px Microsoft YaHei';
  358. // const strArr = Array.from(text);
  359. // let line = '';
  360. // let y = 120;
  361. // strArr.forEach(char => {
  362. // const testLine = line + char;
  363. // const metrics = ctx.measureText(testLine);
  364. // const testWidth = metrics.width;
  365. // if (testWidth + 24 > 555) {
  366. // if (line.trim() === '') {
  367. // line += char;
  368. // } else {
  369. // ctx.fillText(line, 33, y);
  370. // line = char;
  371. // y += 20;
  372. // }
  373. // } else {
  374. // line += char;
  375. // }
  376. // });
  377. // if (line.trim() !== '') {
  378. // ctx.fillText(line, 33, y);
  379. // }
  380. // ctx.draw(true, () => {
  381. // uni.canvasToTempFilePath({
  382. // x: 0,
  383. // y: 0,
  384. // width: 595,
  385. // height: 842,
  386. // destWidth: 595,
  387. // destHeight: 842,
  388. // canvasId: 'myCanvasP',
  389. // success: function(res) {
  390. // console.log(res.tempFilePath);
  391. // // 假设uni.$emit是您项目中用于事件通信的方法
  392. // uni.$emit('qing', { tempFilePath: res.tempFilePath });
  393. // }
  394. // });
  395. // });
  396. }
  397. })
  398. },
  399. onUnload(){
  400. uni.$off('q-sign'); //移除监听事件
  401. },
  402. data() {
  403. return {
  404. imageSrc:'',
  405. pImg:'',
  406. is_w: false,
  407. is_q: false,
  408. is_s: false,
  409. is_r: false,
  410. signShow : false,
  411. signSrc : '',
  412. isShow: false,
  413. isChoose: true,
  414. protocolText:'',
  415. inputValue_json: '',
  416. candidates:[],
  417. formdata: {
  418. sign:'',
  419. username: '',
  420. mobile: '',
  421. purpose: 0,
  422. borrow_time :'',
  423. expected_end_time:'',
  424. borrow_reason: '',
  425. remarks: '',
  426. selectedTime: '',
  427. asset: [
  428. {
  429. model: '',
  430. origin: '',
  431. num: '',
  432. origins : []
  433. },
  434. ],
  435. accessories: {
  436. w_battery : 0,
  437. w_remote_control: 0,
  438. w_remote_control_battery: 0,
  439. w_charge_housekeeper: 0,
  440. w_propeller: 0,
  441. w_sd: 0,
  442. q_battery: 0,
  443. q_charge_housekeeper: 0,
  444. q_tripod: 0,
  445. q_prism: 0,
  446. q_center_bar: 0,
  447. q_data_line: 0,
  448. s_battery: 0,
  449. s_charge_housekeeper: 0,
  450. s_adjustment_wrench: 0,
  451. s_data_line: 0,
  452. s_rain_proof_cloth: 0,
  453. s_level_gauge: 0,
  454. s_tripod: 0,
  455. s_ruler_pad: 0,
  456. r_battery: 0,
  457. r_charge_housekeeper: 0,
  458. r_charging_head: 0,
  459. r_hand_book: 0,
  460. r_hand_book_holder: 0,
  461. r_hand_book_pen: 0,
  462. r_usb: 0,
  463. r_flashlight: 0,
  464. r_cdrow: 0,
  465. r_long_antenna: 0,
  466. r_short_antenna: 0,
  467. r_height_measuring_plate: 0,
  468. r_connection_head: 0,
  469. r_instruction_manual: 0
  470. },
  471. },
  472. rules: {
  473. 'username': [{
  474. required: true,
  475. message: '此为必填字段',
  476. // blur和change事件触发检验
  477. trigger: ['blur', 'change'],
  478. },
  479. {
  480. // 此为同步验证,可以直接返回true或者false,如果是异步验证,稍微不同,见下方说明
  481. validator: (rule, value, callback) => {
  482. // 调用uView自带的js验证规则,详见:https://www.uviewui.com/js/test.html
  483. return chinese(value);
  484. },
  485. message: "姓名必须为中文",
  486. // 触发器可以同时用blur和change,二者之间用英文逗号隔开
  487. trigger: ["change", "blur"],
  488. }],
  489. 'mobile': [{
  490. required: true,
  491. message: '此为必填字段',
  492. // blur和change事件触发检验
  493. trigger: ['blur', 'change'],
  494. },
  495. {
  496. pattern: /^[1][3,4,5,7,8][0-9]{9}$/,
  497. // 正则检验前先将值转为字符串
  498. transform(value) {
  499. return String(value);
  500. },
  501. message: '请正确输入手机号码'
  502. }],
  503. 'boorow_time': [{
  504. required: true,
  505. message: '请选择预计领取时间',
  506. // blur和change事件触发检验
  507. trigger: ['blur', 'change'],
  508. }],
  509. 'expected_end_time': [{
  510. required: true,
  511. message: '请选择预计归还时间',
  512. // blur和change事件触发检验
  513. trigger: ['blur', 'change'],
  514. }],
  515. 'borrow_reason': [{
  516. required: true,
  517. message: '请填写借取理由',
  518. // blur和change事件触发检验
  519. trigger: ['blur', 'change'],
  520. }]
  521. },
  522. dynamicFormData: {
  523. quantity: '',
  524. instrument:'',
  525. domains:{quantity: {},instrument:{}}
  526. },
  527. dynamicLists: [],
  528. currentTimestamp: new Date().getTime(), // 获取当前时间的时间戳
  529. }
  530. },
  531. onReady() {
  532. // 如果需要兼容微信小程序,并且校验规则中含有方法等,只能通过setRules方法设置规则
  533. this.$refs.form1.setRules(this.rules)
  534. },
  535. methods: {
  536. showDatePicker() {
  537. this.$refs.datetimePicker.showPopup();
  538. },
  539. handleDateConfirm(selectedDate) {
  540. const timestamp = new Date(selectedDate).getTime();
  541. this.formdata.selectedTime = timestamp;
  542. this.$nextTick(() => {
  543. console.log('Selected Time:', this.formdata.selectedTime);
  544. });
  545. },
  546. imgOnCan(){
  547. // console.log(123)
  548. this.signShow = true;
  549. },
  550. imgOnError(){
  551. console.log(456)
  552. this.signShow = false;
  553. },
  554. goSign(worker){
  555. uni.navigateTo({
  556. url:'/uni_modules/q-sign/pages/q-sign?name=' + worker
  557. })
  558. },
  559. // 仪器选择
  560. openPicker() {
  561. this.$refs.picker.open();
  562. },
  563. confirm(e) {
  564. // console.log('confirm', e.value[0]);
  565. this.dynamicFormData.instrument = e.value[0]
  566. },
  567. showDateSelect() {
  568. this.$refs.datetimePicker.open();
  569. this.hideKeyboard();
  570. },
  571. showDateSelectBorrow() {
  572. this.$refs.datetimePicker1.open();
  573. this.hideKeyboard();
  574. },
  575. showDateconfirm(e) {
  576. this.formdata.expected_end_time = this.formatterResult(e.value, e.mode)
  577. },
  578. showDateconfirmBorrrow(e) {
  579. console.log(e)
  580. this.formdata.borrow_time = this.formatterResult(e.value, e.mode)
  581. },
  582. formatter(type, value) {
  583. if (type === 'year') {
  584. return `${value}年`
  585. }
  586. if (type === 'month') {
  587. return `${value}月`
  588. }
  589. if (type === 'day') {
  590. return `${value}日`
  591. }
  592. return value
  593. },
  594. formatterResult(time, mode) {
  595. switch (mode) {
  596. case 'datetime':
  597. return timeFormat(time, 'yyyy-mm-dd hh:MM')
  598. case 'date':
  599. return timeFormat(time, 'yyyy-mm-dd')
  600. case 'year-month':
  601. return timeFormat(time, 'yyyy-mm')
  602. case 'time':
  603. return toast(time)
  604. case 'year':
  605. return timeFormat(time, 'yyyy')
  606. default:
  607. return ''
  608. }
  609. },
  610. // 仪器名称及数量
  611. addasset() {
  612. this.formdata.asset.push({
  613. model: '',
  614. origin: '',
  615. num: '',
  616. origins : []
  617. })
  618. },
  619. onDelArrayItem(idx){
  620. this.formdata.asset.splice(idx, 1)
  621. },
  622. openPicker2() {
  623. console.log(123)
  624. this.$refs.picker2.open();
  625. },
  626. confirm2(e) {
  627. console.log('confirm', e.value[0]);
  628. },
  629. del(id) {
  630. let index = this.dynamicLists.findIndex(v => v.id === id)
  631. this.dynamicLists.splice(index, 1)
  632. },
  633. closePo(){
  634. if(this.isChoose){
  635. this.$refs.countDown.reset();
  636. }
  637. this.$refs.popup.close();
  638. },
  639. // 节流函数
  640. throttle(func, limit) {
  641. let inThrottle;
  642. return function() {
  643. const context = this;
  644. const args = arguments;
  645. if (!inThrottle) {
  646. func.apply(context, args);
  647. inThrottle = true;
  648. setTimeout(() => inThrottle = false, limit);
  649. }
  650. }
  651. },
  652. // submitON 方法
  653. submitON: function() {
  654. // 使用节流
  655. this._throttledSubmitON = this._throttledSubmitON || this.throttle(() => {
  656. if(!this.signShow){
  657. toast('请检查签名!!');
  658. return false;
  659. }
  660. this.$refs.form1.validate().then(res => {
  661. this.$refs.popup.open();
  662. }).catch(errors => {
  663. toast('请重新填写!!');
  664. });
  665. if(this.isChoose){
  666. this.$refs.countDown.start();
  667. }
  668. }, 1000);
  669. this._throttledSubmitON();
  670. },
  671. // submit 方法
  672. submit: function() {
  673. // 使用节流
  674. this._throttledSubmit = this._throttledSubmit || this.throttle(() => {
  675. this.isChoose =true ;
  676. wx.showLoading({ title: '加载中' });
  677. // 发起请求
  678. requestApi('/admin/borrow.BorrowApp/add?server=1', { data: toRaw(this.formdata) }, 'POST')
  679. .then(d => {
  680. if(d.code === 1){
  681. wx.navigateBack({ delta: 1 });
  682. } else {
  683. toast(d.msg);
  684. }
  685. this.isChoose = false;
  686. wx.hideLoading();
  687. });
  688. }, 1000);
  689. this._throttledSubmit();
  690. },
  691. getFinish(){
  692. this.isChoose = false;
  693. },
  694. // 重置
  695. reset() {
  696. const validateList = ['username', '', '', '', '',
  697. ''
  698. ]
  699. this.$refs.form1.resetFields()
  700. this.$refs.form1.clearValidate()
  701. setTimeout(() => {
  702. this.$refs.form1.clearValidate(validateList)
  703. // 或者使用 this.$refs.form1.clearValidate()
  704. }, 10)
  705. },
  706. hideKeyboard() {
  707. uni.hideKeyboard()
  708. },
  709. doss() {
  710. this.isShow = true;
  711. },
  712. close() {
  713. this.isShow = false;
  714. },
  715. save(val) {
  716. this.isShow = false;
  717. this.img1 = this.$refs.hello.signImage;
  718. // console.log('微信小程序产生的',this.img1);
  719. }
  720. },
  721. watch:{
  722. formdata:{
  723. handler(val){
  724. console.log(val)
  725. this.is_w = val.asset.some(asset => asset.model.includes('无人机'));
  726. this.is_q = val.asset.some(asset => asset.model.includes('全站仪'));
  727. this.is_s = val.asset.some(asset => asset.model.includes('水准仪'));
  728. this.is_r = val.asset.some(asset => asset.model.includes('RTK')|| asset.model.includes('GNSS'));
  729. },
  730. deep:true
  731. },
  732. },
  733. computed: {
  734. fullUrl() {
  735. const sign = this.formdata.sign || '';
  736. console.log(sign)
  737. if (sign.startsWith('http')) {
  738. return sign;
  739. } else {
  740. return `https://yxy.glut.cc/${sign}`;
  741. }
  742. }
  743. }
  744. }
  745. </script>
  746. <style lang="less">
  747. .add_anniu {
  748. float: left;
  749. background-color: #2d8cf0 !important;
  750. }
  751. .xuanze_title {
  752. padding: 0 10rpx;
  753. border-left: 10rpx solid #2d8cf0;
  754. float: left;
  755. margin-right: 20rpx;
  756. }
  757. .uanze_title {
  758. height: 30px;
  759. margin-top: 20rpx;
  760. line-height: 30px;
  761. }
  762. .form-item {
  763. display: flex;
  764. align-items: center;
  765. }
  766. .button {
  767. display: flex;
  768. align-items: center;
  769. height: 35px;
  770. margin-left: 10px;
  771. }
  772. </style>