zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
875 Commits
7 Branches
18 GiB
 
 
Tree: a35872be4f
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'a35872be4f'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/statistical_report_edit.vue

815 lines
29 KiB
Raw Blame History 

  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.                                                 <input type=""> -->

  163.                                                 <van-field v-model="val.currentYearNumber" type="number" />

  164.                                             </div>

  165.                                         </div>

  166.                                

  167. 

  168.                                     </div>

  169.                                 </div>

  170.                             </div>

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

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

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

  174.                                 <div class="number_value">

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

  176.                                     <van-field v-model="data.currentYearNumber" type="number" />

  177.                                 </div>

  178.                             </div>

  179. 

  180. 

  181.                         </div>

  182.            

  183. 

  184.                     </div>

  185.                 </div>

  186.                 

  187.             </div>

  188.         </div>

  189. 

  190.         <div class="submit_btn">

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

  192.         </div>

  193. 

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

  195.             <van-picker

  196.                 title="申报类型"

  197.                 :columns="declarationTypeIdOptions"

  198.                 show-toolbar

  199.                 @confirm="declarationTypeIdConfirm"

  200.                 @cancel="declarationTypeIdCancel"

  201.             >

  202.                 <template #option="option">

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

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

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

  206.                 </div>

  207.                 </template>

  208.             </van-picker>

  209.         </van-action-sheet>

  210. 

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

  212.             <van-cascader

  213.                 v-model="cascaderValue"

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

  215.                 :options="statisticsProject"

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

  217.                 @finish="projectOnFinish"

  218.                 @change="projectOnChange"

  219.                 :field-names="fieldNames"

  220.             />

  221.         </van-action-sheet>

  222.     </div>

  223. </template>

  224. 

  225. <script>

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

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

  228. export default {

  229.   name: "statisticalReportEdit",

  230.   data() {

  231.     return {

  232.         from:{

  233.             applyTime:null,

  234.             applyUserId:null,

  235.             applyUserName:null,

  236.             auditStatus:null,

  237.             createBy:null,

  238.             createTime:null,

  239.             deptId:null,

  240.             id:null,

  241.             instanceId:null,

  242.             processKey:null,

  243.             remark:null,

  244.             statisticsTypeId:null,

  245.             templateId:null, //模板id

  246.             updateBy:null,

  247.             updateTime:null,

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

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

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

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

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

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

  254.             tEntityStatisticsNumberList:[]

  255. 

  256.         },

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

  258.         tEntityStatisticsNumberList:[],

  259.         //选择模板标题

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

  261. 

  262.         popObj:{

  263.             typeDeclarationVisibile:false,

  264.             templateVisbile:false

  265.         },

  266.         // 申报类型ID字典

  267.         declarationTypeIdOptions: [],

  268.         declarationTypeValue:'请选择',

  269.         loading:true,

  270.         //模板list

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

  272.         statisticsProject:[],

  273.         cascaderValue:null,

  274.         fieldNames:{

  275.             text: 'dictLabel',

  276.             value: 'dictValue',

  277.             children: 'children',

  278.         }

  279.         

  280.         

  281.   

  282.     };

  283.   },

  284.   created() {

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

  286.         

  287.         this.declarationTypeIdOptions = response.data;

  288.  

  289.     });

  290.   },

  291.   mounted(){

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

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

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

  295.     });

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

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

  298.         this.loading =true;

  299.         //編輯

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

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

  302.          

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

  304.                 let content = res.data;

  305.                 // let obj = {

  306.                 //     applyTime:content.content,

  307.                 //     applyTime:content.applyTime,

  308.                 //     applyUserId:content.pplyUserId,

  309.                 //     applyUserName:content.applyUserName,

  310.                 //     auditStatus:content.auditStatus,

  311.                 //     createBy:content.createBy,

  312.                 //     createTime:content.createTime,

  313.                 //     deptId:content.deptId,

  314.                 //     id:content.id,

  315.                 //     instanceId:content.instanceId,

  316.                 //     processKey:content.processKey,

  317.                 //     remark:content.remark,

  318.                 //     statisticsTypeId:content.statisticsTypeId,

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

  320.                 //     updateBy:content.updateBy,

  321.                 //     updateTime:content.updateTime,

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

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

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

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

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

  327.                 //     time:content.time,

  328.                 //     tEntityStatisticsNumberList:content.tEntityStatisticsNumberList

  329.                 // }

  330. 

  331.                 //当前选择模板

  332.                 this.tEntityStatisticsNumberList = content.tEntityStatisticsNumberList;

  333.                 //申报类型

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

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

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

  337.                 });

  338.                 //请选择模板

  339.                 this.templateValue = content.templateName

  340. 

  341.                 // this.loading =false;

  342.                 this.declarationTypeValue = declarationTypeObj.dictLabel;

  343.                 this.from = res.data;

  344.             }

  345. 

  346.             

  347.         })

  348.     }

  349. 

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

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

  352.             let content = res.data;

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

  354.                 v.children = [];

  355.             })

  356.             this.statisticsProject = content;

  357.         }

  358.     });

  359.    

  360.   },

  361.   methods: {

  362.     projectOnFinish(data){

  363. 

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

  365.         console.log(content)

  366. 

  367.         this.tEntityStatisticsNumberList = content.templateForm.tEntityStatisticsNumberList;

  368.         this.templateValue = content.dictLabel;

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

  370.         this.from = content.templateForm;

  371.         this.popObj.templateVisbile = false;

  372.     },

  373.     projectOnChange(value){

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

  375.            //查看

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

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

  378.                     let content = response.data;

  379. 

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

  381.                         const recursionFileMap = obj => {

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

  383. 

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

  385.                                     v.currentYearNumber = 0;

  386.                                 }

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

  388.                                     recursionFileMap(v.children)

  389.                                 }

  390.                             })

  391.                         }

  392.                         recursionFileMap(item.tEntityStatisticsNumberList)

  393.              

  394.                         return { 

  395.                             dictLabel:item.templateName, 

  396.                             dictValue: item.templateId,

  397.                             templateForm:item,

  398.                             // templateForm:{

  399.                             //     templateId:item.id,

  400.                             //     templateName:item.templateName,

  401.                             //     declarationTypeId:item.declarationTypeId,

  402.                             //     tEntityStatisticsNumberList:item.tEntityStatisticsNumberList

  403.                             // }

  404.                         };

  405.                     });

  406.                     this.loading =false;

  407. 

  408.                 }

  409.             })

  410.         }

  411.     },

  412.     submitFrom(){

  413.         this.from.tEntityStatisticsNumberList = this.tEntityStatisticsNumberList;

  414.         this.from.tentityStatisticsNumberList = this.tEntityStatisticsNumberList;

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

  416.             this.$notify({

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

  418.                 type: 'danger'

  419.             });

  420.     

  421.             return false;

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

  423.             this.$notify({

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

  425.                 type: 'danger'

  426.             });

  427.             return false;

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

  429.             this.$notify({

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

  431.                 type: 'danger'

  432.             });

  433.             return false;

  434.         }

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

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

  437.                 this.$notify({

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

  439.                     type: 'success'

  440.                 });

  441.                 setTimeout(()=>{

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

  443.                 },1500)

  444.             }

  445.             

  446.         })

  447.     },

  448.     typeDeclarationClick(){

  449.         this.popObj.typeDeclarationVisibile = true;

  450.     },

  451.     declarationTypeIdConfirm(value,index){

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

  453.         this.declarationTypeValue = value.dictLabel

  454.         this.popObj.typeDeclarationVisibile = false;

  455.     },

  456.     declarationTypeIdCancel(){

  457.         this.popObj.typeDeclarationVisibile = false;

  458.     },

  459.     templateClick(){

  460.         this.popObj.templateVisbile = true;

  461.     }

  462.   

  463.   },

  464. }

  465. </script>

  466. 

  467. <style scoped lang="scss">

  468. .home_wrapper{

  469.    background: #e9e9e9;

  470.    min-height: 100vh;

  471.    width: 100vw;

  472.    .header_main {

  473.        height: 116px;

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

  475.        background-size: 100% 100%;

  476.        position: fixed;

  477.        top: 0;

  478.        left: 0;

  479.        width: 100%;

  480.        font-size: 36px;

  481.        line-height: 116px;

  482.        text-align: center;

  483.        color: #fff;

  484.        position: relative;

  485. 

  486.        .return_btn {

  487.            width: 24px;

  488.            height: 43.2px;

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

  490.            background-size: 20px 36px;

  491.            position: absolute;

  492.            left: 38px;

  493.            top: 36px;

  494.        }

  495. 

  496.     

  497.    }

  498.    .template_main{

  499.         padding:30px 24px 0;

  500.         display: flex;

  501.         margin-bottom: 20px;

  502.         align-items: center;

  503.         .title_wrap{

  504.             display: flex;

  505.             align-items: center;

  506.             padding-right: 15px;

  507.             .icon{

  508.                 width: 50px;

  509.                 height: 50px;

  510.                 border-radius: 50%;

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

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

  513.                 background-size: 27px 27px;

  514.                 margin-right: 12px;

  515.             }

  516.             .title{

  517.                 font-size: 30px;

  518.                 color: #2facfe;

  519.             }

  520.         }

  521.         .search_wrap{

  522.             flex: 1;

  523.             height: 64px;

  524.             border-radius: 8px;

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

  526.             background: #fff;

  527.             display: flex;

  528.             padding:0 26px 0 22px;

  529.             align-items: center;

  530.             justify-content: space-between;

  531. 

  532.          

  533.             .title{

  534.                 width: 465px;

  535.                 height: 64px;

  536.                 line-height: 64px;

  537.                 font-size: 30px;

  538.                 white-space: nowrap;

  539.                 overflow: hidden;

  540.                 text-overflow: ellipsis;

  541.                 color: #2b2b2b;

  542.             }

  543.             .xs_icon{

  544.                 width: 11px;

  545.                 height: 23px;

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

  547.                 background-size: 100% 100%;

  548.             }

  549. 

  550.             

  551.         }

  552.    }

  553.    .choose_main{

  554.         padding:0 24px;

  555.         display: flex;

  556.         justify-content: space-between;

  557.         margin-bottom: 26px;

  558.         .search_wrap{

  559.             height: 64px;

  560.             width: 48.5%;

  561.             border-radius: 8px;

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

  563.             background: #fff;

  564.             display: flex;

  565.             .title{

  566.                 width: 145px;

  567.                 font-size: 30px;

  568.                 color: #fff;

  569.                 background: #2facfe;

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

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

  572.                 display: flex;

  573.                 justify-content: center;

  574.                 align-items: center;

  575.             }

  576.             .content{

  577.                 flex: 1;

  578.                 padding:0 20px 0 10px;

  579.                 display: flex;

  580.                 align-items: center;

  581.                 justify-content: space-between;

  582.                 .text{

  583.                     width: 150px;

  584.                     // line-height: 64px;

  585.                     font-size: 30px;

  586.                     white-space: nowrap;

  587.                     text-align: center;

  588.                     overflow: hidden;

  589.                     text-overflow: ellipsis;

  590.                     .fzr{

  591.                         width: 150px;

  592.                     }

  593.                 }

  594.                 .xs_icon{

  595.                     width: 11px;

  596.                     height: 23px;

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

  598.                     background-size: 100% 100%;

  599.                 }

  600.             }

  601.         }

  602.         

  603.    }

  604.    .table_main{

  605.         padding:0px  24px 0 24px;

  606.         div{

  607.             box-sizing: border-box;

  608.         }

  609.         .head_wrap{

  610.             height: 69px;

  611.             display: flex;

  612.             font-size: 30px;

  613.             background: #fff;

  614.             color: #2facfe;

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

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

  617.             .project_name,

  618.             .unit_count,

  619.             .numerical_value{

  620.                 display: flex;

  621.                 align-items: center;

  622.                 justify-content: center;

  623.             }

  624.             .project_name{

  625.                 width: 359px;

  626.                 background: #2facfe;

  627.                 color: #fff;

  628.                 border-radius: 8px;

  629.             }

  630.             .unit_count{

  631.                 width: 140px;

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

  633.             }

  634.             .numerical_value{

  635.                 width: 204px;

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

  637.             }

  638.         }

  639. 

  640.         .thead_wrap{

  641.             .basic_info{

  642.                 display: flex;

  643.                 .basic_title{

  644.                    width: 63px;

  645.                    display: flex;

  646.                    align-items: center;

  647.                    justify-content: center;

  648.                    background: #6ac1fa;

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

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

  651.                    .s_title{

  652.                         width: 28px;

  653.                         font-size: 28px;

  654.                         padding:14px 0;

  655.                    }

  656.                 }

  657. 

  658.                 .type_wrap{

  659.                     flex: 1;

  660.                     display: flex;

  661.                     flex-wrap: wrap;

  662.                     .industry_list{

  663.                         width: 100%;

  664.                         display: flex;

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

  666.                         min-height: 75px;

  667.                         .industry_block{

  668.                             flex: 1;

  669.                             display: flex;

  670.                         }

  671.                         .type_project,

  672.                         .unit_munt,

  673.                         .number_value{

  674.                             display: flex;

  675.                             justify-content: center;

  676.                             align-items: center;

  677.                         }

  678. 

  679.                         .type_project{

  680.                             width: 296px;

  681.                             font-size: 28px;

  682.                             background: #aad8f6;

  683.                             padding:0 14px;

  684.                             font-size: 28px;

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

  686.                         }

  687.                         .unit_munt{

  688.                             width: 140px;

  689.                             font-size: 28px;

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

  691.                         }

  692.                         .number_value{

  693.                             width: 204px;

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

  695.                            .van-cell {

  696.                                 padding:20px 16px;

  697.                                 background: none;

  698.                             

  699.                            }

  700.                            

  701.                             

  702.                         

  703.                         }

  704. 

  705. 

  706.                         .subdivision_list{

  707.                             flex: 1;

  708.                             display: flex;

  709.                             .subdivision_title{

  710.                                 width: 76px;

  711.                                 background: #aad8f6;

  712.                                 font-size: 28px;

  713.                                 display: flex;

  714.                                 align-items: center;

  715.                                 padding:0 8px;

  716.                                 justify-content: center;

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

  718.                             }

  719.                             .subdivision_main{

  720.                                 flex: 1;

  721.                                 display: flex;

  722.                                 flex-wrap: wrap;

  723.                                 .planting_flex{

  724.                                     width: 100%;

  725.                                     display: flex;

  726.                                     min-height: 75px;

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

  728.                                     &:last-child{

  729.                                         border-bottom: 0;

  730.                                     }

  731.                                     .subclass{

  732.                                         width: 175px;

  733.                                         display: flex;

  734.                                         align-items: center;

  735.                                         justify-content: center;

  736.                                         font-size: 27px;

  737.                                         background: #d7e8f3;

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

  739.                                     }

  740.                                 }

  741.                             }

  742.                         }

  743. 

  744. 

  745. 

  746. 

  747. 

  748. 

  749. 

  750. 

  751. 

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

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

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

  755.                         //             <!---3--->

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

  757.                         //                 大豆种植

  758.                         //             </div>

  759.                         //             <!---3--->

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

  761.                         //                 大豆种植

  762.                         //             </div>

  763. 

  764.                         //         </div>

  765. 

  766. 

  767.                         //     </div>

  768. 

  769. 

  770. 

  771. 

  772. 

  773. 

  774. 

  775. 

  776. 

  777.                     }

  778.                   

  779.                 }

  780.             }

  781.         }

  782. 

  783.    }

  784.    .submit_btn{

  785.     display: flex;

  786.     align-items: center;

  787.     justify-content: center;

  788.     height: 150px;

  789.    }

  790. 

  791.    /deep/ {

  792.         .van-stepper__minus,

  793.         .van-stepper__plus{

  794.             background: #2facfe;

  795.             color: #fff;

  796.         }

  797.         .van-stepper__minus--disabled{

  798.             color: #e9e9e9;

  799.         }

  800.         .van-stepper__input{

  801.             margin:0;

  802.             background: #e0f1fc;

  803.             font-size: 30px;

  804.             color: #2facfe;

  805.         }

  806.         .van-field__control{

  807.             text-align: center;

  808.         }

  809.     }

  810. 

  811. }

  812. 

  813. 

  814. </style>