people_fireStation.vue 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729
  1. <template>
  2. <view>
  3. <navInfo :title="'编辑人员'"></navInfo>
  4. <view class="bgTopImg" style="height:200rpx;position: fixed;z-index: 9;">
  5. <image slot="right" class="bgTopImg"></image>
  6. </view>
  7. <view class="uni-container">
  8. <view class=" flex flex-direction width100">
  9. <view class="cardBox">
  10. <uni-card v-for="item in tableList" style="border: 2rpx solid #4DB1B6;">
  11. <view style="display: flex;justify-content: space-between;align-items: center;">
  12. <view>
  13. <text>姓名:{{item.empName}}</text><br>
  14. <text>电话:{{ item.mobile }}</text><br>
  15. <text>身份证号:{{item.idcardno}}</text><br>
  16. <text>职务:{{getDuty(item.empType)}}</text>
  17. </view>
  18. <view style="display: flex;justify-content: space-around;align-items: center;">
  19. <button @click="delUser(item)" class="editBtn" style="background-color: red;"
  20. v-if="addIds">删除</button>
  21. <button @click="editUser(item)" class="editBtn" v-if="addIds">编辑</button>
  22. </view>
  23. </view>
  24. </uni-card>
  25. </view>
  26. <!-- 新增的人员表单项 -->
  27. <view v-for="(person, index) in membersList" :key="index" style="border-bottom: 1px solid #f8f8f8;">
  28. <u--form ref="forms" labelPosition="left" labelWidth="150" labelAlign="left">
  29. <u-form-item class="typeStyle" :prop="'name' + (index + 1)">
  30. <p style="width: 150rpx;margin-left: 20rpx;">姓名</p>
  31. <u-input v-model="person.name" id="nameId" @change="nameBlur" :placeholder="'请输入姓名'" />
  32. <span class="erroring" v-if="nameRules">请输入名称</span>
  33. </u-form-item>
  34. <u-form-item class="typeStyle" :prop="'age' + (index + 1)">
  35. <p style="width: 150rpx;margin-left: 20rpx;">身份证号</p>
  36. <u-input @change="userBlur" v-model="person.userNum" :placeholder="'请输入身份证号'" />
  37. <span class="erroring" v-if="userRules">身份证号有误</span>
  38. </u-form-item>
  39. <!-- 其他人员信息字段 -->
  40. <u-form-item class="typeStyle" :prop="'age' + (index + 1)">
  41. <p style="width: 150rpx;margin-left: 20rpx;">电话号</p>
  42. <u-input v-model="person.phone" @change="phoneBlur" :placeholder="'请输入电话号'" />
  43. <span class="erroring" v-if="phoneRules">电话号有误</span>
  44. </u-form-item>
  45. <!-- <u-form-item class="typeStyle" :prop="'age' + (index + 1)">
  46. <p style="width: 150rpx;margin-left: 20rpx;">人员类型</p>
  47. <u-input v-model="person.worker" :placeholder="'请输入人员类型'" />
  48. </u-form-item> -->
  49. <u-form-item class="antherStyle">
  50. <p style="width: 150rpx;">人员类型</p>
  51. <uni-data-select v-model="person.power" :localdata="selectType"
  52. @change="change"></uni-data-select>
  53. <!-- <uni-data-select v-model="person.worker" :localdata="range" @change="change"></uni-data-select> -->
  54. </u-form-item>
  55. <u-form-item>
  56. <u-button type="primary" @click="addSure" class="antherBtn">提交</u-button>
  57. <u-button type="primary" @click="cleanList" class="antherBtn">取消</u-button>
  58. </u-form-item>
  59. </u--form>
  60. </view>
  61. <view>
  62. <u-popup :show="showModal" mode="center" @close="closeModal" :round="10">
  63. <view class="modalBox">
  64. <u--form labelPosition="left" :model="formbox" ref="uForm" labelWidth="100"
  65. labelAlign="left">
  66. <u-form-item label="姓名" prop="formbox.fname" borderBottom ref="item1">
  67. <u--input class="insides" v-model="formbox.fname" border="none"></u--input>
  68. </u-form-item>
  69. <u-form-item label="电话号" prop="formbox.fphone" borderBottom ref="item1">
  70. <u--input class="insides" v-model="formbox.fphone" border="none"></u--input>
  71. </u-form-item>
  72. <u-form-item label="人员类型" prop="formbox.fpower" borderBottom ref="item1">
  73. <uni-data-select v-model="formbox.fpower" :localdata="selectType"
  74. @change="change1"></uni-data-select>
  75. </u-form-item>
  76. <u-form-item label="身份证号" prop="userInfo.fuserNum" borderBottom ref="item1">
  77. <u--input class="insides" v-model="formbox.fuserNum" border="none"></u--input>
  78. </u-form-item>
  79. <!-- <u-form-item style="width: 350rpx;" label="人员类型" prop="userInfo.fworker" borderBottom
  80. ref="item1">
  81. <u--input class="insides" v-model="formbox.fworker" border="none"></u--input>
  82. </u-form-item> -->
  83. </u--form>
  84. <view class="useBox">
  85. <button class="antherBtn" @click="makeSureEdit">确认修改</button>
  86. <button class="antherBtn" @click="showModal = false">取消</button>
  87. </view>
  88. </view>
  89. </u-popup>
  90. </view>
  91. <view>
  92. <u-popup :show="showDel" title="确认删除?" mode="center">
  93. <view style="width: 400rpx;height: 200rpx;margin: 20rpx 20rpx;">
  94. <p style="font-size: 35rpx;color: black;">是否删除该数据项?</p>
  95. <p style="font-size: 20rpx;color: gray;">确认删除?</p>
  96. <view
  97. style="display: flex;justify-content: space-around;align-items: center;margin-top: 40rpx;">
  98. <button class="antherBtn" @click="makeSureDel"
  99. style="background-color: red;">确认</button>
  100. <button class="antherBtn" @click="showDel = false">取消</button>
  101. </view>
  102. </view>
  103. </u-popup>
  104. </view>
  105. <view>
  106. <u-modal :show="show123" @confirm="confirm" @cancel="cancel" @close="close" asyncClose
  107. closeOnClickOverlay showCancelButton confirmColor="red" title="是否删除该数据项" content="确认删除?"
  108. ref="uModal"></u-modal>
  109. </view>
  110. <!-- <button @click="addNewPeople" class="circleBtn">+</button> -->
  111. </view>
  112. </view>
  113. </view>
  114. </template>
  115. <script>
  116. import {
  117. creatFirePeople,
  118. delFirePeople,
  119. outexcel,
  120. getMesbyid,
  121. getfirelist,
  122. getfirepage,
  123. editFirePeople,
  124. getuserfireid
  125. } from "../../../../api/peoplefire/index.js"
  126. import {
  127. getDict
  128. } from "../../../../api/dictName/index.js"
  129. import config from '@/config'
  130. const baseUrlImg = config.baseUrlImg
  131. import navInfo from '@/pagesA/components/my-nav/nav'
  132. import {
  133. DICT_TYPE,
  134. getDictDatas
  135. } from '@/utils/dict';
  136. export default {
  137. components: {
  138. navInfo
  139. },
  140. data() {
  141. return {
  142. membersList: [], //添加的人员数组
  143. resultId: '',
  144. value: 0,
  145. range: [{
  146. value: '2',
  147. text: "站长"
  148. },
  149. {
  150. value: '1',
  151. text: "值班人员"
  152. },
  153. {
  154. value: '0',
  155. text: "普通人员"
  156. },
  157. ],
  158. range1: [{
  159. value: '2',
  160. text: "站长"
  161. },
  162. {
  163. value: '1',
  164. text: "值班人员"
  165. },
  166. {
  167. value: '0',
  168. text: "普通人员"
  169. },
  170. ],
  171. tomole: "添加人员",
  172. tableList: [], //显示的人员数组
  173. userId: '', //用户id
  174. smallFireId: '',
  175. fireStationId: 0, //消防站id
  176. showModal: false, //模态框开关
  177. formbox: {
  178. fname: '',
  179. fphone: '',
  180. fworker: '',
  181. fuserNum: '',
  182. },
  183. editPeopleId: '', //需要修改人员的id
  184. nameRules: false, //对name的正则验证
  185. userRules: false, //对身份证的正则验证
  186. phoneRules: false, //对电话的正则验证
  187. showDel: false,
  188. delId: '',
  189. show123: false,
  190. selectType:getDictDatas(DICT_TYPE.MICROEMPTYPE), //选项
  191. addIds: '',
  192. empList: null,
  193. type: ''
  194. }
  195. },
  196. methods: {
  197. addNewPeople() {
  198. if (this.addIds) {
  199. const MAX_LENGTH = 1; // 假设你想限制数组最大长度为6
  200. if (this.membersList.length < MAX_LENGTH) {
  201. const newPerson = {
  202. name: '',
  203. userNum: '',
  204. phone: '',
  205. worker: '',
  206. // 其他字段
  207. };
  208. this.membersList.push(newPerson);
  209. } else {
  210. // 达到最大数量,给出提示或执行其他操作
  211. uni.showToast({
  212. title: '只支持一位添加',
  213. icon: 'none', // 图标类型,可选值:'success', 'loading', 'none'
  214. duration: 2000, // 持续时间,单位为毫秒,默认值为 1500
  215. mask: false, // 是否显示透明蒙层,防止触摸穿透,默认值为 false
  216. success() {
  217. // console.log('toast消息提示显示成功');
  218. },
  219. fail(err) {
  220. // console.error('toast消息提示显示失败', err);
  221. }
  222. });
  223. }
  224. }
  225. },
  226. addSure() {
  227. if (this.addIds) {
  228. if (!this.userRules && !this.phoneRules && !this.nameRules) {
  229. // console.log(this.membersList[0].worker,'988');
  230. creatFirePeople({
  231. empName: this.membersList[0].name,
  232. empType: this.membersList[0].worker,
  233. idcardno: this.membersList[0].userNum,
  234. microstationid: this.fireStationId - 0,
  235. mobile: this.membersList[0].phone,
  236. }).then(res => {
  237. if (res.data) {
  238. this.getAllFire()
  239. uni.showToast({
  240. title: '添加成功',
  241. icon: 'success', // 图标类型,可选值:'success', 'loading', 'none'
  242. duration: 2000, // 持续时间,单位为毫秒,默认值为 1500
  243. mask: false, // 是否显示透明蒙层,防止触摸穿透,默认值为 false
  244. success() {
  245. // console.log('toast消息提示显示成功');
  246. },
  247. fail(err) {
  248. // console.error('toast消息提示显示失败', err);
  249. }
  250. });
  251. this.membersList = [{
  252. name: '',
  253. userNum: '',
  254. phone: '',
  255. worker: '',
  256. }]
  257. }
  258. })
  259. } else {
  260. uni.showToast({
  261. title: '请检查表单项',
  262. icon: 'none', // 图标类型,可选值:'success', 'loading', 'none'
  263. duration: 2000, // 持续时间,单位为毫秒,默认值为 1500
  264. mask: false, // 是否显示透明蒙层,防止触摸穿透,默认值为 false
  265. success() {
  266. // console.log('toast消息提示显示成功');
  267. },
  268. fail(err) {
  269. // console.error('toast消息提示显示失败', err);
  270. }
  271. });
  272. }
  273. } else {
  274. let ground = []
  275. if (localStorage.getItem('empList')) {
  276. this.empList = JSON.parse(localStorage.getItem('empList'))
  277. }
  278. if (this.empList != null) {
  279. ground = [...this.empList, ...this.membersList]
  280. this.tableList = [...ground]
  281. } else {
  282. this.tableList = [...this.membersList]
  283. }
  284. this.tableList.map(i => {
  285. i.empName = i.name
  286. i.mobile = i.phone
  287. i.idcardno = i.userNum
  288. i.empType = i.power
  289. })
  290. // localStorage.setItem('empList', JSON.stringify(ground))
  291. // } else {
  292. // localStorage.setItem("empList", JSON.stringify(this.membersList))
  293. // }
  294. localStorage.setItem("empList", JSON.stringify(this.tableList))
  295. uni.navigateBack({
  296. delta: 1
  297. })
  298. }
  299. this.nameRules = false //对name的正则验证
  300. this.userRules = false //对身份证的正则验证
  301. this.phoneRules = false
  302. },
  303. change(e) {
  304. this.membersList[0].worker = e
  305. // console.log("e:", e);
  306. },
  307. change1(e) {
  308. this.membersList[0].worker = e
  309. // console.log("e1:", e);
  310. },
  311. getbackid() {
  312. let x = localStorage.getItem('getUserInfo_key')
  313. x = JSON.parse(x)
  314. this.userId = x.data.userInfo.id
  315. getuserfireid({
  316. userId: this.userId
  317. }).then(res => {
  318. // console.log(res, 'userfire');
  319. })
  320. // console.log(x.data.userInfo.id, 'xxx');
  321. },
  322. getAllFire() {
  323. let num = 0
  324. if (this.addIds === '1') {
  325. num = '1'
  326. getfirepage({
  327. pageNo: 1,
  328. pageSize: 10,
  329. microstationid: this.fireStationId,
  330. empType: num
  331. }).then(res => {
  332. // console.log(res, '888');
  333. this.tableList = res.data.list
  334. })
  335. } else if (this.addIds === '2') {
  336. num = '2'
  337. getfirepage({
  338. pageNo: 1,
  339. pageSize: 10,
  340. microstationid: this.fireStationId,
  341. empType: num
  342. }).then(res => {
  343. // console.log(res, '888');
  344. this.tableList = res.data.list
  345. })
  346. } else if (this.addIds === '0') {
  347. num = '0'
  348. getfirepage({
  349. pageNo: 1,
  350. pageSize: 10,
  351. microstationid: this.fireStationId,
  352. empType: num
  353. }).then(res => {
  354. // console.log(res, '888');
  355. this.tableList = res.data.list
  356. })
  357. }
  358. },
  359. delUser(row) {
  360. this.delId = row.id
  361. this.show123 = true
  362. },
  363. makeSureDel() {
  364. },
  365. confirm() {
  366. delFirePeople(this.delId).then(res => {
  367. if (res.data) {
  368. uni.showToast({
  369. title: '删除成功',
  370. icon: 'success', // 图标类型,可选值:'success', 'loading', 'none'
  371. duration: 2000, // 持续时间,单位为毫秒,默认值为 1500
  372. mask: false, // 是否显示透明蒙层,防止触摸穿透,默认值为 false
  373. success() {
  374. // console.log('toast消息提示显示成功');
  375. },
  376. fail(err) {
  377. // console.error('toast消息提示显示失败', err);
  378. }
  379. });
  380. this.getAllFire()
  381. this.show123 = false
  382. }
  383. })
  384. },
  385. cancel() {
  386. this.show123 = false
  387. },
  388. close() {
  389. this.show123 = false
  390. },
  391. editUser(row) {
  392. this.editPeopleId = row.id
  393. getMesbyid({
  394. id: row.id
  395. }).then(res => {
  396. if (res.data) {
  397. this.formbox.fname = res.data.empName
  398. this.formbox.fphone = res.data.mobile
  399. this.formbox.fpower = res.data.empType
  400. // this.formbox.fworker = res.data.empType
  401. this.formbox.fuserNum = res.data.idcardno
  402. this.showModal = true
  403. }
  404. })
  405. },
  406. closeModal() {
  407. this.showModal = false
  408. },
  409. makeSureEdit() {
  410. editFirePeople({
  411. empType: this.formbox.fpower,
  412. empName: this.formbox.fname,
  413. // empType: this.formbox.fworker,
  414. id: this.editPeopleId,
  415. idcardno: this.formbox.fuserNum,
  416. microstationid: this.fireStationId - 0,
  417. mobile: this.formbox.fphone,
  418. }).then(res => {
  419. if (res.data) {
  420. this.showModal = false
  421. this.getAllFire()
  422. uni.showToast({
  423. title: '编辑成功',
  424. icon: 'success', // 图标类型,可选值:'success', 'loading', 'none'
  425. duration: 2000, // 持续时间,单位为毫秒,默认值为 1500
  426. mask: false, // 是否显示透明蒙层,防止触摸穿透,默认值为 false
  427. success() {
  428. // console.log('toast消息提示显示成功');
  429. },
  430. fail(err) {
  431. // console.error('toast消息提示显示失败', err);
  432. }
  433. });
  434. }
  435. // console.log(res, 'edit');
  436. })
  437. },
  438. // 对表单内name的正则判断
  439. nameBlur() {
  440. // console.log(this.membersList[0].name);
  441. if (this.membersList[0].name === '') {
  442. this.nameRules = true
  443. } else {
  444. this.nameRules = false
  445. }
  446. },
  447. userBlur() {
  448. const regex = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}[\dxX]$/;
  449. if (this.membersList[0].userNum&&regex.test(this.membersList[0].userNum)||!this.membersList[0].userNum) {
  450. this.userRules = false
  451. } else{
  452. this.userRules = true
  453. }
  454. },
  455. phoneBlur() {
  456. const regex = /^1[3-9]\d{9}$/;
  457. if (regex.test(this.membersList[0].phone)||!this.membersList[0].phone) {
  458. this.phoneRules = false
  459. } else {
  460. this.phoneRules = true
  461. }
  462. },
  463. cleanList() {
  464. this.membersList = []
  465. let list = localStorage.getItem("empList")
  466. list = JSON.parse(list)
  467. if (list) {
  468. localStorage.removeItem('empList')
  469. }
  470. },
  471. // 读取本地缓存
  472. getGround() {
  473. let list = localStorage.getItem("empList")
  474. list = JSON.parse(list)
  475. if (list) {
  476. this.membersList = list
  477. } else {
  478. this.membersList = []
  479. }
  480. }
  481. },
  482. onLoad(options) {
  483. let ids = localStorage.getItem("fireId")
  484. if (ids) {
  485. this.fireStationId = ids
  486. }
  487. this.addIds = options.addId ? options.addId : ''
  488. this.type = options.type ? options.type : ''
  489. },
  490. onShow() {
  491. this.selectType.map(i => {
  492. i.text = i.label;
  493. i.value = i.value;
  494. });
  495. this.getGround()
  496. if (this.addIds) {
  497. this.getAllFire()
  498. this.getbackid()
  499. // console.log(options, 'options')
  500. this.resultId = this.addIds
  501. if (this.resultId === '2') {
  502. this.tomole = '添加负责人'
  503. } else if (this.resultId === '1') {
  504. this.tomole = '添加值班人'
  505. } else {
  506. this.tomole = '添加人员信息'
  507. }
  508. // console.log(this.$route.query, 'query'); // 输出传递的参数值
  509. } else {
  510. if (localStorage.getItem('empList')) {
  511. const lists = JSON.parse(localStorage.getItem('empList'))
  512. switch (this.type) {
  513. case "0":
  514. lists.map(i => {
  515. if (i.empType == "0") {
  516. this.tableList.push(i)
  517. }
  518. })
  519. break;
  520. case "1":
  521. lists.map(i => {
  522. if (i.empType == "1") {
  523. this.tableList.push(i)
  524. }
  525. })
  526. break;
  527. case "2":
  528. lists.map(i => {
  529. if (i.empType =="2") {
  530. this.tableList.push(i)
  531. }
  532. })
  533. break;
  534. default:
  535. break;
  536. }
  537. this.tableList.map(i => {
  538. i.empName = i.name
  539. i.mobile = i.phone
  540. i.idcardno = i.userNum
  541. i.empType = i.power
  542. })
  543. }
  544. this.membersList = [{
  545. name: '',
  546. userNum: '',
  547. phone: '',
  548. worker: '',
  549. // 其他字段
  550. }]
  551. return
  552. }
  553. this.membersList = [{
  554. name: '',
  555. userNum: '',
  556. phone: '',
  557. worker: '',
  558. // 其他字段
  559. }]
  560. },
  561. computed: {
  562. getDuty() {
  563. return (num) => {
  564. if (num === '1') {
  565. return '值班人';
  566. } else if (num === '2') {
  567. return '站长';
  568. } else {
  569. return '普通人员';
  570. }
  571. };
  572. }
  573. }
  574. }
  575. </script>
  576. <style lang="scss" scoped>
  577. .uni-container {
  578. padding: 10px;
  579. background: #fff;
  580. // z-index: 9999999;
  581. position: relative;
  582. }
  583. /deep/ .typeStyle {
  584. width: 650rpx !important;
  585. }
  586. /deep/ .antherStyle {
  587. width: 630rpx;
  588. height: 100rpx;
  589. margin-left: 20rpx;
  590. }
  591. /deep/ .antherBtn {
  592. width: 200rpx;
  593. height: 80rpx;
  594. margin-bottom: 30rpx;
  595. background-color: #4DB1B6;
  596. color: white;
  597. text-align: center;
  598. line-height: 80rpx;
  599. font-size: 30rpx;
  600. border-radius: 20rpx;
  601. }
  602. .tableBox {
  603. width: 90%;
  604. height: auto;
  605. margin: 20rpx auto;
  606. margin-left: 40rpx;
  607. /* background-color: aqua; */
  608. }
  609. .custom-table {
  610. border-collapse: collapse;
  611. /* 合并边框 */
  612. }
  613. .custom-table th,
  614. .custom-table td {
  615. /* width: 39.5%; */
  616. border: 1px solid #4DB1B6;
  617. /* 添加边框样式 */
  618. padding: 8px;
  619. /* 设置单元格内边距 */
  620. }
  621. .aTd {
  622. /* width: 60%; */
  623. }
  624. .editBtn {
  625. width: 120rpx;
  626. height: 60rpx;
  627. background-color: #4DB1B6;
  628. color: white;
  629. text-align: center;
  630. line-height: 60rpx;
  631. border-radius: 10rpx;
  632. font-size: 20rpx;
  633. margin-bottom: 10rpx;
  634. margin-right: 10rpx;
  635. }
  636. .modalBox {
  637. width: 700rpx;
  638. height: 750rpx;
  639. /deep/.uni-select {
  640. width: 100%;
  641. height: 50px;
  642. border: 1px solid #4DB1B6;
  643. }
  644. /deep/ .u-line {
  645. border: none !important;
  646. }
  647. /deep/ .uni-input-input {
  648. padding: 0 10rpx;
  649. }
  650. /deep/ .u-form-item__body {
  651. width: 90%;
  652. }
  653. }
  654. .insides {
  655. width: 400rpx;
  656. height: 100rpx;
  657. border: 1px solid #4DB1B6;
  658. }
  659. .useBox {
  660. display: flex;
  661. justify-content: space-around;
  662. align-items: center;
  663. margin-top: 20rpx;
  664. }
  665. .erroring {
  666. color: red;
  667. font-size: 20rpx;
  668. }
  669. .circleBtn {
  670. width: 100rpx;
  671. height: 100rpx;
  672. border-radius: 50%;
  673. font-size: 90rpx;
  674. text-align: center;
  675. line-height: 100rpx;
  676. color: white;
  677. background-color: #4EB0B5;
  678. position: fixed;
  679. bottom: 20rpx;
  680. right: 20rpx;
  681. }
  682. .cardBox {
  683. width: 650rpx;
  684. margin: 100rpx auto 20rpx;
  685. border-radius: 30rpx;
  686. }
  687. .u-form-item__body__left {
  688. width: 100rpx;
  689. }
  690. /deep/.u-button--primary {
  691. border: none
  692. }
  693. </style>