index.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798
  1. <template>
  2. <view class="company-box">
  3. <nav-bar title="编辑公司信息" color="#000"></nav-bar>
  4. <view
  5. class="text-center text-red bg-white"
  6. v-if="form.auditContent && form.status == 3"
  7. >拒绝理由:{{ form.auditContent }}
  8. </view>
  9. <view class="company-content">
  10. <view class="padding">
  11. <view class="padding bg">
  12. <u-form
  13. :model="form"
  14. ref="uForm"
  15. label-position="top"
  16. :label-style="lableStyle"
  17. label-width="240"
  18. >
  19. <u-form-item label="企业名称" :border-bottom="false">
  20. <u-input
  21. placeholder="请输入企业名称"
  22. v-model="form.companyName"
  23. inputAlign="text-align:left"
  24. class="custom-input"
  25. />
  26. </u-form-item>
  27. <u-form-item label="公司规模" :border-bottom="false">
  28. <u-input
  29. placeholder="请输入公司规模"
  30. disabled
  31. @click="Comshow = true"
  32. v-model="form.companyPeople"
  33. inputAlign="text-align:left"
  34. class="custom-input"
  35. />
  36. </u-form-item>
  37. <u-form-item label="公司所在地" :border-bottom="false">
  38. <u-input
  39. placeholder="请选择省市区"
  40. :disabled="true"
  41. v-model="form.companyAddress1"
  42. @click="selectAddress()"
  43. inputAlign="text-align:left"
  44. class="custom-input no-border"
  45. />
  46. <u-input
  47. @click="selectAddress()"
  48. :disabled="true"
  49. placeholder="请选择详细地址"
  50. v-model="form.companyAddress"
  51. inputAlign="text-align:left"
  52. class="custom-input no-border"
  53. />
  54. </u-form-item>
  55. <u-form-item label="公司所属行业" :border-bottom="false">
  56. <u-input
  57. placeholder="请选择公司所属行业"
  58. v-model="form.companyScope"
  59. :disabled="true"
  60. @click="gotoHy()"
  61. inputAlign="text-align:left"
  62. class="custom-input"
  63. />
  64. </u-form-item>
  65. <u-form-item label="法人" :border-bottom="false">
  66. <u-input
  67. placeholder="请输入公司法人"
  68. v-model="form.companyLegalPerson"
  69. inputAlign="text-align:left"
  70. class="custom-input"
  71. />
  72. </u-form-item>
  73. <u-form-item label="企业邮箱" :border-bottom="false">
  74. <u-input
  75. placeholder="请输入企业邮箱"
  76. v-model="form.email"
  77. inputAlign="text-align:left"
  78. class="custom-input"
  79. />
  80. </u-form-item>
  81. <u-form-item label="注册资金(万)" :border-bottom="false">
  82. <u-input
  83. placeholder="请输入注册资金(万)"
  84. type="number"
  85. v-model="form.companyRegisteredFund"
  86. inputAlign="text-align:left"
  87. class="custom-input"
  88. />
  89. </u-form-item>
  90. <u-form-item label="注册时间" :border-bottom="false">
  91. <u-input
  92. placeholder="请输入注册时间"
  93. v-model="form.companyCreateTime"
  94. inputAlign="text-align:left"
  95. :disabled="true"
  96. @click="companyShow = true"
  97. class="custom-input"
  98. />
  99. </u-form-item>
  100. <u-form-item label="公司介绍" :border-bottom="false">
  101. <view class="check-box">
  102. <u-input
  103. type="textarea"
  104. style="padding: 10rpx"
  105. :maxlength="-1"
  106. height="350"
  107. placeholder="请输入公司介绍"
  108. v-model="form.companyDetails"
  109. :clearable="false"
  110. inputAlign="text-align:left"
  111. />
  112. </view>
  113. </u-form-item>
  114. </u-form>
  115. </view>
  116. <view class="yyzz flex justify-center">
  117. <view class="yyzz-box">
  118. <view class="yyzz-box-title"> 营业执照照片 </view>
  119. <view class="yyzz-box-images flex justify-center align-center">
  120. <view
  121. class="yyzz-box-images-c flex flex-wrap align-center"
  122. @click="addImage(2)"
  123. >
  124. <block v-if="!form.companyCertification">
  125. <view class="flex align-center justify-center" style="width: 100%">
  126. <u-icon name="camera" color="#000000" size="65"></u-icon>
  127. </view>
  128. <view class="yyzz-box-images-c-t flex justify-center">
  129. 营业执照照片
  130. </view>
  131. </block>
  132. <block v-else>
  133. <image
  134. :src="form.companyCertification"
  135. style="width: 100%; height: 100%"
  136. mode=""
  137. >
  138. </image>
  139. </block>
  140. </view>
  141. </view>
  142. </view>
  143. </view>
  144. <view class="yyzz flex justify-center" style="margin-bottom: 40rpx">
  145. <view class="yyzz-box">
  146. <view class="yyzz-box-title"> 企业头像照片 </view>
  147. <view class="yyzz-box-images flex justify-center align-center">
  148. <view
  149. class="yyzz-box-images-c flex justify-center flex-wrap"
  150. @click="addImage(1)"
  151. >
  152. <block v-if="!form.companyLogo">
  153. <view class="flex align-center justify-center" style="width: 100%">
  154. <u-icon name="camera" color="#000000" size="65"></u-icon>
  155. </view>
  156. <view class="yyzz-box-images-c-t flex justify-center">
  157. 企业头像照片
  158. </view>
  159. </block>
  160. <block v-else>
  161. <image
  162. :src="form.companyLogo"
  163. style="width: 100%; height: 100%"
  164. mode=""
  165. ></image>
  166. </block>
  167. </view>
  168. </view>
  169. </view>
  170. </view>
  171. <u-button
  172. @click="submit"
  173. class="margin-top"
  174. :custom-style="customStyle"
  175. shape="square"
  176. :hair-line="false"
  177. >提交审核
  178. </u-button>
  179. </view>
  180. </view>
  181. <u-picker v-model="companyShow" mode="time" @confirm="companyConfirm"></u-picker>
  182. <!-- 求职岗位 -->
  183. <u-select
  184. z-index="99999999"
  185. v-model="postShow"
  186. :list="postlist"
  187. @confirm="postConfirm"
  188. ></u-select>
  189. <!-- 区域选择 -->
  190. <u-picker v-model="show" mode="region" @confirm="confirm"></u-picker>
  191. <!-- 招聘信息选择弹窗 -->
  192. <u-popup
  193. v-model="zhaoShow"
  194. @open="open"
  195. style="overflow-y: hidden"
  196. width="80%"
  197. height="500rpx"
  198. :closeable="true"
  199. mode="center"
  200. border-radius="14"
  201. >
  202. <view class="" style="width: 100%; height: 90%; overflow: hidden">
  203. <view class="selectTitle">选择</view>
  204. <view class="selectbox flex justify-center">
  205. <view class="selectbox-con">
  206. <view class="flex align-center justify-between margin-bottom">
  207. <view class="text-bold">岗位</view>
  208. <view class="text-right flex align-center">
  209. <u-input
  210. :disabled="true"
  211. @click="getClassifyList()"
  212. placeholder="请选择岗位"
  213. v-model="postName"
  214. inputAlign="text-align:left"
  215. />
  216. <view class="margin-left-sm">
  217. <image
  218. src="../../static/images/my/right_icon.png"
  219. style="width: 12upx; height: 21upx"
  220. ></image>
  221. </view>
  222. </view>
  223. </view>
  224. </view>
  225. </view>
  226. <view class="selectbox flex justify-center">
  227. <view class="selectbox-con">
  228. <view class="flex align-center justify-between margin-bottom" @click="">
  229. <view class="text-bold">人数</view>
  230. <view class="text-right flex align-center">
  231. <u-input
  232. type="number"
  233. placeholder="请输入人数"
  234. v-model="peopleNum"
  235. inputAlign="text-align:left"
  236. />
  237. <view class="margin-left-sm">
  238. <image
  239. src="../../static/images/my/right_icon.png"
  240. style="width: 12upx; height: 21upx"
  241. ></image>
  242. </view>
  243. </view>
  244. </view>
  245. </view>
  246. </view>
  247. <view class="selectbox flex justify-center">
  248. <view
  249. @click="okHand"
  250. class="selectbox-con flex justify-center align-center"
  251. style="
  252. width: 80%;
  253. height: 88rpx;
  254. border-radius: 20rpx;
  255. background-color: #82a9fe;
  256. color: #ffffff;
  257. "
  258. >
  259. 确定
  260. </view>
  261. </view>
  262. </view>
  263. </u-popup>
  264. <!-- 公司规模 -->
  265. <u-select
  266. v-model="Comshow"
  267. :list="comList"
  268. value-name="value"
  269. label-name="value"
  270. @confirm="comConfirm"
  271. ></u-select>
  272. </view>
  273. </template>
  274. <script>
  275. import configdata from "../../common/config.js";
  276. import navBar from "@/components/nav-bar/index.vue";
  277. export default {
  278. data() {
  279. return {
  280. Comshow: false,
  281. show: false,
  282. form: {
  283. companyName: "", //企业名称
  284. companyLegalPerson: "", //公司规模
  285. companyAddress1: "", //省市区
  286. companyAddress: "", //营业地址
  287. companyScope: "", //经营范围
  288. companyPeople: "", //公司法人
  289. companyRegisteredFund: "", //注册资金
  290. companyCreateTime: "", //注册时间
  291. // companyContent: [], //招聘信息
  292. companyDetails: "", //简介
  293. companyLogo: "",
  294. companyCertification: "", //营业执照
  295. email: "", //企业邮箱
  296. companyLat: "",
  297. companyLng: "",
  298. province: "", //省
  299. city: "", //市
  300. district: "", //区
  301. },
  302. lableStyle: {
  303. color: "#1f2c37",
  304. fontSize: "28rpx",
  305. fontWeight: "bold",
  306. },
  307. customStyle: {
  308. backgroundColor: "#FF6600",
  309. color: "#FFFFFF",
  310. borderRadius: "100rpx",
  311. border: 0,
  312. },
  313. postlist: [],
  314. companyShow: false,
  315. postShow: false,
  316. zhaoShow: false,
  317. peopleNum: "",
  318. postName: "",
  319. comList: [],
  320. };
  321. },
  322. components: {
  323. navBar,
  324. },
  325. onLoad() {
  326. this.getCompany();
  327. this.getComList();
  328. },
  329. onShow() {
  330. let that = this;
  331. that.Qe = uni.getStorageSync("Qe");
  332. that.geRen = uni.getStorageSync("geRen");
  333. //选择的行业
  334. uni.$on("industry", (info) => {
  335. that.form.companyScope = info.industry;
  336. });
  337. },
  338. methods: {
  339. //打开地图选择地址
  340. selectAddress() {
  341. let that = this;
  342. uni.chooseLocation({
  343. success(res) {
  344. that.form.companyLat = res.latitude;
  345. that.form.companyLng = res.longitude;
  346. that.form.companyAddress = res.name;
  347. let address = res.address;
  348. let reg = /.+?(省|市|自治区|自治州|县|区)/g;
  349. let cityarr = address.match(reg);
  350. console.log(cityarr, "222222");
  351. if (cityarr.length > 3) {
  352. //刚好是省市区
  353. that.form.province = cityarr[0];
  354. that.form.city = cityarr[1];
  355. that.form.district = cityarr[2];
  356. that.form.companyAddress1 =
  357. that.form.province + "" + that.form.city + "" + that.form.district;
  358. } else {
  359. //可能是直辖市/自治区/自治州
  360. that.form.province = cityarr[0];
  361. that.form.city = cityarr[0];
  362. that.form.district = cityarr[1];
  363. that.form.companyAddress1 = that.form.province + "" + that.form.district;
  364. }
  365. },
  366. fail(err) {
  367. uni.showToast({
  368. title: "打开地图失败,请重试",
  369. icon: "none",
  370. });
  371. },
  372. });
  373. },
  374. //跳转至行业选择
  375. gotoHy() {
  376. uni.navigateTo({
  377. url: "/package/jobIntention/industry?type=2",
  378. });
  379. },
  380. //选择公司规模
  381. comConfirm(e) {
  382. this.form.companyPeople = e[0].value;
  383. },
  384. //获取公司规模
  385. getComList() {
  386. this.$Request
  387. .get("/app/dict/list", {
  388. type: "公司规模 ",
  389. })
  390. .then((res) => {
  391. if (res.code == 0) {
  392. this.comList = res.data;
  393. }
  394. });
  395. },
  396. confirm(e) {
  397. this.form.companyAddress1 =
  398. e.province.label + "" + e.city.label + "" + e.area.label;
  399. },
  400. //清除招聘信息
  401. clearcompanyContent() {
  402. this.form.companyContent = [];
  403. },
  404. //确认选择框
  405. okHand() {
  406. let text = this.postName + "" + this.peopleNum + "人";
  407. this.form.companyContent.push(text);
  408. this.zhaoShow = false;
  409. },
  410. //重置选择框
  411. open() {
  412. this.peopleNum = "";
  413. this.postName = "";
  414. },
  415. //选择求职岗位
  416. postConfirm(e) {
  417. this.postName = e[0].label;
  418. },
  419. //获取求职岗位
  420. getClassifyList() {
  421. let data = {
  422. status: 1,
  423. };
  424. this.$Request.get("/app/rule/selectRuleClassifyList", data).then((res) => {
  425. if (res.code == 0) {
  426. var arr = [];
  427. res.data.forEach((d, index) => {
  428. var data = {};
  429. data.label = d.ruleClassifyName;
  430. data.value = d.ruleClassifyId;
  431. arr.push(data);
  432. });
  433. this.postlist = arr;
  434. this.postShow = true;
  435. }
  436. });
  437. },
  438. //获取用户企业实名数据
  439. getCompany() {
  440. this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
  441. if (res.code == 0 && res.data) {
  442. // res.data.companyContent = res.data.companyContent.split(',')
  443. this.form = res.data;
  444. if (this.form.province && this.form.city && this.form.district) {
  445. this.form.companyAddress1 =
  446. this.form.province + "" + this.form.city + "" + this.form.district;
  447. }
  448. }
  449. });
  450. },
  451. companyConfirm(e) {
  452. this.form.companyCreateTime = e.year + "-" + e.month + "-" + e.day;
  453. },
  454. submit() {
  455. if (!this.form.companyName) {
  456. uni.showToast({
  457. title: "请填写企业名称",
  458. icon: "none",
  459. duration: 1000,
  460. });
  461. return;
  462. }
  463. if (!this.form.companyPeople) {
  464. uni.showToast({
  465. title: "请选择企业规模",
  466. icon: "none",
  467. duration: 1000,
  468. });
  469. return;
  470. }
  471. if (!this.form.companyAddress1) {
  472. uni.showToast({
  473. title: "请选择省市区",
  474. icon: "none",
  475. duration: 1000,
  476. });
  477. return;
  478. }
  479. if (!this.form.companyAddress) {
  480. uni.showToast({
  481. title: "请选择详细地址",
  482. icon: "none",
  483. duration: 1000,
  484. });
  485. return;
  486. }
  487. if (!this.form.companyScope) {
  488. uni.showToast({
  489. title: "请选择公司所属行业",
  490. icon: "none",
  491. duration: 1000,
  492. });
  493. return;
  494. }
  495. if (!this.form.companyLegalPerson) {
  496. uni.showToast({
  497. title: "请输入公司法人",
  498. icon: "none",
  499. duration: 1000,
  500. });
  501. return;
  502. }
  503. if (!this.form.email) {
  504. uni.showToast({
  505. title: "请输入企业邮箱",
  506. icon: "none",
  507. duration: 1000,
  508. });
  509. return;
  510. }
  511. if (!this.form.companyRegisteredFund) {
  512. uni.showToast({
  513. title: "请输入注册资金(万)",
  514. icon: "none",
  515. duration: 1000,
  516. });
  517. return;
  518. }
  519. if (!this.form.companyCreateTime) {
  520. uni.showToast({
  521. title: "请选择注册时间",
  522. icon: "none",
  523. duration: 1000,
  524. });
  525. return;
  526. }
  527. if (!this.form.companyDetails) {
  528. uni.showToast({
  529. title: "请输入公司介绍",
  530. icon: "none",
  531. duration: 1000,
  532. });
  533. return;
  534. }
  535. if (!this.form.companyCertification) {
  536. uni.showToast({
  537. title: "请上传营业执照",
  538. icon: "none",
  539. duration: 1000,
  540. });
  541. return;
  542. }
  543. if (!this.form.companyLogo) {
  544. uni.showToast({
  545. title: "请上传企业头像 ",
  546. icon: "none",
  547. duration: 1000,
  548. });
  549. return;
  550. }
  551. // this.form.companyContent = this.form.companyContent.length!=0?(this.form.companyContent).join(','):[]
  552. let data = this.form;
  553. if (this.form.companyId) {
  554. this.$Request.postJson("/app/company/updateCompany", data).then((res) => {
  555. if (res.code == 0) {
  556. uni.showToast({
  557. title: "认证修改成功!",
  558. icon: "none",
  559. });
  560. setTimeout(function () {
  561. uni.navigateBack();
  562. }, 1000);
  563. } else {
  564. uni.showToast({
  565. title: res.msg,
  566. icon: "none",
  567. });
  568. }
  569. });
  570. } else {
  571. this.$Request.postJson("/app/company/insertCompany", this.form).then((res) => {
  572. if (res.code == 0) {
  573. uni.showToast({
  574. title: "认证提交成功!",
  575. icon: "none",
  576. });
  577. setTimeout(function () {
  578. uni.navigateBack();
  579. }, 1000);
  580. } else {
  581. uni.showToast({
  582. title: res.msg,
  583. icon: "none",
  584. });
  585. }
  586. });
  587. }
  588. },
  589. addImage(e) {
  590. let that = this;
  591. uni.chooseImage({
  592. count: 1,
  593. sourceType: ["album", "camera"],
  594. success: (res) => {
  595. for (let i = 0; i < 1; i++) {
  596. this.$queue.showLoading("上传中...");
  597. uni.uploadFile({
  598. // 上传接口
  599. // url:configdata.APIHOST1+'/alioss/upload',
  600. url: "https://zp.xianmaxiong.com/sqx_fast/alioss/upload",
  601. filePath: res.tempFilePaths[i],
  602. name: "file",
  603. success: (uploadFileRes) => {
  604. if (e == 1) {
  605. this.form.companyLogo = JSON.parse(uploadFileRes.data).data;
  606. } else if (e == 2) {
  607. this.form.companyCertification = JSON.parse(uploadFileRes.data).data;
  608. }
  609. uni.hideLoading();
  610. },
  611. });
  612. }
  613. },
  614. });
  615. },
  616. config: function (name) {
  617. var info = null;
  618. if (name) {
  619. var name2 = name.split("."); //字符分割
  620. if (name2.length > 1) {
  621. info = configdata[name2[0]][name2[1]] || null;
  622. } else {
  623. info = configdata[name] || null;
  624. }
  625. if (info == null) {
  626. let web_config = cache.get("web_config");
  627. if (web_config) {
  628. if (name2.length > 1) {
  629. info = web_config[name2[0]][name2[1]] || null;
  630. } else {
  631. info = web_config[name] || null;
  632. }
  633. }
  634. }
  635. }
  636. return info;
  637. },
  638. },
  639. };
  640. </script>
  641. <style lang="less" scoped>
  642. .company-box {
  643. position: absolute;
  644. left: 0;
  645. right: 0;
  646. bottom: 0;
  647. top: 0;
  648. overflow: hidden;
  649. display: flex;
  650. flex-direction: column;
  651. background-color: #fff;
  652. .company-content {
  653. flex: 1;
  654. width: 100%;
  655. overflow: hidden;
  656. overflow-y: auto;
  657. }
  658. }
  659. .custom-input {
  660. width: 100%;
  661. box-sizing: border-box;
  662. border: 2rpx solid rgba(158, 161, 168, 1);
  663. border-radius: 100rpx;
  664. background: rgba(255, 255, 255, 1);
  665. padding: 0rpx 24rpx !important;
  666. margin: 16rpx 0;
  667. }
  668. .no-border{
  669. border: none !important;
  670. }
  671. .check-box {
  672. width: 100%;
  673. border-radius: 12rpx;
  674. background: rgba(240, 240, 240, 1);
  675. padding: 34rpx;
  676. // padding-top: 40rpx;
  677. box-sizing: border-box;
  678. margin: 20rpx 0;
  679. .word-count {
  680. font-family: DM Sans;
  681. font-size: 20rpx;
  682. font-weight: 400;
  683. line-height: 26rpx;
  684. text-align: right;
  685. text {
  686. color: #016bf6;
  687. }
  688. }
  689. }
  690. ::v-deep .textarea-placeholder {
  691. color: rgba(153, 153, 153, 1);
  692. font-family: DM Sans;
  693. font-size: 20rpx !important;
  694. font-weight: 400;
  695. line-height: 26rpx;
  696. }
  697. ::v-deep .uni-textarea-textarea {
  698. font-size: 20rpx;
  699. color: #585858;
  700. }
  701. ::v-deep .uni-textarea{
  702. height: 170rpx !important;
  703. }
  704. .yyzz {
  705. width: 100%;
  706. // height: 815rpx;
  707. margin-top: 20rpx;
  708. background-color: #ffffff;
  709. border-radius: 24rpx;
  710. .yyzz-box {
  711. width: calc(100% - 60rpx);
  712. height: 100%;
  713. padding-bottom: 40rpx;
  714. .yyzz-box-title {
  715. width: 100%;
  716. margin-top: 40rpx;
  717. color: #000000;
  718. font-size: 28rpx;
  719. font-weight: 800;
  720. }
  721. .yyzz-box-images {
  722. width: 100%;
  723. height: 320rpx;
  724. margin-top: 30rpx;
  725. border: 1rpx dashed #353535;
  726. }
  727. .yyzz-box-images-c {
  728. width: 100%;
  729. height: 100%;
  730. align-content: center;
  731. .yyzz-box-images-c-t {
  732. width: 100%;
  733. color: #353535;
  734. font-size: 20rpx;
  735. margin-top: 20rpx;
  736. }
  737. }
  738. }
  739. }
  740. .u-input__textarea {
  741. padding: 10rpx 10rpx !important;
  742. }
  743. .selectTitle {
  744. width: 100%;
  745. text-align: center;
  746. margin-top: 40rpx;
  747. font-weight: bold;
  748. }
  749. .selectbox {
  750. width: 100%;
  751. margin-top: 30rpx;
  752. .selectbox-con {
  753. width: 90%;
  754. }
  755. }
  756. textarea {
  757. background-color: #f7f7f7;
  758. border-radius: 10rpx;
  759. margin-top: 20rpx;
  760. }
  761. page {
  762. background-color: #f7f7f7;
  763. }
  764. .bg {
  765. background-color: #ffffff;
  766. border-radius: 24upx;
  767. }
  768. .u-input__input {
  769. color: red !important;
  770. }
  771. .title_btn {
  772. height: 78rpx;
  773. line-height: 78rpx;
  774. /* background: #f7f7f7; */
  775. }
  776. </style>