zhangzl
/
nsgk_mobile
2
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
移动端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
1078 Revize
7 Větve
79 MiB
 
 
Strom: 137f490db2
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „137f490db2“
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/nmfwAdd.vue

606 řádky
20 KiB
Surový Blame Historie 

  1. <template>

  2.   <div class="app-container">

  3.     <van-sticky style="position:relative;">

  4.       <div class="bannerBg">

  5.         <van-nav-bar

  6.           style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"

  7.           @click-left="goBack()"

  8.         >

  9.           <template #left>

  10.             <van-icon name="arrow-left" size="18" color="#fff" />

  11.           </template>

  12.           <template #title>

  13.             <p style="color:#fff">入户调查</p>

  14.           </template>

  15.         </van-nav-bar>

  16.       </div>

  17.       <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">

  18.         <van-row>

  19.           <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">

  20.               <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  21.               <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>

  22.           </van-col>

  23.           <van-col span="2">

  24.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  25.           </van-col>

  26.           <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >

  27.             <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  28.             <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>

  29.           </van-col>

  30.           <van-col span="2">

  31.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  32.           </van-col>

  33.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >

  34.             <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  35.             <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>

  36.           </van-col>

  37.           <van-col span="2">

  38.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  39.           </van-col>

  40.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">

  41.             <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  42.             <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>

  43.           </van-col>

  44.         </van-row>

  45.       </div>

  46.     </van-sticky>

  47.     <van-form ref = "form">

  48.       <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;">

  49.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p>

  50.         <!--<van-field

  51.           v-model="form.deptId"

  52.           name="行政区划名称"

  53.           label="行政区划名称"

  54.           placeholder="行政区划名称"

  55.           :rules="[{ required: true, message: '' }]"

  56.         />-->

  57.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">基本信息</p>

  58.         <van-field

  59.           input-align="right"

  60.           v-model="form.nmfwzh"

  61.           name="房屋幢号"

  62.           label="房屋幢号"

  63.           maxlength="50"

  64.           autocomplete="off"

  65.           :rules="[{ required: true }]"

  66.           required

  67.         />

  68.         <van-field v-model="form.nhdm" label="农户姓名" placeholder="农户" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />

  69.         <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >

  70.           <van-cell id="vanCell"  v-for="(item, index) in nhdmDictionaries" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">

  71.             {{item.hzxm}}-{{item.nhdm}}

  72.           </van-cell>

  73.         </div>

  74.         <van-field

  75.           input-align="right"

  76.           v-model="form.sjcs"

  77.           name="实际层数"

  78.           label="实际层数"

  79.           maxlength="50"

  80.           autocomplete="off"

  81.           type="number"

  82.         />

  83.         <van-field

  84.           input-align="right"

  85.           v-model="form.hh"

  86.           name="户号"

  87.           label="户号"

  88.           maxlength="50"

  89.           autocomplete="off"

  90.         />

  91.         <field-select

  92.           v-model="form.hx"

  93.           label="户型"

  94.           value-key="dictLabel"

  95.           data-key="dictValue"

  96.           placeholder="请选择户型"

  97.           remote-url="/system/dict/data/type/nmfwhx"

  98.           :on-remote-response="'data'"

  99.         />

  100.         <field-select

  101.           v-model="form.hxjg"

  102.           label="户型结构"

  103.           value-key="dictLabel"

  104.           data-key="dictValue"

  105.           placeholder="请选择户型结构"

  106.           remote-url="/system/dict/data/type/nmfwhxjg"

  107.           :on-remote-response="'data'"

  108.         />

  109.         <van-field

  110.           v-model="form.nmfwmj"

  111.           label="房屋面积(m²)"

  112.           placeholder="请输入房屋面积"

  113.           input-align="right"

  114.           label-width="auto"

  115.           :rules="[{ required: true }]"

  116.           required

  117.           type="number"/>

  118. 

  119.         <van-field

  120.           v-model="form.fjzdmj"

  121.           label="房基占地面积(m²)"

  122.           placeholder="请输入房基占地面积"

  123.           input-align="right"

  124.           label-width="auto"

  125.           type="number"/>

  126. 

  127.         <van-field

  128.           v-model="form.jzmj"

  129.           label="建筑面积(m²)"

  130.           placeholder="请输入建筑面积"

  131.           input-align="right"

  132.           label-width="auto"

  133.           type="number"/>

  134.         <field-select

  135.           v-model="form.fwlx"

  136.           label="房屋类型"

  137.           value-key="dictLabel"

  138.           data-key="dictValue"

  139.           placeholder="请选择房屋类型"

  140.           remote-url="/system/dict/data/type/fwlx"

  141.           :on-remote-response="'data'"

  142.         />

  143.         <field-select

  144.           v-model="form.fwxz"

  145.           label="房屋性质"

  146.           value-key="dictLabel"

  147.           data-key="dictValue"

  148.           placeholder="请选择房屋性质"

  149.           remote-url="/system/dict/data/type/fwxz"

  150.           :on-remote-response="'data'"

  151.         />

  152.         <field-select

  153.           v-model="form.fwjg"

  154.           label="房屋结构"

  155.           value-key="dictLabel"

  156.           data-key="dictValue"

  157.           placeholder="请选择房屋结构"

  158.           remote-url="/system/dict/data/type/housing_structure"

  159.           :on-remote-response="'data'"

  160.         />

  161.         <van-field

  162.           input-align="right"

  163.           v-model="form.zl"

  164.           name="坐落"

  165.           label="坐落"

  166.           maxlength="50"

  167.           autocomplete="off"

  168.           :rules="[{ required: true }]"

  169.           required

  170.         />

  171.         <field-select

  172.           v-model="form.sjly"

  173.           label="数据来源"

  174.           value-key="dictLabel"

  175.           data-key="dictValue"

  176.           placeholder="请选择数据来源"

  177.           remote-url="/system/dict/data/type/sjly"

  178.           :on-remote-response="'data'"

  179.         />

  180.         <van-field

  181.           input-align="right"

  182.           v-model="form.bz"

  183.           name="备注"

  184.           label="备注"

  185.           maxlength="50"

  186.           autocomplete="off"

  187.         />

  188.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">不动产信息</p>

  189.         <van-field

  190.           input-align="right"

  191.           v-model="form.bdcdyh"

  192.           name="不动产单元号"

  193.           label="不动产单元号"

  194.           maxlength="50"

  195.           autocomplete="off"

  196.         />

  197.         <van-field

  198.           input-align="right"

  199.           v-model="form.fwbm"

  200.           name="房屋编码"

  201.           label="房屋编码"

  202.           maxlength="50"

  203.           autocomplete="off"

  204.         />

  205.         <van-field

  206.           input-align="right"

  207.           v-model="form.zrzh"

  208.           name="自然幢号"

  209.           label="自然幢号"

  210.           maxlength="50"

  211.           autocomplete="off"

  212.         />

  213.         <van-field

  214.           input-align="right"

  215.           v-model="form.ch"

  216.           name="层号"

  217.           label="层号"

  218.           maxlength="50"

  219.           autocomplete="off"

  220.         />

  221.         <van-field

  222.           input-align="right"

  223.           v-model="form.sjc"

  224.           name="实际层"

  225.           label="实际层"

  226.           maxlength="50"

  227.           autocomplete="off"

  228.         />

  229.         <van-field

  230.           input-align="right"

  231.           v-model="form.myc"

  232.           name="名义层"

  233.           label="名义层"

  234.           maxlength="50"

  235.           autocomplete="off"

  236.         />

  237.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">证书信息</p>

  238.         <FieldRadio

  239.           v-model="form.sffz"

  240.           label="是否发证"

  241.           value-key="dictLabel"

  242.           data-key="dictValue"

  243.           remote-url="/system/dict/data/type/house_yes_no"

  244.           :on-remote-response="'data'"

  245.         />

  246.         <FieldRadio

  247.           v-model="form.sfjf"

  248.           label="是否纠纷"

  249.           value-key="dictLabel"

  250.           data-key="dictValue"

  251.           remote-url="/system/dict/data/type/house_yes_no"

  252.           :on-remote-response="'data'"

  253.         />

  254.         <FieldRadio

  255.           v-model="form.sfcf"

  256.           label="是否查封"

  257.           value-key="dictLabel"

  258.           data-key="dictValue"

  259.           remote-url="/system/dict/data/type/house_yes_no"

  260.           :on-remote-response="'data'"

  261.         />

  262.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">利用情况</p>

  263.         <field-select

  264.           v-model="form.lyzk"

  265.           label="房屋利用状况"

  266.           value-key="dictLabel"

  267.           data-key="dictValue"

  268.           placeholder="请选择房屋利用状况"

  269.           remote-url="/system/dict/data/type/nmfwlyzk"

  270.           :on-remote-response="'data'"

  271.         />

  272.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p>

  273.         <FieldRadio

  274.           v-model="form.sfdy"

  275.           label="是否抵押"

  276.           value-key="dictLabel"

  277.           data-key="dictValue"

  278.           remote-url="/system/dict/data/type/house_yes_no"

  279.           :on-remote-response="'data'"

  280.         />

  281.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">其他信息</p>

  282.         <van-field

  283.           input-align="right"

  284.           v-model="form.jznd"

  285.           name="建筑年代"

  286.           label="建筑年代"

  287.           maxlength="50"

  288.           autocomplete="off"

  289.         />

  290.         <field-select

  291.           v-model="form.fwaqxjddj"

  292.           label="房屋安全性鉴定等级"

  293.           value-key="dictLabel"

  294.           data-key="dictValue"

  295.           placeholder="请选择房屋安全性鉴定等级"

  296.           remote-url="/system/dict/data/type/fwaqxjddj"

  297.           :on-remote-response="'data'"

  298.         />

  299.         <field-select

  300.           v-model="form.fwzt"

  301.           label="房屋状态"

  302.           value-key="dictLabel"

  303.           data-key="dictValue"

  304.           placeholder="请选择房房屋状态"

  305.           remote-url="/system/dict/data/type/fwzt"

  306.           :on-remote-response="'data'"

  307.         />

  308.         <field-select

  309.           v-model="form.fwyt"

  310.           label="房屋用途"

  311.           value-key="dictLabel"

  312.           data-key="dictValue"

  313.           placeholder="请选择房房屋状态"

  314.           remote-url="/system/dict/data/type/fwyt"

  315.           :on-remote-response="'data'"

  316.         />

  317.         <FieldRadio

  318.           v-model="form.sfytrgy"

  319.           label="与其他人共有"

  320.           value-key="dictLabel"

  321.           data-key="dictValue"

  322.           remote-url="/system/dict/data/type/house_yes_no"

  323.           :on-remote-response="'data'"

  324.         />

  325.       </div>

  326.       <div style="margin: 16px;display: flex;justify-content: space-around;">

  327.         <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button>

  328.         <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button>

  329.       </div>

  330.       <div style="height: 50px;"></div>

  331.     </van-form>

  332.   </div>

  333. </template>

  334. 

  335. <script>

  336. import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";

  337. import FieldSelect from "@/components/form/FieldSelect";

  338. import FieldRadio from "@/components/form/FieldRadio";

  339. import CommonMap from "@/components/house/CommonMap";

  340. import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";

  341. import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";

  342. 

  343. import { Notify, Dialog, Toast } from 'vant';

  344. import axios from "axios";

  345. export default {

  346.   components: {FieldSelect, FieldRadio,CommonMap},

  347.   name: "zrzAdd",

  348.   data() {

  349.     return {

  350.       active:3,

  351.       // 使用权人列表

  352.       syqrlist:[

  353.         {

  354.           shyqrdbxm :'测试测试',

  355.           shyqrdbzjhm :'12324648564',

  356.           nhdm :'777888999',

  357.         }

  358.       ],

  359.       // 地图绘制

  360.       drawInsert: null,

  361.       showDropList:false,

  362.       nhdmDictionaries:[],

  363.       // 当前位置信息

  364.       tGeoOrganizationLat: null,

  365.       tGeoOrganizationLng: null,

  366.       minDate: new Date(),

  367.       maxDate: new Date(2025, 10, 1),

  368.       showZgqrzrq:false,

  369.       form:{}

  370.     };

  371.   },

  372.   created(){

  373.     let data = this.$route.query;

  374.     console.info(data)

  375.     this.form = data;

  376.     if(this.form.id == null){

  377.       this.$set(this.form, 'hx', "01");

  378.       this.$set(this.form, 'hxjg', "01");

  379.       this.$set(this.form, 'fwlx', "01");

  380.       this.$set(this.form, 'fwxz', "6");

  381.       this.$set(this.form, 'fwjg', "01");

  382.       this.$set(this.form, 'sjly', "01");

  383.       this.$set(this.form, 'sffz', "1");

  384.       this.$set(this.form, 'sfjf', "0");

  385.       this.$set(this.form, 'sfcf', "0");

  386.       this.$set(this.form, 'lyzk', "10");

  387.       this.$set(this.form, 'sfdy', "0");

  388.       this.$set(this.form, 'fwaqxjddj', "01");

  389.       this.$set(this.form, 'fwzt', "01");

  390.       this.$set(this.form, 'fwyt', "10");

  391.       this.$set(this.form, 'sfytrgy', "0");

  392.     }

  393.   },

  394.   mounted(){

  395. 

  396.   },

  397.   methods: {

  398.     submitzjd(){

  399.       this.$refs.form.validate().then(() => {

  400.       if(this.form.id == null){

  401.         addNmfw(this.form).then(response => {

  402.           let _this =this

  403.           this.$toast({

  404.             icon: 'success', // 找到自己需要的图标

  405.             message: '保存成功',

  406.             duration:"1000",

  407.             onClose:function(){

  408.               _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}});

  409.             }

  410.           })

  411.         });

  412.       }else{

  413.         updateNmfw(this.form).then(response => {

  414.           let _this =this

  415.           this.$toast({

  416.             icon: 'success', // 找到自己需要的图标

  417.             message: '保存成功',

  418.             duration:"1000",

  419.             onClose:function(){

  420.               _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}});

  421.             }

  422.           })

  423.         });

  424.       }

  425.       }).catch((e) => {

  426.         Dialog({ type: 'danger', message: '请填写完整的表单项' });

  427.       });

  428.     },

  429.     /** 模糊查询人员信息 */

  430.     remoteTransfereeMethod(query) {

  431.       if (query !== "") {

  432.         listNh({hzxm:query}).then((response) => {

  433.           if (response.code == 200) {

  434.             this.nhdmDictionaries = response.rows.map(function (item) {

  435.               return {

  436.                 hzxm:item.hzxm,

  437.                 sqrxb:item.xb,

  438.                 hzzjhm:item.hzzjhm,

  439.                 nhdm:item.nhdm,

  440.                 hzzjlx:item.hzzjlx,

  441.                 lxdh:item.lxdh,

  442.                 deptId:item.deptId,

  443.                 deptName:item.deptName,

  444.               }

  445.             })

  446.             //设置模糊查询的下拉框和滚动条

  447.             if (this.nhdmDictionaries.length > 0) {

  448.               this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示

  449.               //设置模糊查询的和滚动条

  450.               this.$nextTick(() => {

  451.                 if (this.nhdmDictionaries.length > 4) {

  452.                   let height = document.getElementById("vanCell").offsetHeight * 4;

  453.                   document.getElementById("dropList").style.height = height + "px";

  454.                   document.getElementById("dropList").style.overflow = "scroll";

  455.                 } else {

  456.                   document.getElementById("dropList").style.height = "";

  457.                   document.getElementById("dropList").style.overflow = "visible";

  458.                 }

  459.               });

  460.             } else {

  461.               this.showDropList = false;

  462.             }

  463.           }

  464.         });

  465.       } else {

  466.         this.nhdmDictionaries = [];

  467.         this.showDropList = false;

  468.       }

  469.     },

  470.     shyqrdmxmChange(val){

  471.       this.$set(this.form, "nhdm", val.nhdm);

  472.       this.showDropList = false;

  473.     },

  474.     // 绘制申请地图

  475.     pointDarw(data) {

  476.       this.$nextTick(() => {

  477.         let map = this.$refs.pointDarwMap;

  478.         if(data === null)

  479.             data = this.form.theGeomJson;

  480.             this.setMapData(map, data);

  481. 

  482.       });

  483.     },

  484.     // 通用设置地图数据函数

  485.     setMapData(map, data) {

  486.       //console.log(map, data ? true : false);

  487.       if(!map) return;

  488.       if(data)

  489.       {

  490.         map.setLayer('pointDarwLayer', data);

  491.       }

  492.       else {

  493.         this.getLandCoord((lng, lat) => {

  494.           map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  495.         });

  496.       }

  497.     },

  498.     // 当地图绘制完成时

  499.     onMapDrawFinished(data) {

  500.       console.info(data);

  501.      this.drawInsert = data;

  502.       this.form.theGeomJson = JSON.stringify(this.drawInsert);

  503.     },

  504.     // 当申请地图被重置时

  505.     onMapDrawReseted() {

  506.       this.drawInsert = null;

  507.       if(this.form.theGeomJson)

  508.       {

  509.         let lastData = JSON.parse(this.form.theGeomJson);

  510.         if(lastData.hasOwnProperty('coordinates')) // 从后台获取的

  511.           this.drawInsert = lastData.coordinates;

  512.       }

  513.     },

  514.     cancel(){

  515.       this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}});

  516.     },

  517.     // 获取登录人位置坐标

  518.     getLandCoord(func) {

  519.       if (func

  520.         && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== ''

  521.         && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') {

  522.         this.$nextTick(() => {

  523.           func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  524.         })

  525.       }

  526.       else {

  527.         console.info(this.deptId);

  528.         getQueryLand(this.deptId).then((response) => {

  529.           if (response.code == 200) {

  530.             let InsertCode = response.data;

  531.             this.form.orgCode = InsertCode.orgCode;

  532.             this.tGeoOrganizationLat = InsertCode.lat;

  533.             this.tGeoOrganizationLng = InsertCode.lng;

  534.             if(func)

  535.             {

  536.               func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  537.             }

  538.           }

  539.         });

  540.       }

  541.     },

  542.     guidProduct(){

  543.       return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  544.         var r = Math.random() * 16 | 0,

  545.           v = c == 'x' ? r : (r & 0x3 | 0x8);

  546.         return v.toString(16);

  547.       });

  548.     },

  549.     /** 查找地图中定位点 */

  550.     MapTag: function (data) {

  551.       this.$refs[this.zjdProductResh].drawingPaceCountryDarw();

  552.     },

  553.     onConfirmZgqrzrq(data){

  554.       this.form.jgrq = this.getNowFormatDate(data).substr(0,10);

  555.       this.showZgqrzrq = false;

  556.     },

  557.     goBack(){

  558.       if(this.ztMap && this.enterMap ==1){

  559.         if(this.form.id == null){

  560.           this.backMap.backMapZjdAData.theGeom= "";

  561.         }else{

  562.           this.backMap.backMapZjdAData = this.form;

  563.         }

  564.         this.$cookies.set("search",this.backMap);

  565.       } else {

  566.         this.$cookies.set("search","");

  567.       }

  568.       this.$router.push({name: this.$router.back(-1)});

  569.       // }

  570.     },

  571.   }

  572. }

  573. </script>

  574. 

  575. <style scoped>

  576. >>> .bannerBg{

  577.   width: 100%;

  578.   color:#fff;

  579.   padding:10px;

  580.   background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  581. }

  582. >>> .van-hairline--bottom::after {

  583.   border-bottom-width: 0;

  584. }

  585. >>> .title:before

  586. {

  587.   content:"";

  588.   width: 6px;

  589.   height: 20PX;

  590.   background: #7ac943;

  591.   border-radius: 3px;

  592.   position:absolute;

  593.   left:0;

  594.   bottom:0;

  595. }

  596. >>> .delete-button {

  597.   height: 100%;

  598. }

  599. >>> .van-swipe-cell__wrapper{

  600.   margin-right:-3px;

  601. }

  602. >>> .label-class .van-collapse-item__title--expanded{

  603.   font-weight: bold;

  604. }

  605. </style>