style:宗地基本信息

renchao@pashanhoo.com
Showing 5 changed files with 117 additions and 90 deletions
src/views/components/imagePreview.vue
src/views/registerBook/zdjbxx.vue
src/views/workflow/components/clxx.vue
src/views/workflow/components/clxxUnify.vue
src/views/workflow/components/clxxAddDialog.vue → src/views/workflow/components/dialog/clxxAddDialog.vue
--- a/src/views/components/imagePreview.vue
View file @4f6c430
+++ b/src/views/components/imagePreview.vue
View file @4f6c430
@@ -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"
+        <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">
+          :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 PhotoZoom from '@/components/PhotoZoom'
-import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
+  import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
-import publicPicture from '@/components/publicPicture/index.vue'
+  import publicPicture from '@/components/publicPicture/index.vue'
-export default {
+  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) {
+      async handleChange (file, files) {
-      let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index])
+        // 清空 fileList 数组
-      var formdata = new FormData();
+        let length = files.length;
-      formdata.append("file", file.raw);
+        this.maxLength = Math.max(length, this.maxLength)
-      formdata.append("bsmSj", this.previewImg.bsmSj);
+        this.$refs.upload.clearFiles();
-      formdata.append("bsmSlsq", this.previewImg.bsmSlsq);
+        setTimeout(() => {
-      uploadSjClmx(formdata).then((res) => {
+          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>
--- a/src/views/registerBook/zdjbxx.vue
View file @4f6c430
+++ b/src/views/registerBook/zdjbxx.vue
View file @4f6c430
@@ -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>
--- a/src/views/workflow/components/clxx.vue
View file @4f6c430
+++ b/src/views/workflow/components/clxx.vue
View file @4f6c430
@@ -36,11 +36,11 @@
  </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
+  import { mapGetters } from "vuex";
-import clxxAddDialog from "./clxxAddDialog.vue";
+  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
-import imagePreview from '@/views/components/imagePreview.vue'
+  import imagePreview from '@/views/components/imagePreview.vue'
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
-export default {
+  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
--- a/src/views/workflow/components/clxxUnify.vue
View file @4f6c430
+++ b/src/views/workflow/components/clxxUnify.vue
View file @4f6c430
@@ -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 { mapGetters } from "vuex";
-import clxxAddDialog from "./clxxAddDialog.vue";
+  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
-import clxxDetailDialog from "./clxxDetailDialog.vue";
+  import clxxDetailDialog from "./clxxDetailDialog.vue";
-import imagePreview from '@/views/components/imagePreview.vue'
+  import imagePreview from '@/views/components/imagePreview.vue'
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
-import { popupDialog } from "@/utils/popup.js";
+  import { popupDialog } from "@/utils/popup.js";
-export default {
+  export default {
-  components: { clxxAddDialog, imagePreview,clxxDetailDialog },
+    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){
+                if (type == 1) {
-                this.treeClick(this.tableData[0],0);
+                  this.treeClick(this.tableData[0], 0);
-              }else{
+                } 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
--- a/src/views/workflow/components/clxxAddDialog.vue → src/views/workflow/components/dialog/clxxAddDialog.vue
View file @4f6c430
+++ b/src/views/workflow/components/clxxAddDialog.vue → src/views/workflow/components/dialog/clxxAddDialog.vue
View file @4f6c430
+<!--
+ * @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";
+  import { mapGetters } from "vuex";
-export default {
+  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>