zhangzl
/
nsgk_mobile
2
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
移动端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
871 コミット
7 ブランチ
79 MiB
 
 
ツリー: b0e66f864c
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'b0e66f864c' から
${ noResults }
nsgk_mobile/src/views/sunVillage_info/statistical_report_edit.vue

799 行
28 KiB
Raw Blame 履歴 

  1. <template>

  2.     <div class="home_wrapper">

  3.         <div class="header_main">

  4.             统计填报

  5.             <div class="return_btn" @click="onClickLeft"></div>

  6.         </div>

  7.         <div class="template_main">

  8.             <div class="title_wrap">

  9.                 <div class="icon"></div>

  10.                 <div class="title">模板</div>

  11.             </div>

  12.             <div class="search_wrap" @click="templateClick">

  13.                 <div class="title">{{templateValue}}</div>

  14.                 <div class="xs_icon"></div>

  15.             </div>

  16.         </div>

  17.         <div class="choose_main">

  18.             <div class="search_wrap">

  19.                 <div class="title">申报类型</div>

  20.                 <div class="content" @click="typeDeclarationClick">

  21.                     <div class="text">{{declarationTypeValue}}</div>

  22.                     <div class="xs_icon"></div>

  23.                 </div>

  24.             </div>

  25.             <div class="search_wrap">

  26.                 <div class="title">负责人</div>

  27.                 <div class="content">

  28.                     <div class="text">

  29.                        <input v-model="from.principalName" type="text" class="fzr" placeholder="请输入">

  30.                     </div>

  31.                     <div class="xs_icon"></div>

  32.                 </div>

  33.             </div>

  34.         </div>

  35. 

  36. 

  37.         <!--div class="table_main">

  38.             <div class="head_wrap">

  39.                <div class="project_name">项目名称</div>

  40.                <div class="unit_count">计数单位</div>

  41.                <div class="numerical_value">数值</div>

  42.             </div>

  43.             <div class="thead_wrap">

  44.                 <div class="basic_info">

  45.                     <div class="basic_title">

  46.                         <div class="s_title">合作社发展基本情况</div>

  47.                     </div>

  48.                     <div class="type_wrap">

  49.                         <div class="industry_list">

  50. 

  51.                             <div class="subdivision_list">

  52.                                 <div class="subdivision_title">行业分布</div>

  53.                                 <div class="subdivision_main">

  54.                                     <div class="planting_flex">

  55.                                         <div class="subclass">大豆种植</div>

  56.                                         <div class="unit_munt">个</div>

  57.                                         <div class="number_value">

  58.                                             <van-stepper v-model="stepperValue" /> 

  59.                                         </div>

  60.                                     </div>

  61.                                     <div class="planting_flex">

  62.                                         <div class="subclass">大豆种植</div>

  63.                                         <div class="unit_munt">个</div>

  64.                                         <div class="number_value">

  65.                                             <van-stepper v-model="stepperValue" /> 

  66.                                         </div>

  67.                                     </div>

  68. 

  69.                                 </div>

  70.                             </div>

  71.                         </div>

  72.                         <div class="industry_list">

  73.                             <div class="type_project">各类合作社总数各类合</div>

  74.                             <div class="unit_munt">个</div>

  75.                             <div class="number_value">

  76.                                 <van-stepper v-model="stepperValue" /> 

  77.                             </div>

  78.                         </div>

  79.                         <div class="industry_list">

  80.                             <div class="type_project">牧业</div>

  81.                             <div class="unit_munt">个</div>

  82.                             <div class="number_value">

  83.                                 <van-stepper v-model="stepperValue" /> 

  84.                             </div>

  85.                         </div>

  86. 

  87.                     </div>

  88.                 </div>

  89.                 <div class="basic_info">

  90.                     <div class="basic_title">

  91.                         <div class="s_title">合作社发展基本情况</div>

  92.                     </div>

  93.                     <div class="type_wrap">

  94.                         <div class="industry_list">

  95. 

  96.                             <div class="subdivision_list">

  97.                                 <div class="subdivision_title">行业分布</div>

  98.                                 <div class="subdivision_main">

  99.                                     <div class="planting_flex">

  100.                                         <div class="subclass">大豆种植</div>

  101.                                         <div class="unit_munt">个</div>

  102.                                         <div class="number_value">

  103.                                             <van-stepper v-model="stepperValue" /> 

  104.                                         </div>

  105.                                     </div>

  106.                                     <div class="planting_flex">

  107.                                         <div class="subclass">大豆种植</div>

  108.                                         <div class="unit_munt">个</div>

  109.                                         <div class="number_value">

  110.                                             <van-stepper v-model="stepperValue" /> 

  111.                                         </div>

  112.                                     </div>

  113. 

  114.                                 </div>

  115.                             </div>

  116.                         </div>

  117.                         <div class="industry_list">

  118.                             <div class="type_project">各类合作社总数各类合</div>

  119.                             <div class="unit_munt">个</div>

  120.                             <div class="number_value">

  121.                                 <van-stepper v-model="stepperValue" /> 

  122.                             </div>

  123.                         </div>

  124.                         <div class="industry_list">

  125.                             <div class="type_project">牧业</div>

  126.                             <div class="unit_munt">个</div>

  127.                             <div class="number_value">

  128.                                 <van-stepper v-model="stepperValue" /> 

  129.                             </div>

  130.                         </div>

  131. 

  132.                     </div>

  133.                 </div>

  134.             </div>

  135.         </div-->

  136. 

  137.         <div class="table_main">

  138.             <div class="head_wrap">

  139.                <div class="project_name">项目名称</div>

  140.                <div class="unit_count">计数单位</div>

  141.                <div class="numerical_value">数值</div>

  142.             </div>

  143.             <div class="thead_wrap">

  144.                 <!---1-->

  145.                 <div class="basic_info" v-for="(item,index) in tEntityStatisticsNumberList" :key="index" >

  146.                     <div class="basic_title">

  147.                         <div class="s_title">{{item.projectName}}</div>

  148.                     </div>

  149.                     <div class="type_wrap">

  150.                         <!---2--->

  151.                         <div class="industry_list"  v-for="(data,idx) in item.children" :key="idx">

  152.                             <div v-if="data.children && data.children!=null" class="industry_block">

  153.                                 <div class="subdivision_list">

  154.                                     <div class="subdivision_title">{{data.projectName}}</div>

  155.                                     <div class="subdivision_main">

  156.                                         <!---3--->

  157.                                         <div class="planting_flex" v-for="(val,num) in data.children" :key="num">

  158.                                             <div class="subclass">{{val.projectName}}</div>

  159.                                             <div class="unit_munt">{{val.measuringUnit}}</div>

  160.                                             <div class="number_value">

  161.                                                 <van-stepper v-model="val.currentYearNumber"   min="0"/> 

  162.                                             </div>

  163.                                         </div>

  164.                                

  165. 

  166.                                     </div>

  167.                                 </div>

  168.                             </div>

  169.                             <div v-else  class="industry_block">

  170.                                 <div class="type_project">{{data.projectName}}</div>

  171.                                 <div class="unit_munt">{{data.measuringUnit}}</div>

  172.                                 <div class="number_value">

  173.                                     <van-stepper v-model="data.currentYearNumber" min="0" /> 

  174.                                 </div>

  175.                             </div>

  176. 

  177. 

  178.                         </div>

  179.            

  180. 

  181.                     </div>

  182.                 </div>

  183.                 

  184.             </div>

  185.         </div>

  186. 

  187.         <div class="submit_btn">

  188.             <van-button type="info" @click="submitFrom" size="normal">保存填报信息</van-button>

  189.         </div>

  190. 

  191.         <van-action-sheet v-model="popObj.typeDeclarationVisibile" duration="0.2" >

  192.             <van-picker

  193.                 title="申报类型"

  194.                 :columns="declarationTypeIdOptions"

  195.                 show-toolbar

  196.                 @confirm="declarationTypeIdConfirm"

  197.                 @cancel="declarationTypeIdCancel"

  198.             >

  199.                 <template #option="option">

  200.                 <div style="display: flex; flex-direction: column; align-items: center;">

  201.                     <div>{{ option.dictLabel }}</div>

  202.                     <!-- <div>年龄：{{ option.age }}</div> -->

  203.                 </div>

  204.                 </template>

  205.             </van-picker>

  206.         </van-action-sheet>

  207. 

  208.         <van-action-sheet v-model="popObj.templateVisbile" duration="0.2" >

  209.             <van-cascader

  210.                 v-model="cascaderValue"

  211.                 title="请选择所在地区"

  212.                 :options="statisticsProject"

  213.                 @close="popObj.templateVisbile = false"

  214.                 @finish="projectOnFinish"

  215.                 @change="projectOnChange"

  216.                 :field-names="fieldNames"

  217.             />

  218.         </van-action-sheet>

  219.     </div>

  220. </template>

  221. 

  222. <script>

  223. import {entityStatisticsTemplate ,entityStatisticsSave ,entityStatisticsDetail} from "@/api/sunVillage_info/fixedAssets";

  224. import {getInfo} from "../../api/login";

  225. export default {

  226.   name: "statisticalReportEdit",

  227.   data() {

  228.     return {

  229.         from:{

  230.             applyTime:null,

  231.             applyUserId:null,

  232.             applyUserName:null,

  233.             auditStatus:null,

  234.             createBy:null,

  235.             createTime:null,

  236.             deptId:null,

  237.             id:null,

  238.             instanceId:null,

  239.             processKey:null,

  240.             remark:null,

  241.             statisticsTypeId:null,

  242.             templateId:null, //模板id

  243.             updateBy:null,

  244.             updateTime:null,

  245.             templateName:null,  //模板名称

  246.             declarationTypeId:null, //申报类型 1 

  247.             principalName:null, //单位负责人  1 

  248.             preparer:null, //填表人  1

  249.             preparerDeptName:'', //填报单位 1

  250.             time:this.format(new Date(),'yyyy-MM-dd'), //填报时间

  251.             tEntityStatisticsNumberList:[]

  252. 

  253.         },

  254.         //当前选中模板列表

  255.         tEntityStatisticsNumberList:[],

  256.         //选择模板标题

  257.         templateValue :'请选择模板',

  258. 

  259.         popObj:{

  260.             typeDeclarationVisibile:false,

  261.             templateVisbile:false

  262.         },

  263.         // 申报类型ID字典

  264.         declarationTypeIdOptions: [],

  265.         declarationTypeValue:'请选择',

  266.         loading:true,

  267.         //模板list

  268.         //申报大项--列表

  269.         statisticsProject:[],

  270.         cascaderValue:null,

  271.         fieldNames:{

  272.             text: 'dictLabel',

  273.             value: 'dictValue',

  274.             children: 'children',

  275.         }

  276.         

  277.         

  278.   

  279.     };

  280.   },

  281.   created() {

  282.     this.getDicts("declaration_type_id").then(response => {

  283.         

  284.         this.declarationTypeIdOptions = response.data;

  285.  

  286.     });

  287.   },

  288.   mounted(){

  289.     getInfo().then(response => {

  290.         this.from.preparer = response.user.nickName

  291.         this.from.preparerDeptName = response.user.dept.deptName

  292.     });

  293.     let query = this.$route.query;

  294.     if(query&& query.id){

  295.         this.loading =true;

  296.         //編輯

  297.         let oId = this.$route.query.id;

  298.         entityStatisticsDetail(oId).then((res)=>{

  299.          

  300.             if(res.code == 200){

  301.                 let content = res.data;

  302.                 // let obj = {

  303.                 //     applyTime:content.content,

  304.                 //     applyTime:content.applyTime,

  305.                 //     applyUserId:content.pplyUserId,

  306.                 //     applyUserName:content.applyUserName,

  307.                 //     auditStatus:content.auditStatus,

  308.                 //     createBy:content.createBy,

  309.                 //     createTime:content.createTime,

  310.                 //     deptId:content.deptId,

  311.                 //     id:content.id,

  312.                 //     instanceId:content.instanceId,

  313.                 //     processKey:content.processKey,

  314.                 //     remark:content.remark,

  315.                 //     statisticsTypeId:content.statisticsTypeId,

  316.                 //     templateId:content.templateId, //模板id

  317.                 //     updateBy:content.updateBy,

  318.                 //     updateTime:content.updateTime,

  319.                 //     templateName:content.templateName,  //模板名称

  320.                 //     declarationTypeId:content.declarationTypeId, //申报类型 1 

  321.                 //     principalName:content.principalName, //单位负责人  1 

  322.                 //     preparer:content.preparer, //填表人  1

  323.                 //     preparerDeptName:content.preparerDeptName, //填报单位 1

  324.                 //     time:content.time,

  325.                 //     tEntityStatisticsNumberList:content.tEntityStatisticsNumberList

  326.                 // }

  327. 

  328.                 //当前选择模板

  329.                 this.tEntityStatisticsNumberList = content.tEntityStatisticsNumberList;

  330.                 //申报类型

  331.                 let declarationTypeObj = this.declarationTypeIdOptions.find((account) => {

  332.                     //model就是上面的数据源

  333.                     return account.dictValue == content.declarationTypeId; //筛选出匹配数据

  334.                 });

  335.                 //请选择模板

  336.                 this.templateValue = content.templateName

  337. 

  338.                 // this.loading =false;

  339.                 this.declarationTypeValue = declarationTypeObj.dictLabel;

  340.                 this.from = res.data;

  341.             }

  342. 

  343.             

  344.         })

  345.     }

  346. 

  347.     this.getDicts("newBusinessEntity_statistics_project").then(res => {

  348.         if(res.code == 200){

  349.             let content = res.data;

  350.             content.forEach((v)=>{

  351.                 v.children = [];

  352.             })

  353.             this.statisticsProject = content;

  354.         }

  355.     });

  356.    

  357.   },

  358.   methods: {

  359.     projectOnFinish(data){

  360. 

  361.         let content = data.selectedOptions[data.selectedOptions.length -1]

  362.         console.log(content)

  363. 

  364.         this.tEntityStatisticsNumberList = content.templateForm.tEntityStatisticsNumberList;

  365.         this.templateValue = content.dictLabel;

  366.         // // this.from.templateName = data.label;

  367.         this.from = content.templateForm;

  368.         this.popObj.templateVisbile = false;

  369.     },

  370.     projectOnChange(value){

  371.         if(value.tabIndex == 0){

  372.            //查看

  373.             entityStatisticsTemplate({statisticsTypeId:value.selectedOptions[0].dictValue}).then((response)=>{

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

  375.                     let content = response.data;

  376. 

  377.                     this.statisticsProject[Number(value.value)-1].children = content.map(item => {

  378.                         const recursionFileMap = obj => {

  379.                             obj.forEach((v,i)=>{

  380. 

  381.                                 if(v.currentYearNumber == null){

  382.                                     v.currentYearNumber = 0;

  383.                                 }

  384.                                 if (v.children && v.children != null) {

  385.                                     recursionFileMap(v.children)

  386.                                 }

  387.                             })

  388.                         }

  389.                         recursionFileMap(item.tEntityStatisticsNumberList)

  390.              

  391.                         return { 

  392.                             dictLabel:item.templateName, 

  393.                             dictValue: item.templateId,

  394.                             templateForm:item,

  395.                             // templateForm:{

  396.                             //     templateId:item.id,

  397.                             //     templateName:item.templateName,

  398.                             //     declarationTypeId:item.declarationTypeId,

  399.                             //     tEntityStatisticsNumberList:item.tEntityStatisticsNumberList

  400.                             // }

  401.                         };

  402.                     });

  403.                     this.loading =false;

  404. 

  405.                 }

  406.             })

  407.         }

  408.     },

  409.     submitFrom(){

  410.         this.from.tEntityStatisticsNumberList = this.tEntityStatisticsNumberList;

  411.         this.from.tentityStatisticsNumberList = this.tEntityStatisticsNumberList;

  412.         if(this.from.templateName == null){

  413.             this.$notify({

  414.                 message:'请选择模板!',

  415.                 type: 'danger'

  416.             });

  417.     

  418.             return false;

  419.         }else if(this.from.declarationTypeId == null){

  420.             this.$notify({

  421.                 message:'请选择申报类型!',

  422.                 type: 'danger'

  423.             });

  424.             return false;

  425.         }else if(this.from.principalName == null){

  426.             this.$notify({

  427.                 message:'请填写负责人!',

  428.                 type: 'danger'

  429.             });

  430.             return false;

  431.         }

  432.         entityStatisticsSave(this.from).then((res)=>{

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

  434.                 this.$notify({

  435.                     message:'保存成功!',

  436.                     type: 'success'

  437.                 });

  438.                 setTimeout(()=>{

  439.                     this.$router.push('/sunVillage_info/statistical_report')

  440.                 },1500)

  441.             }

  442.             

  443.         })

  444.     },

  445.     typeDeclarationClick(){

  446.         this.popObj.typeDeclarationVisibile = true;

  447.     },

  448.     declarationTypeIdConfirm(value,index){

  449.         this.from.declarationTypeId = value.dictValue;

  450.         this.declarationTypeValue = value.dictLabel

  451.         this.popObj.typeDeclarationVisibile = false;

  452.     },

  453.     declarationTypeIdCancel(){

  454.         this.popObj.typeDeclarationVisibile = false;

  455.     },

  456.     templateClick(){

  457.         this.popObj.templateVisbile = true;

  458.     }

  459.   

  460.   },

  461. }

  462. </script>

  463. 

  464. <style scoped lang="scss">

  465. .home_wrapper{

  466.    background: #e9e9e9;

  467.    min-height: 100vh;

  468.    width: 100vw;

  469.    .header_main {

  470.        height: 116px;

  471.        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;

  472.        background-size: 100% 100%;

  473.        position: fixed;

  474.        top: 0;

  475.        left: 0;

  476.        width: 100%;

  477.        font-size: 36px;

  478.        line-height: 116px;

  479.        text-align: center;

  480.        color: #fff;

  481.        position: relative;

  482. 

  483.        .return_btn {

  484.            width: 24px;

  485.            height: 43.2px;

  486.            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  487.            background-size: 20px 36px;

  488.            position: absolute;

  489.            left: 38px;

  490.            top: 36px;

  491.        }

  492. 

  493.     

  494.    }

  495.    .template_main{

  496.         padding:30px 24px 0;

  497.         display: flex;

  498.         margin-bottom: 20px;

  499.         align-items: center;

  500.         .title_wrap{

  501.             display: flex;

  502.             align-items: center;

  503.             padding-right: 15px;

  504.             .icon{

  505.                 width: 50px;

  506.                 height: 50px;

  507.                 border-radius: 50%;

  508.                 box-shadow: 4px 0px 7px rgba(63, 68, 75, 0.1);

  509.                 background:#2facfe url('../../assets/images/sunVillage_info/list_icon_11.png') center center no-repeat;

  510.                 background-size: 27px 27px;

  511.                 margin-right: 12px;

  512.             }

  513.             .title{

  514.                 font-size: 30px;

  515.                 color: #2facfe;

  516.             }

  517.         }

  518.         .search_wrap{

  519.             flex: 1;

  520.             height: 64px;

  521.             border-radius: 8px;

  522.             box-shadow: 4px 4px 7px rgba(63, 68, 75, 0.1);

  523.             background: #fff;

  524.             display: flex;

  525.             padding:0 26px 0 22px;

  526.             align-items: center;

  527.             justify-content: space-between;

  528. 

  529.          

  530.             .title{

  531.                 width: 465px;

  532.                 height: 64px;

  533.                 line-height: 64px;

  534.                 font-size: 30px;

  535.                 white-space: nowrap;

  536.                 overflow: hidden;

  537.                 text-overflow: ellipsis;

  538.                 color: #2b2b2b;

  539.             }

  540.             .xs_icon{

  541.                 width: 11px;

  542.                 height: 23px;

  543.                 background: url('../../assets/images/sunVillage_info/list_icon_12.png') center center no-repeat;

  544.                 background-size: 100% 100%;

  545.             }

  546. 

  547.             

  548.         }

  549.    }

  550.    .choose_main{

  551.         padding:0 24px;

  552.         display: flex;

  553.         justify-content: space-between;

  554.         margin-bottom: 26px;

  555.         .search_wrap{

  556.             height: 64px;

  557.             width: 48.5%;

  558.             border-radius: 8px;

  559.             box-shadow: 4px 4px 7px rgba(63, 68, 75, 0.1);

  560.             background: #fff;

  561.             display: flex;

  562.             .title{

  563.                 width: 145px;

  564.                 font-size: 30px;

  565.                 color: #fff;

  566.                 background: #2facfe;

  567.                 border-top-left-radius: 8px;

  568.                 border-bottom-left-radius: 8px;

  569.                 display: flex;

  570.                 justify-content: center;

  571.                 align-items: center;

  572.             }

  573.             .content{

  574.                 flex: 1;

  575.                 padding:0 20px 0 10px;

  576.                 display: flex;

  577.                 align-items: center;

  578.                 justify-content: space-between;

  579.                 .text{

  580.                     width: 150px;

  581.                     // line-height: 64px;

  582.                     font-size: 30px;

  583.                     white-space: nowrap;

  584.                     text-align: center;

  585.                     overflow: hidden;

  586.                     text-overflow: ellipsis;

  587.                     .fzr{

  588.                         width: 150px;

  589.                     }

  590.                 }

  591.                 .xs_icon{

  592.                     width: 11px;

  593.                     height: 23px;

  594.                     background: url('../../assets/images/sunVillage_info/list_icon_12.png') center center no-repeat;

  595.                     background-size: 100% 100%;

  596.                 }

  597.             }

  598.         }

  599.         

  600.    }

  601.    .table_main{

  602.         padding:20px  0 0 24px;

  603.         div{

  604.             box-sizing: border-box;

  605.         }

  606.         .head_wrap{

  607.             height: 69px;

  608.             display: flex;

  609.             font-size: 30px;

  610.             background: #fff;

  611.             color: #2facfe;

  612.             border-top-left-radius: 8px;

  613.             border-bottom-left-radius: 8px;

  614.             .project_name,

  615.             .unit_count,

  616.             .numerical_value{

  617.                 display: flex;

  618.                 align-items: center;

  619.                 justify-content: center;

  620.             }

  621.             .project_name{

  622.                 width: 314px;

  623.                 background: #2facfe;

  624.                 color: #fff;

  625.                 border-radius: 8px;

  626.             }

  627.             .unit_count{

  628.                 width: 173px;

  629.                 border-right: 1px solid #0469ab;

  630.             }

  631.             .numerical_value{

  632.                 width: 239px;

  633.             }

  634.         }

  635. 

  636.         .thead_wrap{

  637.             .basic_info{

  638.                 display: flex;

  639.                 .basic_title{

  640.                    width: 63px;

  641.                    display: flex;

  642.                    align-items: center;

  643.                    justify-content: center;

  644.                    background: #6ac1fa;

  645.                    border-right: 1px solid #0469ab;

  646.                    border-bottom: 1px solid #0469ab;

  647.                    .s_title{

  648.                         width: 28px;

  649.                         font-size: 28px;

  650.                         padding:14px 0;

  651.                    }

  652.                 }

  653. 

  654.                 .type_wrap{

  655.                     flex: 1;

  656.                     display: flex;

  657.                     flex-wrap: wrap;

  658.                     .industry_list{

  659.                         width: 100%;

  660.                         display: flex;

  661.                         border-bottom: 1px solid #0469ab;

  662.                         min-height: 75px;

  663.                         .industry_block{

  664.                             flex: 1;

  665.                             display: flex;

  666.                         }

  667.                         .type_project,

  668.                         .unit_munt,

  669.                         .number_value{

  670.                             display: flex;

  671.                             justify-content: center;

  672.                             align-items: center;

  673.                         }

  674. 

  675.                         .type_project{

  676.                             width: 251px;

  677.                             font-size: 28px;

  678.                             background: #aad8f6;

  679.                             padding:0 14px;

  680.                             font-size: 28px;

  681.                             border-right: 1px solid #0469ab;

  682.                         }

  683.                         .unit_munt{

  684.                             width: 173px;

  685.                             font-size: 28px;

  686.                             border-right: 1px solid #0469ab;

  687.                         }

  688.                         .number_value{

  689.                             width: 239px;

  690.                            

  691.                         }

  692. 

  693. 

  694.                         .subdivision_list{

  695.                             flex: 1;

  696.                             display: flex;

  697.                             .subdivision_title{

  698.                                 width: 76px;

  699.                                 background: #aad8f6;

  700.                                 font-size: 28px;

  701.                                 display: flex;

  702.                                 align-items: center;

  703.                                 padding:0 8px;

  704.                                 justify-content: center;

  705.                                 border-right: 1px solid #0469ab;

  706.                             }

  707.                             .subdivision_main{

  708.                                 flex: 1;

  709.                                 display: flex;

  710.                                 flex-wrap: wrap;

  711.                                 .planting_flex{

  712.                                     width: 100%;

  713.                                     display: flex;

  714.                                     min-height: 75px;

  715.                                     border-bottom: 1px solid #0469ab;

  716.                                     &:last-child{

  717.                                         border-bottom: 0;

  718.                                     }

  719.                                     .subclass{

  720.                                         width: 175px;

  721.                                         display: flex;

  722.                                         align-items: center;

  723.                                         justify-content: center;

  724.                                         font-size: 27px;

  725.                                         background: #d7e8f3;

  726.                                         border-right: 1px solid #0469ab;

  727.                                     }

  728.                                 }

  729.                             }

  730.                         }

  731. 

  732. 

  733. 

  734. 

  735. 

  736. 

  737. 

  738. 

  739. 

  740.                         // <div class="subdivision_list">

  741.                         //         <div class="subdivision_title">行业分布</div>

  742.                         //         <div class="subdivision_main">

  743.                         //             <!---3--->

  744.                         //             <div class="planting_flex">

  745.                         //                 大豆种植

  746.                         //             </div>

  747.                         //             <!---3--->

  748.                         //             <div class="planting_flex">

  749.                         //                 大豆种植

  750.                         //             </div>

  751. 

  752.                         //         </div>

  753. 

  754. 

  755.                         //     </div>

  756. 

  757. 

  758. 

  759. 

  760. 

  761. 

  762. 

  763. 

  764. 

  765.                     }

  766.                   

  767.                 }

  768.             }

  769.         }

  770. 

  771.    }

  772.    .submit_btn{

  773.     display: flex;

  774.     align-items: center;

  775.     justify-content: center;

  776.     height: 150px;

  777.    }

  778. 

  779.    /deep/ {

  780.         .van-stepper__minus,

  781.         .van-stepper__plus{

  782.             background: #2facfe;

  783.             color: #fff;

  784.         }

  785.         .van-stepper__minus--disabled{

  786.             color: #e9e9e9;

  787.         }

  788.         .van-stepper__input{

  789.             margin:0;

  790.             background: #e0f1fc;

  791.             font-size: 30px;

  792.             color: #2facfe;

  793.         }

  794.     }

  795. 

  796. }

  797. 

  798. </style>