zhangzl
/
nsgk_mobile
2
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
移动端
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
973 Commits
7 Ramas
80 MiB
 
 
Árbol: 9371bc8e11
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '9371bc8e11'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/familyMember/familyMemberDetail.vue

586 líneas
20 KiB
Original Blame Histórico 

  1. <template>

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

  3. <!--      <van-nav-bar-->

  4. <!--        left-arrow-->

  5. <!--        fixed-->

  6. <!--        placeholder-->

  7. <!--        @click-left="$router.back(-1)"-->

  8. <!--      >-->

  9. <!--        <template #title>-->

  10. <!--          <p style="font-weight: bold;">有偿退出</p>-->

  11. <!--        </template>-->

  12. <!--      </van-nav-bar>-->

  13. 

  14.       <div class="header_main">

  15.         家庭成员详细信息

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

  17.         <!--      <div class="add_btn" @click="goAdd"></div>-->

  18.       </div>

  19. 

  20.       <div class="main_box">

  21.         <!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->

  22.         <van-field  readonly v-model="circulation.memberName" label="姓名" placeholder="姓名" input-align="right" label-width="auto" />

  23.         <!--        <van-field-->

  24.         <!--          readonly-->

  25.         <!--          clickable-->

  26.         <!--          v-model="circulation.zjddm"-->

  27.         <!--          label="宅基地代码"-->

  28.         <!--          placeholder="请选择"-->

  29.         <!--          @click="remoteProposerMethod"-->

  30.         <!--          input-align="right"-->

  31.         <!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->

  32.         <!--        />-->

  33.         <!--        <van-popup v-model="showzjddm" position="bottom">-->

  34.         <!--          <van-picker-->

  35.         <!--            show-toolbar-->

  36.         <!--            :columns="zjdDictionaries"-->

  37.         <!--            value-key="zjddm"-->

  38.         <!--            @confirm="onConfirmZjddm"-->

  39.         <!--            @cancel="showzjddm = false"-->

  40.         <!--          />-->

  41.         <!--        </van-popup>-->

  42.         <field-select

  43.           readonly

  44.           v-model="circulation.sex"

  45.           label="性別"

  46.           value-key="dictLabel"

  47.           data-key="dictValue"

  48.           placeholder="选择现状"

  49.           remote-url="/system/dict/data/type/sys_user_sex"

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

  51.         />

  52.         <van-field readonly v-model="circulation.age" label="年龄" placeholder="年龄" input-align="right" label-width="auto" />

  53.         <van-field readonly v-model="circulation.idcard" label="证件号码" placeholder="证件号码" input-align="right" label-width="auto" />

  54.         <van-field readonly v-model="circulation.phone" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto"/>

  55.         <van-field readonly v-model="circulation.householdRegister" label="户籍" placeholder="户籍" input-align="right" label-width="auto"/>

  56.         <field-select

  57.           readonly

  58.           v-model="circulation.nationality"

  59.           label="民族"

  60.           value-key="dictLabel"

  61.           data-key="dictValue"

  62.           placeholder="选择现状"

  63.           remote-url="/system/dict/data/type/nationality"

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

  65.         />

  66.         <field-select

  67.           readonly

  68.           v-model="circulation.politicCountenance"

  69.           label="政治面貌"

  70.           value-key="dictLabel"

  71.           data-key="dictValue"

  72.           placeholder="选择政治面貌"

  73.           remote-url="/system/dict/data/type/politic_countenance"

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

  75.         />

  76.         <field-select

  77.           readonly

  78.           v-model="circulation.education"

  79.           label="学历"

  80.           value-key="dictLabel"

  81.           data-key="dictValue"

  82.           placeholder="选择学历"

  83.           remote-url="/system/dict/data/type/education"

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

  85.         />

  86.         <field-select

  87.           readonly

  88.           v-model="circulation.accountType"

  89.           label="户口类型"

  90.           value-key="dictLabel"

  91.           data-key="dictValue"

  92.           placeholder="选择户口类型"

  93.           remote-url="/system/dict/data/type/account_type"

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

  95.         />

  96.         <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">

  97.           <template #input>

  98.             <van-radio-group v-model="circulation.sfpkh" direction="horizontal">

  99.               <van-radio name="1">是</van-radio>

  100.               <van-radio name="0">否</van-radio>

  101.             </van-radio-group>

  102.           </template>

  103.         </van-field>

  104.         <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">

  105.           <template #input>

  106.             <van-radio-group v-model="circulation.sfwbh" direction="horizontal">

  107.               <van-radio name="1">是</van-radio>

  108.               <van-radio name="0">否</van-radio>

  109.             </van-radio-group>

  110.           </template>

  111.         </van-field>

  112.         <field-select

  113.           readonly

  114.           v-model="circulation.isCooperative"

  115.           label="社员"

  116.           value-key="dictLabel"

  117.           data-key="dictValue"

  118.           placeholder="社员"

  119.           remote-url="/system/dict/data/type/sys_yes_no"

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

  121.         />

  122.         <field-select

  123.           readonly

  124.           v-model="circulation.isMember"

  125.           label="股民"

  126.           value-key="dictLabel"

  127.           data-key="dictValue"

  128.           placeholder="股民"

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

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

  131.         />

  132.       </div>

  133.       <!-- 审批 -->

  134.       <div style="padding: 16px 0;">

  135.         <van-row>

  136.           <van-row>

  137.             <van-col span="24" align="center">

  138.               <van-button type="info" native-type="submit" class="submitButton" @click="goBack">返<i style="margin-right: 1em;"></i>回</van-button>

  139.             </van-col>

  140.           </van-row>

  141.         </van-row>

  142.         <div class="clear"></div>

  143.       </div>

  144.     </div>

  145. </template>

  146. 

  147. <script>

  148.   import { getFamilyMember} from "@/api/sunVillage_info/homestead/familyMember";

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

  150.   import FieldDatePicker from "@/components/form/FieldDatePicker";

  151.   import {formatDate} from "element-ui/src/utils/date-util.js";

  152.   import {Notify} from "vant";

  153. import request from '@/utils/request';

  154.   const PROPOSER_VIEW = 1;

  155.   // 工作流名称

  156.   const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';

  157.   // 附件表名

  158.   const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';

  159.   // 其他

  160.   const PROPOSER_MODULE = 'home';

  161. export default {

  162.   name: "familyMemberDetail",

  163.   components: {FieldSelect,FieldDatePicker },

  164.   data() {

  165.     return {

  166.       tcqllxDictionaries:[],//退出权利类型

  167.       tclxDictionaries:[],//退出类型

  168.       tcfsDictionaries:[],//退出方式

  169.       xbDictionaries:[],//申请人证件类型

  170.       zjlxDictionaries:[],

  171.       bcfsDictionaries:[],//补偿方式

  172.       zjdDictionaries:[],//宅基地代码

  173.       getObligeeOptions:[],//下拉框列表

  174.       tcqllx:'',

  175.       tclx:'',

  176.       tcfs:'',

  177.       xb:'',

  178.       bcfs:'',

  179.       zjddm:'',

  180.       landStatus:"1",

  181.       nickName:this.$route.query.nickName,

  182.       electronicSignature:this.$route.query.electronicSignature,

  183.       showtcqllx: false,

  184.       showtclx: false,

  185.       showtcfs: false,

  186.       showxb: false,

  187.       showbcfs: false,

  188.       showzjddm: false,

  189.       showZjsp: false,

  190.       showCjt:false,

  191.       cjtspOperation:false,

  192.       showDropList: false,//是否显示下拉框

  193.       mapShow: false,

  194.       attachmentVisible:false,

  195.       // 家庭成员tab

  196.       familyMembersActive: 0,

  197.       active: 0,

  198.       // 表单意图

  199.       proposerStatus: PROPOSER_VIEW,

  200.       circulation:{},

  201.       // 当前附件tab

  202.       attachmentActive: 0,

  203.       // 申请附件树

  204.       houseApplyUploadComp: {

  205.         businessType: PROPOSER_MODULE,

  206.         proposerId: this.$route.query.id,

  207.         homeApplyStatus: "11",

  208.         processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,

  209.         tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,

  210.         attachmentList: [],

  211.         readonly: true,

  212.         full: false,

  213.       },

  214.       approval: {

  215.         taskId: null,

  216.         instanceId: null,

  217.         type: null,

  218.         id: null,

  219.         comment: '',

  220.       },

  221.     };

  222.   },

  223.   created() {

  224.     this.approval.id = this.$route.query.id;

  225.     this.approval.instanceId = this.$route.query.instanceId;

  226.     this.approval.type = this.$route.query.type;

  227.     this.approval.taskId = this.$route.query.taskId;

  228.     this.getDetail();

  229.   },

  230.   methods: {

  231.     // 获取日期, yyyy-MM-dd

  232.     getDate(d) {

  233.       return formatDate(d ? d : new Date(), 'yyyy-MM-dd');

  234.     },

  235.     getDetail(){

  236.       getFamilyMember(this.$route.query.id).then(response => {

  237.         this.circulation = response.data;

  238.         let res = this.parseIDCard( response.data.idcard);

  239.         if(res)

  240.         {

  241.           this.$set(this.circulation, 'age', res[1]);

  242.         }

  243.         //退出权利类型

  244.         this.houseGetDicts("tcqllx").then((res) => {

  245.           for (var i = 0; i < res.data.length; i++) {

  246.             this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  247.           }

  248.           this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx);

  249.         });

  250.         //退出方式

  251.         this.houseGetDicts("tcfs").then((res) => {

  252.           for (var i = 0; i < res.data.length; i++) {

  253.             this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  254.           }

  255.           this.tcfs = this.selectDictLabel(res.data, response.data.tcfs);

  256.         });

  257.         //审核状态

  258.         this.houseGetDicts("audit_status").then((res) => {

  259.           this.circulation.auditStatus = this.selectDictLabel(res.data, response.data.auditStatus);

  260.         });

  261.       });

  262.     },

  263.     parseIDCard(idcard) {

  264.       if(!idcard)

  265.         return false;

  266.       if(idcard.length !== 18)

  267.         return false;

  268.       if(!/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(idcard))

  269.         return false;

  270.       let sex = (parseInt(idcard.substr(16, 1)) % 2) ^ 1;

  271.       let now = new Date().getFullYear();

  272.       let y = parseInt(idcard.substr(6, 4));

  273.       let age = Math.max(now - y, 0);

  274.       return [sex, age];

  275.     },

  276.     updateMemberInfo(index) {

  277.       let res = this.parseIDCard(this.circulation.jtcyqkList[index].sfzh);

  278.       if(res)

  279.       {

  280.         this.$set(this.circulation.jtcyqkList[index], 'nl', res[1]);

  281.       }

  282.     },

  283.     updateMemberInfoGy(index) {

  284.       let res = this.parseIDCard(this.circulation.gyrqkList[index].sfzh);

  285.       if(res)

  286.       {

  287.         this.$set(this.circulation.gyrqkList[index], 'nl', res[1]);

  288.       }

  289.     },

  290.     remoteProposerMethod() {

  291.       this.showzjddm = true;

  292.       this.zjdDictionaries = [];

  293.       if (this.circulation.sqrxm) {

  294.         getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {

  295.           this.zjdDictionaries = response.data.map(item => {

  296.             return {

  297.               zjddm: item.zjddm,

  298.               shyqrdbxm: item.shyqrdbxm,

  299.               shyqrdbzjlx: item.shyqrdbzjlx,

  300.               shyqrdbzjhm: item.shyqrdbzjhm

  301.             }

  302.           });

  303.         });

  304.       } else {

  305.         this.zjdDictionaries = [];

  306.       }

  307.     },

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

  309.     remoteTransfereeMethod(query) {

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

  311.         getShyqrs({shyqrdbxm:query,status:1}).then((response) => {

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

  313.             this.getObligeeOptions = response.rows.map(function (item) {

  314.               return {

  315.                 sqrxm:item.shyqrdbxm,

  316.                 sqrxb:item.xb,

  317.                 sqrzjhm:item.shyqrdbzjhm,

  318.                 sqrzjlx:item.shyqrdbzjlx,

  319.                 sqrdh:item.dh,

  320.                 gyfs:item.gyfs,

  321.                 dz:item.dz,

  322.                 deptId:item.deptId,

  323.                 deptName:item.deptName,

  324.               }

  325.             })

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

  327.             if (this.getObligeeOptions.length > 0) {

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

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

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

  331.                 if (this.getObligeeOptions.length > 4) {

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

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

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

  335.                 } else {

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

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

  338.                 }

  339.               });

  340.             } else {

  341.               this.showDropList = false;

  342.             }

  343.           }

  344.         });

  345.       } else {

  346.         this.getObligeeOptions = [];

  347.         this.showDropList = false;

  348.       }

  349.     },

  350.     shyqrdmxmChange(val){

  351.       console.info(val);

  352.       this.$set(this.circulation, "sqrxm", val.sqrxm);

  353.       this.$set(this.circulation, "deptId", val.deptId);

  354.       this.$set(this.circulation, "deptName", val.deptId);

  355.       this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);

  356.       this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);

  357.       this.$set(this.circulation, "gyqk", val.gyfs);

  358.       this.$set(this.circulation, "xb", val.sqrxb);

  359.       this.$set(this.circulation, "lxdh", val.sqrdh);

  360.       this.$set(this.circulation, "hkszd", val.dz);

  361.       this.getObligeeOptions=[];

  362.       this.showDropList = false;

  363.     },

  364.     /** 查找地图中宅基地 */

  365.     closeMoule: function (data) {

  366.       this.circulation.zjddm = data;

  367.       let _this = this;

  368.       let handlerTime = this.getDate();

  369.       this.$set(this.circulation, "sqrq", handlerTime);

  370.       this.$set(this.circulation, "pzrq", handlerTime);

  371.       this.$set(this.circulation, "barq", handlerTime);

  372.       getByLyZjddm(data).then((response) => {

  373.         this.$set(this.circulation, "ntcmj", response.data.zdmj);

  374.         this.$set(this.circulation, "tcmj", response.data.zdmj);

  375.         this.$set(this.circulation, "zjdszd", response.data.zdszd);

  376.         this.$set(this.circulation, "zjdszn", response.data.zdszn);

  377.         this.$set(this.circulation, "zjdszx", response.data.zdszx);

  378.         this.$set(this.circulation, "zjdszb", response.data.zdszb);

  379.         this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);

  380.         this.$set(this.circulation, "tcqszsh", response.data.zsh);

  381.         listHomesteadnmfw({zjddm: data}).then((response) => {

  382.           response.rows.map(function(item){

  383.             _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));

  384.             _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));

  385.           });

  386.         });

  387.         // const baseImgUrl = this.$store.getters.baseRoutingUrl;

  388.         if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){

  389.           this.$set(this.form, "xzzp", response.rows[0].zdt);

  390.         }

  391.       });

  392.     },

  393.     mapLook(){

  394.       this.mapShow = true;

  395.       setTimeout(() => {

  396.         this.$refs.zjdProductResh.drawingLyPaceCountryDarw();

  397.       },1000);

  398.     },

  399.     // 打开附件树

  400.     openAttachment() {

  401.       this.attachmentVisible = true;

  402.       if(this.attachmentActive == this.active)

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

  404.           this.$refs.attachmentDialog.scrollTo(this.active);

  405.         });

  406.     },

  407.     //返回上一步操作

  408.     goBack(){

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

  410.     },

  411.     complete(pass) {

  412.       if(this.circulation.auditStatus === "1" || this.circulation.auditStatus === "2"){

  413.         this.approval.comment = this.circulation.cjzzscyj;

  414.       }else{

  415.         this.approval.comment = this.circulation.xzzfshpzyj;

  416.       }

  417.       if(!this.approval.taskId || !this.approval.instanceId || this.approval.type !== 'todo')

  418.       {

  419.         console.error("无效操作");

  420.         return false;

  421.       }

  422.       if(!this.approval.comment)

  423.       {

  424.         this.notify("请填写审批意见", 'danger');

  425.         return false;

  426.       }

  427.       /*let data = {

  428.         taskId: this.approval.taskId,

  429.         instanceId: this.approval.instanceId,

  430.         variables: JSON.stringify({

  431.           pass: pass ? "true" : "false",

  432.           comment: this.approval.comment ? this.approval.comment : (pass ? '同意' : '驳回'),

  433.         }),

  434.       };

  435.       request({

  436.         url: "/activiti/process/complete",

  437.         method: "post",

  438.         params: data,

  439.       }).then((response) => {

  440.         this.notify("操作成功", 'success');

  441.         this.$router.back();

  442.       }).catch(e => {

  443.         this.notify("操作失败!", 'danger');

  444.       });*/

  445.       if (pass) {

  446.         let data = {

  447.           taskId: this.approval.taskId,

  448.           instanceId: this.approval.instanceId,

  449.           variables: JSON.stringify({

  450.             pass: "true",

  451.             comment: this.approval.comment ? this.approval.comment : "同意",

  452.           }),

  453.         };

  454.         zyyctcEdit(this.circulation).then(response => {

  455.           request({

  456.             url: "/activiti/process/complete",

  457.             method: "post",

  458.             params: data,

  459.           }).then((response) => {

  460.             this.notify("操作成功", 'success');

  461.             this.$router.back();

  462.           }).catch(e => {

  463.             this.notify("操作失败!", 'danger');

  464.           });

  465.         });

  466. 

  467.       } else {

  468.         let _this = this;

  469.         _this.$dialog.confirm({

  470.           message: '是否确认驳回此条申请',

  471.         }).then(() => {

  472.           let data = {

  473.             taskId: _this.approval.taskId,

  474.             instanceId: _this.approval.instanceId,

  475.             variables: JSON.stringify({

  476.               pass: "false",

  477.               comment: _this.approval.comment ? _this.approval.comment : "驳回",

  478.             }),

  479.           };

  480.           zyyctcEdit(this.circulation).then(response => {

  481.             request({

  482.               url: "/activiti/process/complete",

  483.               method: "post",

  484.               params: data,

  485.             }).then((response) => {

  486.               _this.notify("操作成功", 'success');

  487.               _this.$router.back();

  488.             }).catch(e => {

  489.               _this.notify("操作失败!", 'danger');

  490.             });

  491.           });

  492.         });

  493.       }

  494.       return true;

  495.     },

  496.     notify(message, type) {

  497.       Notify.clear();

  498.       Notify({ type: type || 'primary', message: message });

  499.     },

  500.   },

  501. }

  502. </script>

  503. 

  504. <style scoped lang="scss">

  505.   .app-container {

  506.     padding-bottom: 2%;

  507.     .header_main{

  508.       height: 116px;

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

  510.       background-size: 100% 100%;

  511.       position: fixed;

  512.       top: 0;

  513.       left: 0;

  514.       width: 100%;

  515.       font-size: 36px;

  516.       line-height: 116px;

  517.       text-align: center;

  518.       color: #fff;

  519.       position: relative;

  520.       margin-bottom: 2%;

  521.       .return_btn{

  522.         width: 24px;

  523.         height: 43.2px;

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

  525.         background-size: 20px 36px;

  526.         position: absolute;

  527.         left: 38px;

  528.         top: 36px;

  529.       }

  530.       .add_btn{

  531.         width: 56.4px;

  532.         height: 40.8px;

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

  534.         background-size: 47px 34px;

  535.         position: absolute;

  536.         right: 38px;

  537.         top: 36px;

  538.       }

  539.     }

  540.   }

  541.   .main_title{

  542.     font-size: 0.4rem;

  543.     color: #1D6FE9;

  544.     margin: 0.2rem 6%;

  545.     position: relative;

  546.   }

  547.   .main_box{

  548.     width: 96%;

  549.     margin: 0 auto;

  550.     border-radius: 6px;

  551.     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  552.     overflow: hidden;

  553.     background-color: #FFF;

  554.   }

  555.   .submitButton{

  556.     width: 80%;

  557.     margin: 0 auto;

  558.     background-color: #1D6FE9;

  559. 

  560.   }

  561.   .clear{

  562.     height: 80px;

  563.   }

  564.   .examine_box{

  565.     background-color: #1D6FE9!important;

  566.     padding: 0.18rem!important;

  567.     padding-left: 0!important;

  568.     border-radius: 0.15rem!important;

  569.     margin-top: 0.3rem!important;

  570.     .van-col:first-child{

  571.       color: #FFF!important;

  572.       font-size: 0.45rem!important;

  573.       text-align: center!important;

  574.     }

  575.     .van-col:last-child{

  576.       background-color: #FFF!important;

  577.       border-radius: 0.15rem!important;

  578.       overflow: hidden!important;

  579.       .van-radio-group--horizontal{

  580.         padding: 0.2rem 0;

  581.         border-bottom: 1px solid #eee;

  582.       }

  583.     }

  584.   }

  585. </style>