style:宗地基本信息

@@ -17,8 +17,9 @@
     <div class="thumb-wrap">
       <div class="thumb-wrap-button">
         <el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
-        <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
-          :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
+        <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
+          :on-change="handleChange"
+          accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
           <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype">上传</el-button>
         </el-upload>
         <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" v-if="!this.$route.query.viewtype">删除</el-button>
@@ -36,10 +37,10 @@
   </div>
 </template>
 <script>
-import PhotoZoom from '@/components/PhotoZoom'
-import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
-import publicPicture from '@/components/publicPicture/index.vue'
-export default {
+  import PhotoZoom from '@/components/PhotoZoom'
+  import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
+  import publicPicture from '@/components/publicPicture/index.vue'
+  export default {
     name: 'PreviewImage',
     props: {
       previewImg: {
@@ -57,6 +58,7 @@ export default {
           scale: 1,
           degree: 0
         },
+        maxLength: 0,
         // 缩略图
         thumbnailImages: [],
         showViewer: false,
@@ -74,6 +76,7 @@ export default {
       }
     },
     created () {
+      this.maxLength = 0;
       this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
       this.thumbnailImages = this.previewImg.imgList
     },
@@ -129,21 +132,32 @@ export default {
         this.imgHidden = (isJPG || isJPEG || isPNG || isGIF) && isLt5M
         return this.imgHidden
       },
-    async handleChange (file) {
-      let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index])
-      var formdata = new FormData();
-      formdata.append("file", file.raw);
-      formdata.append("bsmSj", this.previewImg.bsmSj);
-      formdata.append("bsmSlsq", this.previewImg.bsmSlsq);
-      uploadSjClmx(formdata).then((res) => {
+      async handleChange (file, files) {
+        // 清空 fileList 数组
+        let length = files.length;
+        this.maxLength = Math.max(length, this.maxLength)
+        this.$refs.upload.clearFiles();
+        setTimeout(() => {
+          if (length !== this.maxLength) return
+          console.log(files);
+          // let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index])
+          var formData = new FormData();
+          files.forEach(file => {
+            formData.append('file', file.raw)
+          })
+          formData.append("bsmSj", this.previewImg.bsmSj);
+          formData.append("bsmSlsq", this.previewImg.bsmSlsq);
+          uploadSjClmx(formData).then((res) => {
             if (res.code == 200) {
               this.$emit('updateList', res.result)
               this.$message({
                 message: '上传成功!',
                 type: 'success'
               })
+
             }
           })
+        })
       },
       handleDelete () {
         let that = this
@@ -170,12 +184,11 @@ export default {
         })
       }
     }
-}
+  }
 </script>
-
 <style lang="scss" scoped>
-// 查看大图
-.rlPopup {
+  // 查看大图
+  .rlPopup {
     position: relative;
     width: 100%;
     text-align: center;
@@ -204,7 +217,6 @@ export default {
       background-color: rgb(185, 183, 183);
     }
 
-
     .prev {
       left: 1%;
     }
@@ -269,29 +281,29 @@ export default {
         border-color: #409eff;
       }
     }
-}
+  }
 </style>
 <style>
-.zoom-on-hover {
+  .zoom-on-hover {
     position: relative;
     overflow: hidden;
-}
+  }
 
-.zoom-on-hover .normal {
+  .zoom-on-hover .normal {
     width: 100%;
-}
+  }
 
-.zoom-on-hover .zoom {
+  .zoom-on-hover .zoom {
     position: absolute;
     opacity: 0;
     transform-origin: top left;
-}
+  }
 
-.zoom-on-hover.zoomed .zoom {
+  .zoom-on-hover.zoomed .zoom {
     opacity: 1;
-}
+  }
 
-.zoom-on-hover.zoomed .normal {
+  .zoom-on-hover.zoomed .normal {
     opacity: 0;
-}
+  }
 </style>

@@ -39,7 +39,7 @@
       </tr>
       <tr>
         <td>权利设定方式</td>
-        <td>{{ zdjbxx.qlsdfs }}</td>
+        <td>{{zdjbxx.qlsdfs | qlsdfs}}</td>
         <td>容积率</td>
         <td>{{ zdjbxx.rjl }}</td>
       </tr>
@@ -122,16 +122,15 @@
         <td>{{ zdbhqks[0].dbr }}</td>
       </tr> -->
 
-
-
     </table>
   </div>
 </template>
 
 <script>
-import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
+  import store from '@/store/index.js'
+  import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
 
-export default {
+  export default {
     data () {
       return {
         bhqkColumns: [
@@ -176,6 +175,15 @@ export default {
         bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
       };
     },
+    filters: {
+      qlsdfs: function (value) {
+        const foundItem = store.getters.dictData['A10'].find(item => item.dcode === String(value));
+        if (foundItem) {
+          console.log(foundItem.dname, 'foundItem.dname');
+          return foundItem.dname;
+        }
+      }
+    },
     created () {
       this.loadData();
     },
@@ -192,9 +200,9 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/tablecss.scss";
+  @import "~@/styles/tablecss.scss";
 </style>

@@ -36,11 +36,11 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import clxxAddDialog from "./clxxAddDialog.vue";
-import imagePreview from '@/views/components/imagePreview.vue'
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
-export default {
+  import { mapGetters } from "vuex";
+  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
+  import imagePreview from '@/views/components/imagePreview.vue'
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
+  export default {
     components: { clxxAddDialog, imagePreview },
     data () {
       return {
@@ -239,7 +239,7 @@ export default {
           formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
           formdata.append("bsmSlsq", this.$parent.bsmSlsq);
           InitClml(formdata).then((res) => {
-          if(res.result.code == 200){
+            if (res.result.code == 200) {
               resolve(res.code)
               if (res.result.result && res.result.result.length > 0) {
                 this.tableData = res.result.result;
@@ -251,7 +251,7 @@ export default {
                 this.previewImg.imgList = this.tableData[0]?.children;
                 this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
               }
-          }else{
+            } else {
               this.$message.error(res.result.message)
             }
           })
@@ -401,27 +401,27 @@ export default {
         }
       },
     },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.active {
+  .active {
     background: $light-blue !important;
     color: #fff;
-}
+  }
 
-.required {
+  .required {
     font-size: 12px;
     color: $pink;
     float: left;
-}
+  }
 
-.cl_number {
+  .cl_number {
     float: right;
-}
+  }
 
-.clxx {
+  .clxx {
     width: 100%;
     display: flex;
     padding-left: 5px;
@@ -436,7 +436,7 @@ export default {
         width: 28px;
         height: 49%;
         @include flex-center;
-      background-color: #E4E7ED;
+        background-color: #e4e7ed;
         border-bottom-right-radius: 10px;
         padding: 5px;
         cursor: pointer;
@@ -479,7 +479,6 @@ export default {
           border-right: 1px dotted #d9d9d9;
           padding: 0 15px;
 
-
           .item {
             line-height: 30px;
             padding-top: 5px;
@@ -528,5 +527,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>
\ No newline at end of file

@@ -24,18 +24,18 @@
       </div>
     </div>
     <clxxAddDialog v-model="isDialog" />
-    <clxxDetailDialog v-model="detailDialog" :data="tableData"/>
+    <clxxDetailDialog v-model="detailDialog" :data="tableData" />
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import clxxAddDialog from "./clxxAddDialog.vue";
-import clxxDetailDialog from "./clxxDetailDialog.vue";
-import imagePreview from '@/views/components/imagePreview.vue'
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
-import { popupDialog } from "@/utils/popup.js";
-export default {
-  components: { clxxAddDialog, imagePreview,clxxDetailDialog },
+  import { mapGetters } from "vuex";
+  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
+  import clxxDetailDialog from "./clxxDetailDialog.vue";
+  import imagePreview from '@/views/components/imagePreview.vue'
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
+  import { popupDialog } from "@/utils/popup.js";
+  export default {
+    components: { clxxAddDialog, imagePreview, clxxDetailDialog },
     data () {
       return {
         isDialog: false,
@@ -91,24 +91,24 @@ export default {
           formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
           formdata.append("bsmSlsq", this.$parent.bsmSlsq);
           InitClml(formdata).then((res) => {
-          if(res.code == 200){
+            if (res.code == 200) {
               resolve(res.code)
               if (res.result && res.result.length > 0) {
                 this.tableData = res.result;
-              if(type == 1){
-                this.treeClick(this.tableData[0],0);
-              }else{
+                if (type == 1) {
+                  this.treeClick(this.tableData[0], 0);
+                } else {
                   //新增材料后刷新列表焦点置于新增的对象上
-                this.treeClick(this.tableData[this.tableData.length - 1],this.tableData.length - 1);
+                  this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
                 }
               }
-          }else{
+            } else {
               this.$message.error(res.message)
             }
           })
         })
       },
-    setChecked(item){
+      setChecked (item) {
         this.treeCheckId = item.bsmSj;
         this.title = item.sjmc;
         this.titleYs = 1;
@@ -192,37 +192,37 @@ export default {
         }
       },
       //查看明细
-    viewDetail(){
+      viewDetail () {
         this.detailDialog = true;
       },
       //设置tableData
-    setTableData(tableData){
+      setTableData (tableData) {
         this.$nextTick(res => {
           this.tableData = tableData;
         })
       },
     },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.active {
+  .active {
     background: $light-blue !important;
     color: #fff;
-}
+  }
 
-.required {
+  .required {
     font-size: 12px;
     color: $pink;
     float: left;
-}
+  }
 
-.cl_number {
+  .cl_number {
     float: right;
-}
+  }
 
-.clxx {
+  .clxx {
     width: 100%;
     display: flex;
     padding-left: 5px;
@@ -237,7 +237,7 @@ export default {
         width: 28px;
         height: 49%;
         @include flex-center;
-      background-color: #E4E7ED;
+        background-color: #e4e7ed;
         border-bottom-right-radius: 10px;
         padding: 5px;
         cursor: pointer;
@@ -280,7 +280,6 @@ export default {
           border-right: 1px dotted #d9d9d9;
           padding: 0 15px;
 
-
           .item {
             line-height: 30px;
             padding-top: 5px;
@@ -329,5 +328,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-09 09:20:10
+-->
 <template>
   <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
     :isFullscreen="false">
@@ -24,8 +29,8 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-export default {
+  import { mapGetters } from "vuex";
+  export default {
     props: {
       value: { type: Boolean, default: false },
     },
@@ -56,16 +61,20 @@ export default {
       },
       handleSubmit () {
         this.$parent.addSave(this.ruleForm);
+        this.ruleForm = {
+          cllx: "",
+          clmc: "",
+        }
         this.$emit("input", false);
       },
     },
-};
+  };
 </script>
 <style scoped lang="scss">
-.submit-button {
+  .submit-button {
     text-align: center;
     height: 52px;
     padding-top: 10px;
     background-color: #fff;
-}
+  }
 </style>