zhangzl
/
nsgk_mobile
2
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
移动端
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.
1559 Commits
7 Branches
571 MiB
 
 
Tree: ed14d7b530
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'ed14d7b530'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/add4.vue

761 regels
28 KiB
Ruw Blame Geschiedenis 

  1. <template>

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

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

  4.       <div class="bannerBg">

  5.         <van-nav-bar

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

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

  8.           right-text ="首页"

  9.           @click-right="goRightBack()"

  10.         >

  11.           <template #left>

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

  13.           </template>

  14.           <!-- <template #right>

  15.           <van-icon name="map-marked" size="18" color="#fff" />

  16.         </template>-->

  17.           <template #title>

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

  19.           </template>

  20.         </van-nav-bar>

  21.       </div>

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

  23.         <van-row>

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

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

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

  27.           </van-col>

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

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

  30.           </van-col>

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

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

  33.             <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">权利人</p>

  34.           </van-col>

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

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

  37.           </van-col>

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

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

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

  41.           </van-col>

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

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

  44.           </van-col>

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

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

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

  48.           </van-col>

  49.         </van-row>

  50.       </div>

  51.     </van-sticky>

  52.     <div style="margin:1.6rem auto 0;width: 95%;">

  53.       <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">附属设施</p>

  54.     </div>

  55.     <van-list

  56.       v-model:loading="loading"

  57.       :finished="finished"

  58.       finished-text="没有更多了"

  59.       :immediate-check="false"

  60.       @load="onRefreshFsss"

  61.     >

  62.     <van-swipe-cell v-for="(item,index) in fssslist" :key="'fsss'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;">

  63.       <div style="padding:15px;">

  64.         <p style="display: flex;align-items: center;">

  65.           <img src="../../assets/images/housesteadSurvey/add03.png" alt="" style="margin-right: 5px;">

  66.           <span style="line-height: 1;font-size: 16px;">{{ formatDict(fssslxList, item.fssslx) }}</span>

  67.         </p>

  68.         <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;">

  69.           <p style="flex:1;text-align:left;">建筑面积(㎡):</p>

  70.           <p  style="flex:1;text-align:right;">{{item.jzmj}}</p>

  71.         </div>

  72.         <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;">

  73.           <p style="flex:1;text-align:left;">建筑物情况:</p>

  74.           <p style="flex:1;text-align:right;">{{ formatDict(jzwqkList, item.jzwqk) }} </p>

  75.         </div>

  76.         <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;">

  77.           <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)">

  78.             <img src="../../assets/images/housesteadSurvey/add02.png" alt="">

  79.             <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;" >查看附属设施信息</span>

  80.           </p>

  81.         </div>

  82.       </div>

  83.       <template #right>

  84.         <van-row style="height: 100%">

  85.           <van-col style="height: 100%">

  86.             <van-button  square type="info" class="delete-button" style="position: relative;" @click="showUploadList(item.id)"><van-icon style="bottom: -3px;"  name="photo-o" size=".4rem" color="#FFFFFF"/>附件</van-button>

  87.           </van-col>

  88.           <van-col style="height: 100%">

  89.             <van-button v-show="permission == 'true'" square type="danger" class="delete-button" @click="deletefsss(item)"><img width="10px" src="../../assets/images/sunVillage_info/list_icon_7.png" alt="">删除</van-button>

  90.           </van-col>

  91.         </van-row>

  92.       </template>

  93.     </van-swipe-cell>

  94.     </van-list>

  95.     <div v-if="permission == 'true' " style=" width:95%;margin:20px auto;display: flex;justify-content: center;">

  96.       <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">

  97.         <p style="font-size: 16px;"  @click="showPopupAddzrz()">+ 添加附属设施信息</p>

  98.       </div>

  99.     </div>

  100.     <div  style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;">

  101.       <p v-if="showYcbj" style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;">

  102.         <span style="font-size: 14px;color: #fff;margin-left: 5px;"  @click="ycbj()">异常标记</span>

  103.       </p>

  104.       <p v-if="zjdzdxx.surveyStatus == '4'" style="width:32%;border: 1px solid transparent;background: #FFA500;padding: 5px 0;border-radius: 50px;">

  105.         <span style="font-size: 14px;color: #fff;margin-left: 5px;"  @click="bhyyLook()">驳回原因</span>

  106.       </p>

  107.       <p  v-if="showSh" style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;">

  108.         <span style="font-size: 14px;color: #fff;margin-left: 5px;"  @click="qmqr()">{{qzqr}}</span>

  109.       </p>

  110.       <p v-if = "showDcsh" style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;">

  111.         <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;"  @click="dcsh()">调查审核</span>

  112.       </p>

  113.     </div>

  114.     <div v-if = "showHd"  style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;">

  115.       <p  style="width:82%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;">

  116.         <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;"  @click="zcxd()">自查校对</span>

  117.       </p>

  118.     </div>

  119.     <van-popup v-model="showesign" closeable position="right" :style="{ height: '100%' }"

  120.                close-icon="close">

  121.       <van-row style="margin:0 10%">

  122.         <p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p>

  123.       </van-row>

  124.       <div class="signature-box" @mousedown="canvasTTdown" @touchstart="canvasTTdown">

  125.         <vue-esign

  126.           ref="esign"

  127.           class="mySign"

  128.           :width="500"

  129.           :height="height"

  130.           :isCrop="signature.isCrop"

  131.           :lineWidth="signature.lineWidth"

  132.           :lineColor="signature.lineColor"

  133.           :bgColor.sync="signature.bgColor"

  134.           v-if="zjdzdxx.surveyStatus != '3' && zjdzdxx.surveyStatus != '5' || !signature.resultImg && permission == 'true'"

  135.         />

  136.       </div>

  137.         <img src="../../assets/images/sunVillage_info/signature_icon_10.png" id="canvasTT"  v-if="zjdzdxx.surveyStatus != '3' && zjdzdxx.surveyStatus != '5' || !signature.resultImg && permission == 'true'"

  138.              style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)" alt="">

  139.         <img :src="signature.resultImg" alt="" width="100%" v-if="signature.resultImg && zjdzdxx.surveyStatus == '3' || zjdzdxx.surveyStatus == '5'"/>

  140.       <div class="signature-footer"  v-if="zjdzdxx.surveyStatus != '3' && zjdzdxx.surveyStatus != '5' || !signature.resultImg && permission == 'true'">

  141.           <van-button type="primary" round size="small" @click="handleReset">清空画板</van-button>

  142.           <van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button>

  143.       </div>

  144.     </van-popup>

  145.     <van-dialog v-model="ycbzShow" title="异常标记" show-cancel-button   confirmButtonText="保存" cancelButtonText="关闭" confirmButtonColor="#323233" :before-close="onBeforeClose" >

  146.       <van-form  ref="ycbzForm">

  147.       <van-row>

  148.         <van-col span="24">

  149.           <van-field v-model="zjdzdxx.surveyBz" label="异常备注" placeholder="异常备注" input-align="right" :rules="[{ required: true }]" required />

  150.         </van-col>

  151.         <van-col span="12">

  152.         <p style="margin-left: 10%;color: #646566;    font-size: 0.373333rem;">备注图片</p>

  153.         </van-col>

  154.         <van-col span="12">

  155.           <MultiImageUploadComp :value="zjdzdxx.surveyBztp" :uploadDisabled="false"  @fileUpdate="fileUpdate"/>

  156.         </van-col>

  157.       </van-row>

  158.       </van-form>

  159. 

  160.     </van-dialog>

  161. 

  162.     <van-dialog v-model="dcshShow" title="调查审核" show-cancel-button   confirmButtonText="保存" cancelButtonText="关闭" confirmButtonColor="#323233" :before-close="onBeforeCloseSh" >

  163.       <van-form  ref="dcshForm">

  164.         <van-row>

  165.           <van-col span="24">

  166.             <van-field v-model="zjddcsh.auditRemark" label="备注" placeholder="审核备注" input-align="right" />

  167.           </van-col>

  168.           <van-col span="8">

  169.             <p style="margin-left: 10%;color: #646566;    font-size: 0.373333rem;">审核</p>

  170.           </van-col>

  171.           <van-col span="16">

  172.             <van-radio-group v-model="zjddcsh.surveyStatus" direction="horizontal">

  173.               <van-radio name="5">通过</van-radio>

  174.               <van-radio name="4">驳回</van-radio>

  175.             </van-radio-group>

  176.           </van-col>

  177.         </van-row>

  178.       </van-form>

  179. 

  180.     </van-dialog>

  181.       <div class="gl_main" v-if="zcxdShow">

  182.         <div class="headers">

  183.           <div class="flex4">检查事项</div>

  184.           <img width="20px" style="left: 15px;" @click="onCloseMessage"  src="../../assets/images/homestead/searchBar_close_gray.png" alt="">

  185.         </div>

  186.         <div class="desc_main">

  187.           <ul class="analysisTable_list">

  188.             <!--1-->

  189.             <li v-for="(item,index) in inspectDataList"  class="flex_item">

  190.               <div class="flex4" >{{(index+1)+'、'+item}}</div>

  191.             </li>

  192.           </ul>

  193.         </div>

  194.       </div>

  195.     <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable

  196.                close-icon="close">

  197.       <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>

  198.       <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">

  199. 

  200.         <van-uploader accept="image/*" v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />

  201.       </div>

  202.       <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">

  203.         <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="qkClick">清空</van-button></van-col>

  204.         <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList(zjdId)">上传</van-button></van-col>

  205.       </van-row>

  206.     </van-popup>

  207.   </div>

  208. </template>

  209. 

  210. <script>

  211. import {attach} from "@/api/onlineHome/homestead/application";

  212. import {getZjdzd,updateZjdzd,zjddcSign,surveyInspectByZjddm} from "@/api/homesteadSurvey/zjdzd";

  213. import MapGisDrawing from "@/components/Map/MapGisDrawing";

  214. import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";

  215. import MultiImageUploadComp from "@/components/house/MultiImageUploadComp"

  216. import {uploadFile} from "@/api/homesteadSurvey/zjdzd";

  217. import {attachmentFind} from "@/api/sunVillage_info/homestead/application";

  218. import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval";

  219. import {base64Attach} from "@/api/user";

  220. import {Dialog} from "vant";

  221. import $ from "jquery";

  222. export default {

  223.   name: "homesteadAdd",

  224.   components: { MapGisDrawing,MultiImageUploadComp},

  225.   data() {

  226.     return {

  227.       active:4,

  228.       dcshShow:false,

  229.       showesign:false,

  230.       showDcsh:false,

  231.       qzqr:"签名确认",

  232.       showSh:false,

  233.       loading:false,

  234.       finished:false,

  235.       zcxdShow:false,

  236.       showYcbj:false,

  237.       showHd:false,

  238.       countyhc:1,

  239.       ycbzShow:false,

  240.       permission:false,

  241.       showImageList:false,

  242.       zjdId:null,

  243.       uploadImgList:[],

  244.       uploadImgList1:[],

  245.       inspectDataList:[],

  246.       bztp:"",

  247.       ycbz:"",

  248.       jzwqkList:[],

  249.       fssslxList:[],

  250.       zjdzdxx:{surveyStatus:"5"},

  251.       zjddcsh:{surveyStatus:"5",auditRemark:""},

  252.       fssslist:[],

  253.       //电子签名

  254.       signature: {

  255.         lineWidth: 6, // 画笔的线条粗细

  256.         lineColor: "#000000", // 画笔的颜色

  257.         bgColor: "", // 画布的背景颜色

  258.         resultImg: "", // 最终画布生成的base64图片

  259.         isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分

  260.       },

  261.     };

  262.   },

  263.   created(){

  264.     this.houseGetDicts("jzwqk").then((response) => {

  265.       this.jzwqkList = response.data;

  266.     });

  267.     this.houseGetDicts("fsss_type").then((response) => {

  268.       this.fssslxList = response.data;

  269.     });

  270. 

  271.     this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem"));

  272.     this.permission = localStorage.getItem("executePermission");

  273.     let businessLevel = this.$store.state.user.businessLevel;

  274.     if(this.zjdzdxx.surveySign != null){

  275.       this.signature.resultImg = this.$store.getters.baseRoutingUrl+this.zjdzdxx.surveySign;

  276.     }

  277.     if(this.zjdzdxx.id !== undefined){

  278.       getZjdzd(this.zjdzdxx.id).then((response) => {

  279.         if(response.data.surveyStatus === "3"  && businessLevel === "2"){

  280.           this.showDcsh =  true;

  281.         }

  282.         if(response.data.surveyStatus === "3"){

  283.           this.showHd =  true;

  284.         }

  285.         if(this.permission ==='true' && response.data.surveyStatus !== "3" && response.data.surveyStatus !== '5'){

  286.           this.showYcbj =  true;

  287.         }

  288.         if(response.data.surveyStatus === '5' || response.data.surveyStatus === '3'){

  289.           this.qzqr = "签名图片";

  290.         }else{

  291.           this.qzqr = "签名确认";

  292.         }

  293.         this.showSh =  true;

  294.       });

  295.       this.getList();

  296.     }

  297.     this.height = window.screen.height * 1.28 - 20;

  298.   },

  299.   mounted(){

  300. 

  301.   },

  302.   methods: {

  303.     getList(){

  304.       let params = {

  305.         zjddm:this.zjdzdxx.zjddm,

  306.         pageNum: this.countyhc+1,

  307.         pageSize:10,

  308.       }

  309.       listFsss(params).then(response => {

  310.         this.fssslist = response.rows;

  311.         if(response.rows.length>0&&response.rows.length<response.total){

  312.           this.countyhc++

  313.           this.loading = false

  314.         }else{

  315.           this.loading = false

  316.           this.finished = true

  317.         }

  318.       });

  319.     },

  320.     fileUpdate(val){

  321.       this.$set(this.zjdzdxx, 'surveyBztp',val.path);

  322.     },

  323.     canvasTTdown() {

  324.       $('#canvasTT').css('display', 'none');

  325.     },

  326.     bhyyLook(){

  327.       if(this.zjdzdxx.auditRemark !== null && this.zjdzdxx.auditRemark !== ''){

  328.         Dialog({ type: 'success', message: this.zjdzdxx.auditRemark });

  329.       }else{

  330.         Dialog({ type: 'success', message: "无"});

  331.       }

  332.     },

  333.     onBeforeCloseSh(action, done){

  334.       if (action === 'confirm') {

  335.         if(this.zjddcsh.surveyStatus === '4' || this.zjddcsh.surveyStatus === '5') {

  336.           let surveyItem = JSON.parse(localStorage.getItem("surveyItem"));

  337.           this.$set(this.zjddcsh, 'surveyId', surveyItem.id);

  338.         }

  339.         this.$set(this.zjddcsh, 'id', this.zjdzdxx.id);

  340.           updateZjdzd(this.zjddcsh).then(response => {

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

  342.               let _this =this

  343.               _this.$toast({

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

  345.                 message: '保存成功',

  346.                 duration:"1000",

  347.                 onClose:function(){

  348.                   _this.dcshShow = false;

  349.                   _this.goRightBack();

  350.                 }

  351.               })

  352.             }

  353.           });

  354.       } else {

  355.         return done();

  356.       }

  357. 

  358.     },

  359.     onRefreshFsss(){

  360.       if(this.loading){

  361.         let params = {

  362.           zjddm:this.zjdzdxx.zjddm,

  363.           pageNum: this.countyhc+1,

  364.           pageSize:10,

  365.         }

  366.         listFsss(params).then(response => {

  367.           if(response.rows.length>0&&response.rows.length<response.total){

  368.             response.rows.map(res => {

  369.               this.fssslist.push(res)

  370.             })

  371.             this.countyhc++

  372.             this.loading = false

  373.           }else{

  374.             this.loading = false

  375.             this.finished = true

  376.           }

  377.         });

  378.       }

  379.     },

  380.     goRightBack(){

  381.       this.$router.push({path:'/homesteadSurvey/list'});

  382.     },

  383.     onCloseMessage(){

  384.       this.zcxdShow = false;

  385.     },

  386.     // 清空画板

  387.     handleReset() {

  388.       this.resultImg = null

  389.       if(this.$refs.esign){

  390.         this.$refs.esign.reset();

  391.       }

  392.       $('#canvasTT').css('display', 'block')

  393.     },

  394.     // 生成签字图

  395.     handleGenerate() {

  396.       console.info( this.$refs.esign

  397.         .generate() );

  398.       this.$refs.esign

  399.         .generate() // 使用生成器调用把签字的图片转换成为base64图片格式

  400.         .then((res) => {

  401.           this.signature.resultImg = res;

  402.           let wj = this.dataURLtoBlob(res);

  403.           let surveyItem = JSON.parse(localStorage.getItem("surveyItem"));

  404.           let param = new FormData()  // 创建form对象

  405.           param.append('file', wj)  // 通过append向form对象添加数据

  406.           param.append('id', surveyItem.id)

  407.           zjddcSign(param, this.zjdzdxx.zjddm,surveyItem.id).then(response => {

  408.             this.$notify({type: 'success', message: '签字成功'});

  409.             getZjdzd(this.zjdzdxx.id).then((response) => {

  410.               localStorage.setItem("zjdzdxxItem",JSON.stringify(response.data))

  411.               location.reload();

  412.             });

  413.           });

  414. 

  415.         })

  416.         .catch((err) => {

  417.           // 画布没有签字时会执行这里提示一下

  418.           this.$toast.fail('请签名后再保存签字');

  419.         });

  420.     },

  421.     formatDict(dict, value) {

  422.       return this.selectDictLabel(dict, value);

  423.     },

  424.     dataURLtoBlob (dataurl, filename = 'file') {

  425.       let arr = dataurl.split(',')

  426.       let mime = arr[0].match(/:(.*?);/)[1]

  427.       let suffix = mime.split('/')[1]

  428.       let bstr = atob(arr[1])

  429.       let n = bstr.length

  430.       let u8arr = new Uint8Array(n)

  431.       while (n--) {

  432.         u8arr[n] = bstr.charCodeAt(n)

  433.       }

  434.       return new File([u8arr], `${filename}.${suffix}`, {

  435.         type: mime

  436.       })

  437.     },

  438.     goBack(){

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

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

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

  442.         }else{

  443.           this.backMap.backMapZjdAData = this.form;

  444.         }

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

  446.       } else {

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

  448.       }

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

  450.       // }

  451.     },

  452.     showPopupzrz(item){     this.$router.push({name:'fsssAdd',query:item});},

  453.     showPopupAddzrz(){

  454.       this.$router.push({name:'fsssAdd',query:{zjddm:this.zjdzdxx.zjddm}});

  455.     },

  456.     deletefsss(val){

  457.       const ids = val.id || this.ids;

  458.       Dialog.confirm({

  459.         title: '系统提示',

  460.         message: '是否确认删除附属物的数据项?',

  461.         confirmButtonText: '确定',

  462.         cancelButtonText: '取消'

  463.       })

  464.         .then(function() {

  465.           return delFsss(ids);

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

  467.         this.$notify({ type: 'success' , message: "删除成功" });

  468.         location.reload(true);

  469.       }).catch(() => {});

  470.     },

  471.     qmqr(){

  472.       if(this.zjdzdxx.surveySign != null){

  473.         this.signature.resultImg = this.$store.getters.baseRoutingUrl+this.zjdzdxx.surveySign;

  474.       }

  475.       this.showesign = true;

  476.     },

  477.     ycbj(){

  478.       this.ycbzShow = true;

  479.     },

  480.     //自查校对

  481.     zcxd(){

  482.       this.$toast.loading({

  483.         message: "数据校对中",

  484.         forbidClick: true,

  485.         duration: 100000,

  486.       });

  487.       surveyInspectByZjddm(this.zjdzdxx.zjddm).then(response => {

  488.         this.inspectDataList = response.data;

  489.         this.$toast.clear();

  490.         this.zcxdShow = true;

  491.       });

  492.     },

  493.     // van-dialog 点击confirm事件不自动关闭

  494.     onBeforeClose(action, done) {

  495.       if (action === 'confirm') {

  496.         this.$refs.ycbzForm.validate().then(() => {

  497.           this.$set(this.zjdzdxx, 'surveyStatus', "2");

  498.           updateZjdzd(this.zjdzdxx).then(response => {

  499.             localStorage.setItem("zjdzdxxItem",JSON.stringify(this.zjdzdxx));

  500.             let _this =this

  501.             this.$toast({

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

  503.               message: '保存成功',

  504.               duration:"1000",

  505.               onClose:function(){

  506.                 _this.getList();

  507.               }

  508.             })

  509.             return done(true);

  510.           });

  511.         }).catch(() => {

  512.           return done(false);

  513.         });

  514.       } else {

  515.         return done();

  516.       }

  517.     },

  518.     dcsh(){

  519.       this.$set(this.zjdzdxx, 'surveyStatus', "5");

  520.       this.dcshShow = true;

  521.     },

  522.     showUploadList(id){

  523.       this.getAttachments(id);

  524.       this.showImageList = true;

  525.       this.zjdId = id;

  526.     },

  527.     getAttachments(id) {

  528.       this.uploadImgList = [];

  529.       let cond = {

  530.         tableId: id,

  531.         tableName: 't_homestead_fsss',

  532.         fileType: 0,

  533.       };

  534.       attachmentFind(cond).then(resp => {

  535.         this.uploadImgList = resp.data.map(function(item){

  536.           return {id:item.id,url:'/api'+item.fileUrl,isImage: true}

  537.         });

  538.       });

  539.     },

  540.     deleteFileImageList(file){

  541.       if(file.id !== undefined ){

  542.         systemAttachment(file.id);

  543.       }

  544.     },

  545.     // 图片上传前

  546.     beforeReadImageList(file){

  547.       let _this = this;

  548.       if(file.length!=undefined){

  549.         file.map(res => {

  550.           let zjddm = res.file.name

  551.           //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));

  552.           // 创建Canvas对象(画布)

  553.           let canvas =  document.createElement('canvas')

  554.           // 获取对应的CanvasRenderingContext2D对象(画笔)

  555.           let context = canvas.getContext('2d')

  556.           // 创建新的图片对象

  557.           let img = new Image()

  558.           // 指定图片的DataURL(图片的base64编码数据)

  559.           img.src = res.content

  560.           // 监听浏览器加载图片完成，然后进行进行绘制

  561.           img.onload = () => {

  562.             /*const h = img.height

  563.             const w = img.width*/

  564.             let ch = img.height/5

  565.             let cw = img.width/5

  566.             let canvas = document.createElement('canvas')

  567.             let ctx = canvas.getContext('2d')

  568.             canvas.height = ch

  569.             canvas.width = cw

  570.             ctx.clearRect(0,0,cw,ch)

  571.             ctx.drawImage(img,0,0,cw,ch)

  572.             let base_img = canvas.toDataURL('image/jpeg')

  573.             let blobBin = atob(base_img.split(',')[1])

  574.             let d = []

  575.             for (let i=0;i<blobBin.length;i++){

  576.               d.push(blobBin.charCodeAt(i))

  577.             }

  578.             let data2 = new FormData();

  579.             data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));

  580.             uploadFile(data2);

  581.           }

  582.         })

  583.       }else{

  584.         let zjddm = file.file.name

  585.         //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));

  586.         // 创建Canvas对象(画布)

  587.         let canvas =  document.createElement('canvas')

  588.         // 获取对应的CanvasRenderingContext2D对象(画笔)

  589.         let context = canvas.getContext('2d')

  590.         // 创建新的图片对象

  591.         let img = new Image()

  592.         // 指定图片的DataURL(图片的base64编码数据)

  593.         img.src = file.content

  594.         // 监听浏览器加载图片完成，然后进行进行绘制

  595.         img.onload = () => {

  596.           /*const h = img.height

  597.           const w = img.width*/

  598.           let ch = img.height/5

  599.           let cw = img.width/5

  600.           let canvas = document.createElement('canvas')

  601.           let ctx = canvas.getContext('2d')

  602.           canvas.height = ch

  603.           canvas.width = cw

  604.           ctx.clearRect(0,0,cw,ch)

  605.           ctx.drawImage(img,0,0,cw,ch)

  606.           let base_img = canvas.toDataURL('image/jpeg')

  607.           let blobBin = atob(base_img.split(',')[1])

  608.           let d = []

  609.           for (let i=0;i<blobBin.length;i++){

  610.             d.push(blobBin.charCodeAt(i))

  611.           }

  612.           let data2 = new FormData();

  613.           data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));

  614.           uploadFile(data2);

  615.         }

  616.       }

  617. 

  618.     },

  619.     qkClick(){

  620.       this.uploadImgList1 = this.uploadImgList;

  621.       for(let i = 0; i < this.uploadImgList1.length; i++){

  622.         if(this.uploadImgList[i].id !== undefined ){

  623.           systemAttachment(this.uploadImgList[i].id);

  624.         }

  625.       }

  626.       this.uploadImgList = [];

  627.     },

  628.     submitUploadList(val){

  629.       let f = []

  630.       for (let i of this.uploadImgList){

  631.         if(i.content !== undefined){

  632.           f.push(i.content)

  633.         }

  634.       }

  635.       if(f.length === 0){

  636.         return this.$toast.fail("请上传照片");

  637.       }

  638.       this.$toast.loading({

  639.         message: "数据处理中",

  640.         forbidClick: true,

  641.         duration: 10000000000,

  642.       });

  643.       let _this = this;

  644.       let file = {

  645.         tableId:val,

  646.         tableName:"t_homestead_fsss",

  647.         bizPath:"upload",

  648.         fileType:"0",

  649.         files: f

  650.       };

  651.       base64Attach(file).then((resp) => {

  652.         this.$toast({

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

  654.           message: '上传成功',

  655.           duration:"1000",

  656.           onClose:function(){

  657.             _this.showImageList = false

  658.           }

  659.         })

  660.       });

  661.     },

  662.   }

  663. }

  664. </script>

  665. 

  666. <style scoped >

  667. >>> .bannerBg{

  668.   width: 100%;

  669.   color:#fff;

  670.   padding:10px;

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

  672. }

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

  674.   border-bottom-width: 0;

  675. }

  676. >>> .title:before

  677. {

  678.   content:"";

  679.   width: 6px;

  680.   height: 20PX;

  681.   background: #7ac943;

  682.   border-radius: 3px;

  683.   position:absolute;

  684.   left:0;

  685.   bottom:0;

  686. }

  687. >>> .delete-button {

  688.   height: 100%;

  689. }

  690. >>> .van-swipe-cell__wrapper{

  691.   margin-right:-3px;

  692. }

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

  694.   font-weight: bold;

  695. }

  696. /deep/ .van-nav-bar__text {

  697.   color: #fff;

  698. }

  699. .signature-footer {

  700.   transform: rotate(90deg);

  701.   width: auto;

  702.   position: absolute;

  703.   top: 50%;

  704.   left: 0px;

  705. 

  706. }

  707. .clearBtn {

  708.   margin-left: 15px;

  709. }

  710. 

  711. .flex4 {

  712.   flex: 1;

  713.   margin-left: 10px;

  714.   overflow: hidden; /*超出部分隐藏*/

  715.   white-space: nowrap; /*不换行*/

  716.   text-overflow: ellipsis; /*超出部分文字以...显示*/

  717. }

  718. .gl_main{

  719.   margin-top: .8vh;

  720.   height: 48.15vh;

  721.   background-color: #fff;

  722. }

  723. .gl_main .headers {

  724.   position: relative;

  725.   height: 3.24vh;

  726.   color: #515a6e;

  727.   font-weight: bold;

  728.   text-align: left;

  729.   display: flex;

  730.   justify-content: center;

  731.   align-items: center;

  732.   background: #D3D3D3;

  733.   padding-right: 0.53vw;

  734.   margin-bottom: 1vh;

  735. }

  736. .gl_main  .desc_main{

  737.   height: 45.5vh;

  738.   overflow-y: scroll;

  739.   padding-right: 0.3vw;

  740.   box-sizing:border-box;

  741. }

  742. .gl_main  .desc_main   {

  743.   margin: 0;

  744.   padding: 0;

  745.   flex: 1;

  746.   display: flex;

  747.   flex-direction: column;

  748. }

  749. .gl_main .desc_main .analysisTable_list .flex_item {

  750.   height: 3.77vh;

  751.   list-style: none;

  752.   margin: 0;

  753.   display: flex;

  754.   justify-content: center;

  755.   align-items: center;

  756.   text-align: left;

  757.   color: #000000;

  758.   position: relative;

  759. }

  760. </style>