Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

@@ -5,4 +5,4 @@ NODE_ENV=development
 VUE_APP_BASE_API = '/bdcdj'
 VUE_APP_BASE_API = '/bdcdj'
 
 
 # 开发环境
 # 开发环境
-VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'
+VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018'

@@ -57,3 +57,18 @@ export function getWorkFlowImage (bsmSlsq) {
         }
         }
     })
     })
 }
 }
+// 上传单个文件 
+export function sjClmxUpload (data) {
+    return request({
+        url: 'zhcx/sjClmx/upload',
+        method: 'post',
+        data
+    })
+}
+// 删除上传文件
+export function sjClmxDelete (bsmClmx) {
+    return request({
+        url: 'zhcx/sjClmx/delete?bsmClmx=' + bsmClmx,
+        method: 'delete'
+    })
+}
\ No newline at end of file

@@ -3,7 +3,6 @@ import Popup from './index.vue'
 
 
 const PopupBox = Vue.extend(Popup)
 const PopupBox = Vue.extend(Popup)
 Popup.install = function (data) {
 Popup.install = function (data) {
-  console.log(data)
   let instance = new PopupBox({
   let instance = new PopupBox({
     data
     data
   }).$mount()
   }).$mount()

@@ -2,8 +2,8 @@
   <transition name="fade" mode="out-in" v-if="isShow">
   <transition name="fade" mode="out-in" v-if="isShow">
     <div class="ls-mask" v-loading="loading">
     <div class="ls-mask" v-loading="loading">
       <div class="ls-mask-window" :style="{'width':width,'height':height}">
       <div class="ls-mask-window" :style="{'width':width,'height':height}">
-          <div :style="{'text-align':titleStyle}"><b >{{title}}</b></div>
-          <i class="el-icon-close" @click="onCancel" ></i>
+        <div :style="{'text-align':titleStyle}"><b>{{title}}</b></div>
+        <i class="el-icon-close" @click="onCancel"></i>
         <div class="ls-mask-content">
         <div class="ls-mask-content">
           <component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' />
           <component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' />
         </div>
         </div>
@@ -14,9 +14,9 @@
       </div>
       </div>
     </div>
     </div>
   </transition>
   </transition>
-  </template>
-  <script>
-    export default {
+</template>
+<script>
+export default {
   name: 'index',
   name: 'index',
   data () {
   data () {
     return {
     return {
@@ -25,20 +25,20 @@
       confirmText: '确认',
       confirmText: '确认',
       isSync: false,
       isSync: false,
       isShow: false,
       isShow: false,
-          cancel: function () {},
-          confirm: function () {},
-          editItem:"",
-          titleStyle:'',
-          width:"75%",
-          height:"500px",
-          formData:"",//父组件传递的参数 负责传给子组件
+      cancel: function () { },
+      confirm: function () { },
+      editItem: "",
+      titleStyle: 'center',
+      width: "75%",
+      height: "500px",
+      formData: "",//父组件传递的参数 负责传给子组件
     }
     }
   },
   },
-      props:{
+  props: {
     loading: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
   },
   },
-      watch:{
-          isShow(a,b){
+  watch: {
+    isShow (a, b) {
       this.editItem = this.loadViewFn(this.editItem)
       this.editItem = this.loadViewFn(this.editItem)
     },
     },
   },
   },
@@ -50,14 +50,14 @@
     onConfirm () {
     onConfirm () {
       this.loading = true
       this.loading = true
       let isOk = this.$refs.childRef.childFn()  //子组件方法 必须命名一致
       let isOk = this.$refs.childRef.childFn()  //子组件方法 必须命名一致
-            if(isOk || isOk==undefined){ //如果子组件没有 return false 就代表子组件方法一切正常
+      if (isOk || isOk == undefined) { //如果子组件没有 return false 就代表子组件方法一切正常
         this.isShow = false
         this.isShow = false
         this.confirm()
         this.confirm()
-            }else{ //否则
+      } else { //否则
         console.log('弹窗不关闭')
         console.log('弹窗不关闭')
       }
       }
     },
     },
-        loadingFn(e){ //加载状态
+    loadingFn (e) { //加载状态
       this.loading = e
       this.loading = e
     },
     },
     loadViewFn (view) {
     loadViewFn (view) {
@@ -67,56 +67,63 @@
         );
         );
     },
     },
   }
   }
-    }
-  </script>
-  <style scoped>
-    #app{
+}
+</script>
+<style scoped>
+#app {
   overflow: hidden;
   overflow: hidden;
-    }
-    .ls-mask{
+}
+
+.ls-mask {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   z-index: 2001;
   z-index: 2001;
   position: fixed;
   position: fixed;
   left: 0;
   left: 0;
   top: 0;
   top: 0;
-      background: rgba(0,0,0,0.3);
-    }
-    .ls-mask-window{
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.ls-mask-window {
   padding-top: 20px;
   padding-top: 20px;
   background: white;
   background: white;
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
   top: 50%;
   top: 50%;
-      transform: translate(-50%,-50%);
-    }
-    .ls-mask-window b{
+  transform: translate(-50%, -50%);
+}
+
+.ls-mask-window b {
   padding-left: 12px;
   padding-left: 12px;
-    }
-    .ls-mask-content{
+}
+
+.ls-mask-content {
   padding: 20px;
   padding: 20px;
   text-align: center;
   text-align: center;
-    }
-    .ls-mask-footer{
+}
+
+.ls-mask-footer {
   height: 45px;
   height: 45px;
   border-top: 1px solid #f0f0f0;
   border-top: 1px solid #f0f0f0;
   display: flex;
   display: flex;
-      justify-content: end;
+  justify-content: flex-end;
   padding: 2px;
   padding: 2px;
   position: absolute;
   position: absolute;
   width: 98%;
   width: 98%;
   bottom: 10px;
   bottom: 10px;
   right: 12px;
   right: 12px;
-    }
-  /deep/.el-icon-close{
+}
+
+/deep/.el-icon-close {
   position: absolute;
   position: absolute;
   top: 20px;
   top: 20px;
   right: 12px;
   right: 12px;
   font-size: 20px;
   font-size: 20px;
   cursor: pointer;
   cursor: pointer;
-  }
-  /deep/.el-loading-mask{
+}
+
+/deep/.el-loading-mask {
   background: none;
   background: none;
-  }
-  </style>
+}
+</style>
   
   
\ No newline at end of file

@@ -29,7 +29,7 @@ export const constantRoutes = [
   // 业务流程框架
   // 业务流程框架
   {
   {
     path: '/workFrame',
     path: '/workFrame',
-    component: () => import('@/views/ywbl/fqsq/workFrame.vue'),
+    component: () => import('@/views/workflow/workFrame.vue'),
     name: 'workFrame',
     name: 'workFrame',
     hidden: true,
     hidden: true,
     meta: { title: '发起申请' }
     meta: { title: '发起申请' }

@@ -218,7 +218,7 @@ aside {
 }
 }
 
 
 .width100 {
 .width100 {
-  width: 100%!important;
+  width: 100% !important;
 }
 }
 
 
 .sub-navbar {
 .sub-navbar {
@@ -327,10 +327,17 @@ aside {
 .allow,
 .allow,
 .prohibit {
 .prohibit {
   position: relative;
   position: relative;
-  width: 60px;
   margin: 0 auto;
   margin: 0 auto;
 }
 }
 
 
+.allow {
+  color: $green;
+}
+
+.prohibit {
+  color: $pink;
+}
+
 .allow::before {
 .allow::before {
   content: '';
   content: '';
   position: absolute;
   position: absolute;

@@ -18,6 +18,7 @@
         display: flex;
         display: flex;
         font-size: 12px;
         font-size: 12px;
         flex-wrap: wrap;
         flex-wrap: wrap;
+        line-height: 36px;
 
 
         span {
         span {
             display: flex;
             display: flex;
@@ -39,6 +40,7 @@
                 border: 1px solid $light-blue;
                 border: 1px solid $light-blue;
                 border-radius: 10px;
                 border-radius: 10px;
                 padding: 2px 8px;
                 padding: 2px 8px;
+                line-height: 16px;
             }
             }
         }
         }
 
 

@@ -11,7 +11,7 @@ const service = axios.create({
     withCredentials: true,  //是否允许跨域
     withCredentials: true,  //是否允许跨域
     headers: {
     headers: {
         'Content-Type': 'application/json; charset=utf-8',
         'Content-Type': 'application/json; charset=utf-8',
-        'Authorization':'bearer AT-16-oqkOHiUSsDdFA-eAZ49k2rJQDTzQpClO'
+        'Authorization': 'bearer AT-16-oqkOHiUSsDdFA-eAZ49k2rJQDTzQpClO'
     },
     },
     timeout: 15000
     timeout: 15000
 })
 })
@@ -85,6 +85,9 @@ function handleErrorData (errMes) {
             case 504:
             case 504:
                 Message.error("网络超时!");
                 Message.error("网络超时!");
                 break;
                 break;
+            case 2002:
+                Message.error(errMes.message);
+                break;
             default:
             default:
                 Message.error("服务正在联调中，请稍后!");
                 Message.error("服务正在联调中，请稍后!");
                 break;
                 break;

@@ -8,7 +8,7 @@
     </div>
     </div>
     <div class="img-list-wrap">
     <div class="img-list-wrap">
       <div v-for="(img, i) in previewImg.imgList" :key="i">
       <div v-for="(img, i) in previewImg.imgList" :key="i">
-        <photo-zoom :url="img.url" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
+        <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
           overlayStyle="width: 100%;height: 563px;">
           overlayStyle="width: 100%;height: 563px;">
         </photo-zoom>
         </photo-zoom>
       </div>
       </div>
@@ -17,7 +17,7 @@
     <div class="thumb-wrap">
     <div class="thumb-wrap">
       <div class="thumb-wrap-button">
       <div class="thumb-wrap-button">
         <el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
         <el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
-        <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :limit="5" :auto-upload="false"
+        <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">
           :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
           <el-button icon="el-icon-upload" type="primary">上传</el-button>
           <el-button icon="el-icon-upload" type="primary">上传</el-button>
         </el-upload>
         </el-upload>
@@ -26,7 +26,7 @@
       <ul>
       <ul>
         <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active:previewImg.index === index}"
         <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active:previewImg.index === index}"
           @click="showCurrent(index)">
           @click="showCurrent(index)">
-          <img :src="img.url">
+          <img :src="img.fjurl">
         </li>
         </li>
       </ul>
       </ul>
     </div>
     </div>
@@ -37,6 +37,7 @@
 </template>
 </template>
 <script>
 <script>
 import PhotoZoom from '@/components/photo-zoom'
 import PhotoZoom from '@/components/photo-zoom'
+import { sjClmxUpload, sjClmxDelete } from '@/api/jsydsyqFlow'
 import publicPicture from '@/components/publicPicture/index.vue'
 import publicPicture from '@/components/publicPicture/index.vue'
 export default {
 export default {
   name: 'PreviewImage',
   name: 'PreviewImage',
@@ -57,7 +58,7 @@ export default {
         degree: 0
         degree: 0
       },
       },
       // 缩略图
       // 缩略图
-      thumbnailImages: this.previewImg.imgList,
+      thumbnailImages: [],
       showViewer: false,
       showViewer: false,
       initialIndex: undefined,
       initialIndex: undefined,
       allLi: [],
       allLi: [],
@@ -66,11 +67,16 @@ export default {
   watch: {
   watch: {
     previewImg: {
     previewImg: {
       handler (newValue, oldValue) {
       handler (newValue, oldValue) {
-        this.allLi = _.cloneDeep(newValue.imgList).map(item => item.url)
+        this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fjurl)
+        this.thumbnailImages = newValue.imgList
       },
       },
       deep: true
       deep: true
     }
     }
   },
   },
+  created () {
+    this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
+    this.thumbnailImages = this.previewImg.imgList
+  },
   computed: {
   computed: {
     isSingle () {
     isSingle () {
       return this.previewImg.imgList.length <= 1
       return this.previewImg.imgList.length <= 1
@@ -140,22 +146,43 @@ export default {
     },
     },
     async handleChange (file) {
     async handleChange (file) {
       let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index])
       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);
+      sjClmxUpload(formdata).then((res) => {
+        if (res.code == 200) {
+          this.$emit('updateList', res.result)
+          this.$message({
+            message: '上传成功!',
+            type: 'success'
+          })
+        }
+      })
     },
     },
     handleDelete () {
     handleDelete () {
-      let _this = this
-      this.$confirm('此操作将永久该附件, 是否继续?', '提示', {
+      let that = this
+      this.$confirm('此操作将永久删除, 是否继续?', '提示', {
         confirmButtonText: '确定',
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         cancelButtonText: '取消',
         type: 'warning'
         type: 'warning'
       }).then(async () => {
       }).then(async () => {
-        let bsmFileList = []
-        bsmFileList[0] = this.previewImg.imgList[this.previewImg.index].bsmFile
+        let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
+        sjClmxDelete(bsmClmx).then(res => {
+          if (res.code == 200) {
+            that.$emit('updateList', res.result)
+            that.$message({
+              message: '删除成功!',
+              type: 'success'
+            })
+          }
+        })
       }).catch(() => {
       }).catch(() => {
         this.$message({
         this.$message({
           type: 'info',
           type: 'info',
           message: '已取消删除'
           message: '已取消删除'
-        });
-      });
+        })
+      })
     }
     }
   }
   }
 }
 }

+import filter from '@/utils/filter.js'
+
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "qszt",
+        label: "权属状态",
+      },
+      {
+        prop: "qllxmc",
+        label: "权利类型",
+      },
+      {
+        prop: "djlxmc",
+        label: "登记类型",
+      },
+      {
+        prop: "ssywh",
+        label: "上手业务号",
+      },
+      {
+        prop: "dah",
+        label: "档案号",
+      },
+      {
+        prop: "ywh",
+        label: "业务号",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "zl",
+        label: "坐落",
+      },
+      {
+        prop: "qlrlx",
+        label: "权利人类型",
+      },
+      {
+        prop: "qlrmc",
+        label: "权利人",
+      },
+      {
+        prop: "qlrzjzl",
+        label: "证件种类",
+      },
+      {
+        prop: "qlrzjhm",
+        label: "证件号",
+      },
+      {
+        prop: "gyfs",
+        label: "共有情况",
+      },
+      {
+        prop: "mj",
+        label: "使用权面积(m²)",
+      },
+      {
+        prop: "qlxz",
+        label: "权利性质",
+      },
+      {
+        prop: "ytmc",
+        label: "土地用途",
+      },
+      {
+        prop: "syqqzsj",
+        label: "使用权起止时间",
+      },
+      {
+        prop: "tdsyqx",
+        label: "土地使用期限",
+      },
+      {
+        prop: "qdjg",
+        label: "取得价格(万元)",
+      },
+      {
+        prop: "djyy",
+        label: "登记原因",
+      },
+      {
+        prop: "bdcqzh",
+        label: "不动产权证号",
+      },
+      {
+        prop: "djsj",
+        label: "登记时间",
+      },
+      {
+        prop: "dbr",
+        label: "登簿人",
+      },
+      {
+        prop: "fj",
+        label: "附记",
+      },
+    ]
+  }
+}
+
+let datas = new data()
+
+export {
+  datas
+}
\ No newline at end of file

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { datas } from "./jsydsyq.js";
+import { getJsydsyqList } from "@/api/zhcx.js";
+export default {
+  data () {
+    return {
+      qsztList: [
+        {
+          value: "0",
+          label: "临时",
+        },
+        {
+          value: "1",
+          label: "现势",
+        },
+        {
+          value: "2",
+          label: "历史",
+        },
+      ],
+      checkList: ["0", "1", "2"],
+      //传递参数
+      propsParam: {},
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: [],
+      title: "建设用地使用权、宅基地使用权登记信息",
+    };
+  },
+  created () {
+    this.propsParam = this.$attrs;
+    console.log(this.$attrs, 'this.$attrs;');
+    this.columns = datas.columns();
+    this.loadData();
+    // this.$alert(datas.columns());
+  },
+  methods: {
+    loadData () {
+      //this.$alert(this.propsParam.bdcdyh);
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange () {
+      this.loadData();
+    },
+    getQsztName (code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+// @import "./qlxxCommon.scss";
+</style>

@@ -42,6 +42,7 @@ class data extends filter {
       },
       },
       {
       {
         label: "是否启用",
         label: "是否启用",
+        width: '72',
         render: (h, scope) => {
         render: (h, scope) => {
           return (
           return (
             <div>
             <div>

@@ -29,7 +29,7 @@
             </el-collapse-transition>
             </el-collapse-transition>
           </div>
           </div>
         </div>
         </div>
-        <image-preview :previewImg="previewImg" />
+        <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" />
       </div>
       </div>
     </div>
     </div>
     <clxxAddDialog v-model="isDialog" />
     <clxxAddDialog v-model="isDialog" />
@@ -40,7 +40,6 @@ import { mapGetters } from "vuex";
 import clxxAddDialog from "./clxxAddDialog.vue";
 import clxxAddDialog from "./clxxAddDialog.vue";
 import imagePreview from '@/views/components/imagePreview.vue'
 import imagePreview from '@/views/components/imagePreview.vue'
 import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
 import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
-import { async } from "q";
 export default {
 export default {
   components: { clxxAddDialog, imagePreview },
   components: { clxxAddDialog, imagePreview },
   data () {
   data () {
@@ -191,11 +190,14 @@ export default {
       key: 0,
       key: 0,
       tableData: [],
       tableData: [],
       previewImg: {
       previewImg: {
+        // 收件标识码
+        bsmSj: '',
+        bsmSlsq: this.$parent.bsmSlsq,
         index: 0,
         index: 0,
         selectedIndex: 0,
         selectedIndex: 0,
         imgList: [
         imgList: [
           {
           {
-            url: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
+            fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
           }
           }
         ]
         ]
       }
       }
@@ -213,21 +215,44 @@ export default {
       return new Promise(resolve => {
       return new Promise(resolve => {
         this.unitData = this.$parent.unitData;
         this.unitData = this.$parent.unitData;
         var formdata = new FormData();
         var formdata = new FormData();
-        formdata.append("bsmSldy", this.unitData[0].bsmSldy);
+        formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
         formdata.append("bsmSlsq", this.$parent.bsmSlsq);
         formdata.append("bsmSlsq", this.$parent.bsmSlsq);
         clmlInit(formdata).then((res) => {
         clmlInit(formdata).then((res) => {
           resolve(res.code)
           resolve(res.code)
-          if (res.result.result) {
+          if (res.result.result && res.result.result.length > 0) {
             this.tableData = res.result.result;
             this.tableData = res.result.result;
             this.treeCheckId = this.tableData[0].bsmSj;
             this.treeCheckId = this.tableData[0].bsmSj;
             this.title = this.tableData[0].sjmc;
             this.title = this.tableData[0].sjmc;
             this.titleYs = 1;
             this.titleYs = 1;
             this.titleNum = this.tableData[0].children.length;
             this.titleNum = this.tableData[0].children.length;
+
+            this.previewImg.imgList = this.tableData[0]?.children;
+            this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
           }
           }
-          console.log(this.tableData);
         })
         })
       })
       })
     },
     },
+    updateList (val) {
+      if(val!=null){ //删除最后一张图片时 val=null
+        this.tableData.forEach(item => {
+        if (item.bsmSj === val.bsmSj) {
+          item.children = val.children
+        }
+      })
+      this.previewImg.imgList = _.cloneDeep(val.children)
+      if (this.previewImg.index == this.previewImg.imgList.length) {
+        this.previewImg.index = this.previewImg.index - 1
+      }
+      }else{
+        this.previewImg.imgList = []
+        this.tableData.forEach(item => {
+          if(this.treeCheckId == item.bsmSj){
+             item.children = []
+          }
+      })
+      }
+     
+    },
     // 左侧菜单点击
     // 左侧菜单点击
     menuClick (item) {
     menuClick (item) {
       this.checkedId = item.id
       this.checkedId = item.id
@@ -278,15 +303,8 @@ export default {
     },
     },
     // 新增弹窗保存
     // 新增弹窗保存
     addSave (data) {
     addSave (data) {
-      let maxXh = 0;
-      this.tableData && this.tableData.forEach((item) => {
-        if (item.xh > maxXh) {
-          maxXh = item.xh;
-        }
-      });
       let obj = {
       let obj = {
-        bsmSlsq: this.id,
-        xh: maxXh + 1,
+        bsmSlsq: this.$parent.bsmSlsq,
         isrequired: "1",
         isrequired: "1",
         sjmc: data.clmc,
         sjmc: data.clmc,
         sjsl: 0,
         sjsl: 0,
@@ -295,31 +313,39 @@ export default {
         sjlx: data.cllx,
         sjlx: data.cllx,
         sfxjcl: "1", // 是否必选
         sfxjcl: "1", // 是否必选
       };
       };
-      save(obj).then((res) => {
-        console.log(res);
+      save(obj).then(async (res) => {
         if (res.code == 200) {
         if (res.code == 200) {
-          this.$message({
+          let res = await this.clmlInitList()
+          if (res == 200) this.$message({
             message: "新增成功",
             message: "新增成功",
             type: "success",
             type: "success",
-          });
-          this.tableData = res.result ? res.result : [];
-          // 加载表格
-          this.clmlmxInit();
+          })
         }
         }
       });
       });
     },
     },
     // 材料目录删除
     // 材料目录删除
     handleDelete (index, row) {
     handleDelete (index, row) {
-      clmlDelete({ sjBsm: row.bsmSj }).then((res) => {
+      let that = this
+      this.$confirm('此操作将永久删除该 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => {
           if (res.code == 200) {
           if (res.code == 200) {
-          this.$message({
+            let res = await that.clmlInitList()
+            if (res == 200) that.$message({
               message: "删除成功",
               message: "删除成功",
               type: "success",
               type: "success",
-          });
-          // 加载表格
-          this.clmlmxInit();
+            })
           }
           }
-      });
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
     },
     },
     // 材料目录关闭收起
     // 材料目录关闭收起
     iconClick () {
     iconClick () {
@@ -333,9 +359,8 @@ export default {
     // 材料目录点击选中
     // 材料目录点击选中
     treeClick (item) {
     treeClick (item) {
       this.treeCheckId = item.bsmSj;
       this.treeCheckId = item.bsmSj;
-      this.title = item.sjmc;
-      this.titleYs = 1;
-      this.titleNum = item.children.length;
+      this.previewImg.imgList = item?.children;
+      this.previewImg.bsmSj = item?.bsmSj;
     },
     },
     // 小图片点击
     // 小图片点击
     imgClick (item, index) {
     imgClick (item, index) {

 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
-    <!-- 表单部分 -->
+    <!-- 发证信息 -->
     <div class="from-clues-header">
     <div class="from-clues-header">
       <el-form :model="ruleForm">
       <el-form :model="ruleForm">
         <el-row :gutter="20">
         <el-row :gutter="20">
@@ -36,14 +36,12 @@
 <script>
 <script>
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import { getCertificateList } from "@/api/fqsq.js";
 import { getCertificateList } from "@/api/fqsq.js";
-import { datas } from "./fzxxdata";
+import { datas } from "../javascript/fzxxdata";
 export default {
 export default {
   mixins: [table],
   mixins: [table],
   components: {},
   components: {},
   props: {
   props: {
-
   },
   },
-
   data () {
   data () {
     return {
     return {
       ruleForm: {
       ruleForm: {
@@ -56,8 +54,8 @@ export default {
         total: 0,
         total: 0,
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],
-      },
-    };
+      }
+    }
   },
   },
   methods: {
   methods: {
     // 列表渲染接口
     // 列表渲染接口
@@ -68,9 +66,9 @@ export default {
           this.tableData.data = res.result
           this.tableData.data = res.result
         }
         }
       })
       })
-    },
     }
     }
-};
+  }
+}
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";

@@ -101,15 +101,12 @@ export default {
           this.$message.error(res.message)
           this.$message.error(res.message)
         }
         }
       })
       })
-
-    },
-
-  },
+    }
+  }
 }
 }
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
 @import '~@/styles/mixin.scss';
 @import '~@/styles/mixin.scss';
-
 .spyj {
 .spyj {
   margin-left: 5px;
   margin-left: 5px;
 
 

 <template>
 <template>
-  <dialogBox title="退回" @submitForm="submitForm"  saveButton="确认退回" width="80%" 
-     @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="退回" @submitForm="submitForm" saveButton="确认退回" width="80%" @closeDialog="closeDialog"
+    v-model="value">
     <div class="from-clues">
     <div class="from-clues">
       <!-- 表单部分 -->
       <!-- 表单部分 -->
       <div class="from-clues-header">
       <div class="from-clues-header">
         <el-form ref="queryForm" label-width="120px">
         <el-form ref="queryForm" label-width="120px">
           <div>
           <div>
-          <!-- <el-form-item label="不动产单元号:">
-            <p>{{item.bdcdyh}}</p>
-          </el-form-item> -->
-          <lb-table :column="columns" border  :heightNum="390"  :pagination="false" heightNumSetting
-          :data="tableData">
+            <lb-table :column="columns" border :heightNum="390" :pagination="false" heightNumSetting :data="tableData">
             </lb-table>
             </lb-table>
             <el-form-item label="退回意见:">
             <el-form-item label="退回意见:">
               <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
               <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
@@ -23,32 +19,26 @@
 </template>
 </template>
 
 
 <script>
 <script>
-   import { getTaskBackNode,sendBackTask } from "@/api/fqsq.js"
+import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
 export default {
 export default {
   components: {
   components: {
   },
   },
   props: {
   props: {
     value: { type: Boolean, default: false },
     value: { type: Boolean, default: false },
-    queryForm:{type:Object},
-    taskId:{type:String},
-    bsmBusiness:{type:String}
+    queryForm: { type: Object },
+    taskId: { type: String },
+    bsmBusiness: { type: String }
   },
   },
   data () {
   data () {
-    const columns=[
-      // {
-      //   label: '',
-      //   align: 'center',
-      //   render: (h, scope) => {
-      //     return   <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio>
-      //   }
-      // },
+    const columns = [
       {
       {
         label: "",
         label: "",
         width: "36px",
         width: "36px",
         render: (h, scope) => {
         render: (h, scope) => {
           return (
           return (
             <div class="orgColumn">
             <div class="orgColumn">
-              <el-radio v-model={this.radioVal} label={scope.row.taskid}  onChange={() => {this.radioClick(scope.row);
+              <el-radio v-model={this.radioVal} label={scope.row.taskid} onChange={() => {
+                this.radioClick(scope.row);
               }}>
               }}>
                 {" "}
                 {" "}
                 &ensp;
                 &ensp;
@@ -65,50 +55,49 @@ export default {
         prop: "assignee",
         prop: "assignee",
         label: "办理人",
         label: "办理人",
       },
       },
-     
     ];
     ];
     return {
     return {
       columns,
       columns,
-    radioVal:"",
-    outstepopinion:"",
-    tableData:[],
-    list:{
-      bsmSlsq:"",
-      backNodeList:[],
+      radioVal: "",
+      outstepopinion: "",
+      tableData: [],
+      list: {
+        bsmSlsq: "",
+        backNodeList: [],
       },
       },
-    sumbitList:{},
-    activityId:"",
+      sumbitList: {},
+      activityId: "",
     }
     }
   },
   },
-  mounted(){
-    if(this.$route.query.bsmSlsq){
+  mounted () {
+    if (this.$route.query.bsmSlsq) {
       this.list.bsmSlsq = this.$route.query.bsmSlsq
       this.list.bsmSlsq = this.$route.query.bsmSlsq
     }
     }
   },
   },
   methods: {
   methods: {
-    tablelistFn(){
-      getTaskBackNode({bsmBusiness:this.bsmBusiness}).then(res => {
+    tablelistFn () {
+      getTaskBackNode({ bsmBusiness: this.bsmBusiness }).then(res => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result
           this.tableData = res.result
         }
         }
       })
       })
     },
     },
-    radioClick(scope){
+    radioClick (scope) {
       this.activityId = scope.activityId
       this.activityId = scope.activityId
       this.sumbitList = scope
       this.sumbitList = scope
 
 
     },
     },
     submitForm () {
     submitForm () {
-      if(this.activityId==undefined){
+      if (this.activityId == undefined) {
         this.$message.error('请至少选择一条数据');
         this.$message.error('请至少选择一条数据');
         return
         return
       }
       }
       this.list.backNodeList.push({
       this.list.backNodeList.push({
-          id:this.taskId,
-          taskid:this.activityId,
-          processInstanceId:this.sumbitList.processInstanceId,
-          bsmBusiness:this.bsmBusiness,
-          outstepopinion:this.outstepopinion
+        id: this.taskId,
+        taskid: this.activityId,
+        processInstanceId: this.sumbitList.processInstanceId,
+        bsmBusiness: this.bsmBusiness,
+        outstepopinion: this.outstepopinion
       })
       })
       sendBackTask(this.list).then(res => {
       sendBackTask(this.list).then(res => {
         if (res.code === 200) {
         if (res.code === 200) {
@@ -120,7 +109,7 @@ export default {
             this.$emit('input', false)
             this.$emit('input', false)
           }, 1000);
           }, 1000);
 
 
-        }else{
+        } else {
           this.$message.error(res.message)
           this.$message.error(res.message)
         }
         }
       })
       })
@@ -134,6 +123,7 @@ export default {
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
+
 .textArea {
 .textArea {
   /deep/.el-textarea__inner {
   /deep/.el-textarea__inner {
     min-height: 90px !important;
     min-height: 90px !important;

@@ -28,7 +28,7 @@
 <script>
 <script>
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import { getCertificateList, issueCertificate } from "@/api/fqsq.js";
 import { getCertificateList, issueCertificate } from "@/api/fqsq.js";
-import { datas } from "./fzxxdata";
+import { datas } from "../javascript/fzxxdata";
 import { mapGetters } from 'vuex'
 import { mapGetters } from 'vuex'
 export default {
 export default {
   mixins: [table],
   mixins: [table],

@@ -49,7 +49,7 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./zsyl.js";
+import { datas } from "../javascript/zsyl.js";
 import { readYsxlh,certificate } from "@/api/fqsq.js"
 import { readYsxlh,certificate } from "@/api/fqsq.js"
 export default {
 export default {
   components: {
   components: {

 //流程环节操作按钮
 //流程环节操作按钮
-export function getForm(tabName) {
+export function getForm (tabName) {
     let form;
     let form;
     switch (tabName) {
     switch (tabName) {
         case "slxx":
         case "slxx":
-            form = require("@/views/ywbl/fqsq/components/slxx.vue");
+            form = require("@/views/ywbl/jsydsyq/slxx.vue");
             break;
             break;
         case "slxxCfdj":
         case "slxxCfdj":
-            form = require("@/views/ywbl/fqsq/components/slxxCfdj.vue");
+            form = require("@/views/ywbl/cfdj/slxx.vue");
             break;
             break;
         case "clxx":
         case "clxx":
-            form = require("@/views/ywbl/fqsq/components/clxx.vue");
+            form = require("@/views/workflow/components/clxx.vue");
             break;
             break;
         case "spyj":
         case "spyj":
-            form = require("@/views/ywbl/fqsq/components/spyj.vue");
+            form = require("@/views/workflow/components/spyj.vue");
             break;
             break;
         case "zdjbxx":
         case "zdjbxx":
             form = require("@/views/zhcx/djbcx/components/zdxx.vue");
             form = require("@/views/zhcx/djbcx/components/zdxx.vue");
@@ -21,10 +21,10 @@ export function getForm(tabName) {
             form = require("@/views/zhcx/djbcx/components/jsydsyq.vue");
             form = require("@/views/zhcx/djbcx/components/jsydsyq.vue");
             break;
             break;
         case "szxx":
         case "szxx":
-            form = require("@/views/ywbl/fqsq/components/szxx.vue");
+            form = require("@/views/workflow/components/szxx.vue");
             break;
             break;
         case "fzxx":
         case "fzxx":
-            form = require("@/views/ywbl/fqsq/components/fzxx.vue");
+            form = require("@/views/workflow/components/fzxx.vue");
             break;
             break;
     }
     }
 
 

 import filter from '@/utils/filter.js'
 import filter from '@/utils/filter.js'
-
 class data extends filter {
 class data extends filter {
   constructor() {
   constructor() {
     super()
     super()

@@ -122,13 +122,13 @@
 }
 }
 
 
 .map-drawer-expand {
 .map-drawer-expand {
-  background: url("../../../image/right.png");
+  background: url("../../image/right.png");
   background-size: cover;
   background-size: cover;
   right: 0%;
   right: 0%;
 }
 }
 
 
 .map-drawer-click {
 .map-drawer-click {
-  background: url("../../../image/left.png");
+  background: url("../../image/left.png");
   background-size: cover;
   background-size: cover;
   left: 0%;
   left: 0%;
 }
 }

@@ -74,9 +74,9 @@ import {
   record,
   record,
   getNextLinkInfo,
   getNextLinkInfo,
   completeTask,
   completeTask,
-} from "@/api/fqsq.js";
+} from "@/api/fqsq.js"
 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
-import { getForm } from "./flowform.js";
+import { getForm } from "./flowform.js"
 export default {
 export default {
   data () {
   data () {
     return {
     return {
@@ -115,7 +115,7 @@ export default {
       clxxIndex: "",
       clxxIndex: "",
       //材料信息选项卡对象
       //材料信息选项卡对象
       clxxTab: {},
       clxxTab: {},
-    };
+    }
   },
   },
   mounted () {
   mounted () {
     this.loadBdcdylist();
     this.loadBdcdylist();
@@ -145,7 +145,7 @@ export default {
           //默认加载第一个选项卡的组件内容
           //默认加载第一个选项卡的组件内容
           this.getFromRouter(res.result.form[0].value);
           this.getFromRouter(res.result.form[0].value);
         }
         }
-      });
+      })
     },
     },
     //流程环节操作按钮
     //流程环节操作按钮
     operation (index, item) {
     operation (index, item) {
@@ -187,7 +187,6 @@ export default {
               this.send(res.result);
               this.send(res.result);
             }
             }
           });
           });
-          //  this.$alert(res.result);
           break;
           break;
         case "signout":
         case "signout":
           window.close();
           window.close();
@@ -196,7 +195,6 @@ export default {
           var formdata = new FormData();
           var formdata = new FormData();
           formdata.append("bsmSlsq", this.bsmSlsq);
           formdata.append("bsmSlsq", this.bsmSlsq);
           formdata.append("bestepid", this.bestepid);
           formdata.append("bestepid", this.bestepid);
-          // comMsg;
           this.$confirm("请确认是否登簿", "提示", {
           this.$confirm("请确认是否登簿", "提示", {
             iconClass: "el-icon-question", //自定义图标样式
             iconClass: "el-icon-question", //自定义图标样式
             confirmButtonText: "确认", //确认按钮文字更换
             confirmButtonText: "确认", //确认按钮文字更换

@@ -129,7 +129,7 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import InformationTable from "./InformationTable";
+import InformationTable from "@/views/workflow/components/InformationTable";
 import { Init, fristReg } from "@/api/cfdjFlow.js";
 import { Init, fristReg } from "@/api/cfdjFlow.js";
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 export default {
 export default {

+<template>
+  <div class="clxx">
+    <div class="left">
+      <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']"
+        @click="menuClick(item)">
+        {{ item.label }}
+      </div>
+    </div>
+    <div class="right">
+      <!-- 材料目录明细 -->
+      <div class="clmlmx-box" v-if="checkedId == '1'">
+        <div class="title">申请材料目录</div>
+        <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData">
+        </lb-table>
+      </div>
+      <!-- 材料预览 -->
+      <div class="clyl-box" v-else>
+        <div class="menu-tree">
+          <div class="item">
+            材料目录
+            <i :class="iclass" @click="iconClick()"></i>
+            <el-collapse-transition>
+              <div v-show="menuOpen">
+                <div v-for="item in tableData" :key="item.bsmSj"
+                  :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)">
+                  {{ item.sjmc }}
+                </div>
+              </div>
+            </el-collapse-transition>
+          </div>
+        </div>
+        <image-preview :previewImg="previewImg" @updateList="updateList" />
+      </div>
+    </div>
+    <clxxAddDialog v-model="isDialog" />
+  </div>
+</template>
+<script>
+import { mapGetters } from "vuex";
+import clxxAddDialog from "./clxxAddDialog.vue";
+import imagePreview from '@/views/components/imagePreview.vue'
+import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
+export default {
+  components: { clxxAddDialog, imagePreview },
+  data () {
+    return {
+      isDialog: false,
+      menuList: [
+        {
+          id: "1",
+          label: "材料目录明细",
+        },
+        {
+          id: "2",
+          label: "材料预览",
+        },
+      ],
+      menuOpen: true,
+      iclass: "itemIcon el-icon-caret-bottom",
+      treeCheckId: "",
+      checkedId: "1",
+      column: [
+        {
+          width: "35",
+          renderHeader: (h, scope) => {
+            return (
+              <i
+                class="el-icon-plus pointer"
+                onClick={() => {
+                  this.handleAdd()
+                }}
+              ></i>
+            );
+          },
+          render: (h, scope) => {
+            // 新建的材料,可删除
+            if (scope.row.sfxjcl === "1") {
+              return (
+                <i
+                  class="el-icon-minus pointer"
+                  onClick={() => {
+                    this.handleDelete(scope.$index, scope.row);
+                  }}
+                ></i>
+              );
+            }
+          },
+        },
+        {
+          width: "35",
+          label: "序号",
+          type: "index",
+        },
+        {
+          prop: "isrequired",
+          label: "是否必选",
+          width: "50",
+          render: (h, scope) => {
+            if (scope.row.sfxjcl === "1") {
+              return (
+                <div>
+                  <span>可选</span>
+                </div>
+              );
+            }
+            else {
+              return (
+                <div>
+                  <span>必选</span>
+                </div>
+              );
+            }
+          },
+        },
+        {
+          prop: "sjmc",
+          label: "材料名称",
+        },
+        {
+          prop: "sjlx",
+          label: "材料类型",
+          width: "80",
+          render: (h, scope) => {
+            return (
+              <div>
+                <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
+              </div>
+            );
+          },
+        },
+        {
+          prop: "sjsl",
+          label: "份数",
+          width: "50"
+        },
+        {
+          prop: "smzt",
+          label: "扫描状态",
+          width: "80",
+          render: (h, scope) => {
+            if (scope.row.children.length > 0) {
+              return (
+                <div>
+                  <span>已扫描</span>
+                </div>
+              );
+            } else {
+              return (
+                <div>
+                  <span>未扫描</span>
+                </div>
+              );
+            }
+          },
+        },
+        {
+          prop: "ys",
+          label: "扫描页数",
+          width: "50"
+        },
+        {
+          label: "操作",
+          width: "80",
+          render: (h, scope) => {
+            return (
+              <div>
+                <el-button
+                  type="text"
+                  disabled={scope.$index == 0}
+                  onClick={() => {
+                    this.moveUpward(scope.$index, scope.row);
+                  }}
+                >
+                  上移
+                </el-button>
+                <el-button
+                  type="text"
+                  disabled={scope.$index + 1 == this.tableData.length}
+                  onClick={() => {
+                    this.moveDown(scope.$index, scope.row);
+                  }}
+                >
+                  下移
+                </el-button>
+              </div>
+            );
+          },
+        },
+      ],
+      key: 0,
+      tableData: [],
+      previewImg: {
+        // 收件标识码
+        bsmSj: '',
+        bsmSlsq: this.$parent.bsmSlsq,
+        index: 0,
+        selectedIndex: 0,
+        imgList: [
+          {
+            fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
+          }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  created () {
+    this.clmlInitList()
+  },
+  methods: {
+    // 材料目录明细初始化
+    clmlInitList () {
+      return new Promise(resolve => {
+        this.unitData = this.$parent.unitData;
+        var formdata = new FormData();
+        formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
+        formdata.append("bsmSlsq", this.$parent.bsmSlsq);
+        clmlInit(formdata).then((res) => {
+          resolve(res.code)
+          if (res.result.result && res.result.result.length > 0) {
+            this.tableData = res.result.result;
+            this.treeCheckId = this.tableData[0].bsmSj;
+            this.title = this.tableData[0].sjmc;
+            this.titleYs = 1;
+            this.titleNum = this.tableData[0].children.length;
+
+            this.previewImg.imgList = this.tableData[0]?.children;
+            this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
+          }
+        })
+      })
+    },
+    updateList (val) {
+      this.tableData.forEach(item => {
+        if (item.bsmSj === val.bsmSj) {
+          item.children = val.children
+        }
+      })
+      this.previewImg.imgList = _.cloneDeep(val.children)
+      if (this.previewImg.index == this.previewImg.imgList.length) {
+        this.previewImg.index = this.previewImg.index - 1
+      }
+    },
+    // 左侧菜单点击
+    menuClick (item) {
+      this.checkedId = item.id
+    },
+    // 添加材料目录
+    handleAdd () {
+      this.isDialog = true;
+    },
+    // 上移
+    moveUpward (index, row) {
+      let obj = {
+        xh: row.xh,
+        bsmSlsq: row.bsmSlsq,
+        moveDirection: "UP",
+      };
+      // 接口待调
+      move(obj).then(async (res) => {
+        if (res.code == 200) {
+          let res = await this.clmlInitList()
+          if (res == 200) this.$message({
+            message: '上移成功',
+            type: 'success'
+          })
+        } else {
+          this.$message.error(res.message);
+        }
+      })
+    },
+    // 下移
+    moveDown (index, row) {
+      let obj = {
+        xh: row.xh,
+        bsmSlsq: row.bsmSlsq,
+        moveDirection: "DOWN",
+      }
+      // 接口待调
+      move(obj).then(async (res) => {
+        if (res.code == 200) {
+          let res = await this.clmlInitList()
+          if (res == 200) this.$message({
+            message: '下移成功',
+            type: 'success'
+          })
+        } else {
+          this.$message.error(res.message);
+        }
+      })
+    },
+    // 新增弹窗保存
+    addSave (data) {
+      let obj = {
+        bsmSlsq: this.$parent.bsmSlsq,
+        isrequired: "1",
+        sjmc: data.clmc,
+        sjsl: 0,
+        smzt: '',
+        ys: 0,
+        sjlx: data.cllx,
+        sfxjcl: "1", // 是否必选
+      };
+      save(obj).then(async (res) => {
+        if (res.code == 200) {
+          let res = await this.clmlInitList()
+          if (res == 200) this.$message({
+            message: "新增成功",
+            type: "success",
+          })
+        }
+      });
+    },
+    // 材料目录删除
+    handleDelete (index, row) {
+      let that = this
+      this.$confirm('此操作将永久删除该 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => {
+          if (res.code == 200) {
+            let res = await that.clmlInitList()
+            if (res == 200) that.$message({
+              message: "删除成功",
+              type: "success",
+            })
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    // 材料目录关闭收起
+    iconClick () {
+      this.menuOpen = !this.menuOpen;
+      if (this.menuOpen) {
+        this.iclass = "itemIcon el-icon-caret-bottom close";
+      } else {
+        this.iclass = "itemIcon el-icon-caret-bottom open";
+      }
+    },
+    // 材料目录点击选中
+    treeClick (item) {
+      this.treeCheckId = item.bsmSj;
+      this.previewImg.imgList = item?.children;
+      this.previewImg.bsmSj = item?.bsmSj;
+    },
+    // 小图片点击
+    imgClick (item, index) {
+      this.showImg = item;
+      this.titleYs = index + 1;
+    },
+    // 字典
+    dicStatus (val, code) {
+      let data = this.$store.getters.dictData[code],
+        name = "暂无";
+      if (data) {
+        data.map((item) => {
+          if (item.dcode == val) {
+            name = item.dname;
+          }
+        });
+        return name;
+      }
+    },
+  },
+};
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/mixin.scss";
+
+.active {
+  background: $light-blue !important;
+  color: #fff;
+}
+
+.clxx {
+  width: 100%;
+  display: flex;
+  padding-left: 5px;
+  height: calc(100vh - 125px);
+
+  .left {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    .item {
+      width: 28px;
+      height: 49%;
+      @include flex-center;
+      background-color: #E4E7ED;
+      border-bottom-right-radius: 10px;
+      padding: 5px;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover {
+        @extend .active;
+      }
+    }
+  }
+
+  .right {
+    width: 100%;
+    height: 100%;
+
+    .clmlmx-box {
+      margin: 0 auto;
+
+      .title {
+        text-align: center;
+        height: 60px;
+        line-height: 60px;
+        border: 1px solid #dfe6ec;
+        font-size: 20px;
+        background: #81d3f81a;
+        margin-bottom: -1px;
+      }
+    }
+
+    .clyl-box {
+      width: 100%;
+      height: 100%;
+      display: flex;
+
+      .menu-tree {
+        width: 20%;
+        min-width: 160px;
+        height: 100%;
+        margin-right: 10px;
+        border-right: 1px dotted #d9d9d9;
+        padding: 0 15px;
+
+        .item {
+          height: 60px;
+          line-height: 60px;
+          border-bottom: 1px solid #e8e8e8;
+          font-size: 16px;
+          color: #4a4a4a;
+
+          .itemIcon {
+            float: right;
+            line-height: 60px;
+            cursor: pointer;
+          }
+
+          @keyframes open {
+            100% {
+              transform: rotate(180deg);
+            }
+          }
+
+          @keyframes close {
+            0% {
+              transform: rotate(180deg);
+            }
+
+            100% {
+              transform: rotate(-0deg);
+            }
+          }
+
+          .open {
+            animation: open 0.5s;
+            animation-fill-mode: both;
+          }
+
+          .close {
+            animation: close 0.5s;
+            animation-fill-mode: both;
+          }
+
+          .child {
+            line-height: 36px;
+            border-bottom: 1px solid #e8e8e8;
+            padding-left: 10px;
+            color: #6b6b6b;
+            cursor: pointer;
+            box-sizing: border-box;
+          }
+
+          .checked {
+            border-radius: 6px;
+            border: 1px solid #4083f9;
+          }
+        }
+      }
+
+      .clyl-img {
+        width: 75%;
+        height: 100%;
+        background: #f3f4f7;
+        margin: 0 auto;
+        position: relative;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file

+<template>
+  <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
+    :isFullscreen="false">
+    <el-form :model="ruleForm" ref="ruleForm" label-width="70px">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="材料类型">
+            <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
+              <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="材料名称">
+            <el-input v-model="ruleForm.clmc"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </dialogBox>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      myValue: this.value,
+      ruleForm: {
+        cllx: "",
+        clmc: "",
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  watch: {
+    value (val) {
+      this.myValue = val;
+    },
+  },
+  methods: {
+    closeDialog () {
+      this.$emit("input", false);
+    },
+    handleSubmit () {
+      this.$parent.addSave(this.ruleForm);
+      this.$emit("input", false);
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.submit-button {
+  text-align: center;
+  height: 52px;
+  padding-top: 10px;
+  background-color: #fff;
+}
+</style>

+export default {
+  data () {
+    return {
+      isSearch: false,
+      searchList: []
+    }
+  },
+  methods: {
+    moreQueryClick () {
+      this.isSearch = true
+    },
+    getSearch (val) {
+      let obj = { ywlymc: '业务来源', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
+      this.searchList = Object.entries(val).map((item) => {
+        const [name, value] = item
+        if (value) return { name: obj[name], value }
+      }).filter(Boolean)
+    },
+    hanldeCleanAll () {
+      this.searchList = []
+    }
+  }
+}

+<!--
+  功能：高级搜索
+  作者：calliope
+-->
+<template>
+  <dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue"
+    title="高级搜索">
+    <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="业务来源" prop="ywlymc">
+            <el-input v-model="ruleForm.ywlymc"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="申请业务名称" prop="sqywmc">
+            <el-input v-model="ruleForm.sqywmc"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="权利人" prop="qlrmc">
+            <el-input v-model="ruleForm.qlrmc"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="义务人" prop="ywrmc">
+            <el-input v-model="ruleForm.ywrmc"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="受理时间" prop="slsj">
+            <el-date-picker v-model="ruleForm.slsj" value-format="yyyy-MM-dd" class="width100" type="date"
+              placeholder="请选择日期" clearable>
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row class="search-btn">
+        <el-button type="text" @click.native="closeDialog">收起搜索</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="submitForm('ruleForm')">查询</el-button>
+        <el-button icon="el-icon-refresh-left" @click="resetForm('ruleForm')">重置</el-button>
+      </el-row>
+    </el-form>
+  </dialogBox>
+</template>
+<script>
+
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      myValue: this.value,
+      ruleForm: {
+        ywlymc: '',
+        sqywmc: '',
+        qlrmc: '',
+        ywrmc: '',
+        slsj: ''
+      }
+    }
+  },
+  watch: {
+    value (val) {
+      this.myValue = val
+    }
+  },
+  methods: {
+    closeDialog () {
+      this.$emit('input', false)
+    },
+    resetForm () {
+      this.$refs['ruleForm'].resetFields()
+    },
+    submitForm () {
+      this.$emit('getSearch', this.ruleForm)
+      this.$refs['ruleForm'].resetFields()
+      this.$emit('input', false)
+    }
+  }
+}
+</script>
+<style scoped lang='scss'>
+@import '~@/styles/public.scss';
+
+.search-btn {
+  padding: 0 20px 20px 20px;
+  text-align: right;
+}
+
+/deep/.el-icon-date {
+  display: none;
+}
+</style>
\ No newline at end of file

@@ -45,9 +45,13 @@
         <el-row class="advanced-search">
         <el-row class="advanced-search">
           <span>高级搜索条件：</span>
           <span>高级搜索条件：</span>
           <ul>
           <ul>
-            <li>不动产单元号:201252222<i class="el-icon-circle-close"></i></li>
+            <li v-for="(item,index) in searchList" :key="index">
+              {{item.name}}:{{item.value}}
+              <i class="el-icon-circle-close" @click="handelItem(index)"></i>
+            </li>
           </ul>
           </ul>
-          <el-button class="clean-btn" type="text">清除全部</el-button>
+          <el-button class="clean-btn" type="text" v-if="searchList.length>0" @click.native="hanldeCleanAll">清除全部
+          </el-button>
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
@@ -57,17 +61,20 @@
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
+    <searchBox v-model="isSearch" @getSearch="getSearch" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./dbxdata";
-import { searchTaskToDo, deleteFlow } from "@/api/ywbl.js"
 import { mapGetters } from 'vuex'
 import { mapGetters } from 'vuex'
+import searchBox from '../components/search.vue'
+import table from "@/utils/mixin/table"
+import searchMin from "../components/mixin/index"
+import { datas, sendThis } from "./dbxdata"
+import { searchTaskToDo, deleteFlow } from "@/api/ywbl.js"
 export default {
 export default {
   name: "dbx",
   name: "dbx",
-  components: {},
-  mixins: [table],
+  components: { searchBox },
+  mixins: [table, searchMin],
   computed: {
   computed: {
     ...mapGetters(['dictData']),
     ...mapGetters(['dictData']),
   },
   },
@@ -83,12 +90,11 @@ export default {
         total: 0,
         total: 0,
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],
-      },
-    };
+      }
+    }
   },
   },
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
-    let that = this
     window.addEventListener('visibilitychange', this.init, true)
     window.addEventListener('visibilitychange', this.init, true)
   },
   },
   destroyed () {
   destroyed () {
@@ -111,7 +117,6 @@ export default {
       searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
       searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
         if (res.code === 200) {
         if (res.code === 200) {
           let { total, records } = res.result
           let { total, records } = res.result
-          let str = ''
           records.forEach(item => {
           records.forEach(item => {
             item.qlrmc = item.qlrmc.join(',')
             item.qlrmc = item.qlrmc.join(',')
             item.ywh = item.ywh.join(',')
             item.ywh = item.ywh.join(',')
@@ -120,7 +125,6 @@ export default {
             item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
             item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
             item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
             item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
           })
           })
-          console.log(records);
           this.tableData.total = total;
           this.tableData.total = total;
           this.tableData.data = records ? records : []
           this.tableData.data = records ? records : []
         }
         }
@@ -129,6 +133,11 @@ export default {
     queryClick () {
     queryClick () {
       this.fetchData()
       this.fetchData()
     },
     },
+
+    handelItem (index) {
+      console.log(index);
+      this.searchList.splice(index, 1)
+    },
     handleSort (val) {
     handleSort (val) {
       this.queryForm.sortField = val.prop
       this.queryForm.sortField = val.prop
       this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
       this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
@@ -158,8 +167,8 @@ export default {
         this.$message({
         this.$message({
           type: 'info',
           type: 'info',
           message: '已取消删除'
           message: '已取消删除'
-        });
-      });
+        })
+      })
     },
     },
     ywhClick (item) {
     ywhClick (item) {
       const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
       const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');

@@ -33,9 +33,9 @@ class data extends filter {
         render: (h, scope) => {
         render: (h, scope) => {
           switch (scope.row.lczt) {
           switch (scope.row.lczt) {
             case '1':
             case '1':
-              return <span>进行中</span>
+              return <div class='allow'>进行中</div>
             case '2':
             case '2':
-              return <span>已结束</span>
+              return <div class='prohibit'>已结束</div>
             case '3':
             case '3':
               return <span>进行中</span>
               return <span>进行中</span>
           }
           }

-<template>
-  <div class="fqsq">
-    <div class="fqsq-header">
-      <ul>
-        <li @click="operation(index, item)" v-for="(item, index) in headerleftList" :key="index">
-          <svg-icon :icon-class="item.icon" />
-          <span class="iconName">{{ item.name }}</span>
-        </li>
-      </ul>
-      <ul>
-        <li @click="operation(index, item)" v-for="(item, index) in headerRightList" :key="index">
-          <svg-icon class="icon" :icon-class="item.icon" />
-          <span class="iconName">{{ item.name }}</span>
-        </li>
-      </ul>
-    </div>
-    <div class="tabsList">
-      <div class="tabsList-left">
-        <div class="map-drawer-click" v-if="!isShowdrawer" @click="
-          () => {
-            this.isShowdrawer = !this.isShowdrawer;
-          }
-        "></div>
-        <div class="map-drawer-expand" v-else @click="
-          () => {
-            this.isShowdrawer = !this.isShowdrawer;
-          }
-        "></div>
-        <ul v-if="this.isShowdrawer">
-          <p class="title">申请单元列表({{ unitData.length }})</p>
-          <div v-for="(item, index) in unitData" :key="index">
-            <li @click="unitClick(item)">
-              <p>{{ item.bdcdyh }}</p>
-              <p>{{ item.zl }}</p>
-            </li>
-            <div class="xian"></div>
-          </div>
-        </ul>
-      </div>
-      <div class="tabsList-right">
-        <div class="fenpin" v-show="issplitScreen">
-          <p class="splitScreen tabsList-title">材料信息</p>
-          <div class="splitScreen"></div>
-        </div>
-        <div style="width: 100%">
-          <el-tabs v-model="activeName" @tab-click="activeClick">
-            <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index">
-            </el-tab-pane>
-          </el-tabs>
-          <div class="splitScreen-con">
-            <component ref="slxx" v-if="activeName == 'slsq'" :is="editItem" :flag="flag" :fetch='fetch' :key="key" />
-            <component :is="editItem" v-else :key="key" />
-          </div>
-        </div>
-      </div>
-    </div>
-    <zc ref="zcDialogRef" v-model="zcDialog" :queryForm="queryForm" />
-    <thDialog ref="thdialogRef" v-model="thflag" :bsmBusiness="bsmBusiness" :queryForm="queryForm" />
-    <zslqDialog ref="zslqDialog" v-model="zslqDialog" />
-    <zsylDialog v-model="zsylFlag" />
-  </div>
-</template>
-<script>
-import { leftMenu, stepExpandInfo, record } from "@/api/fqsq.js";
-import comMsg from "@/views/components/comMsg.vue";
-import zc from "./components/zc.vue";
-import thDialog from "./components/th.vue";
-import zsylDialog from "./components/zsyl";
-import zslqDialog from "./components/zslq";
-export default {
-  /**注册组件*/
-  components: { zc, thDialog, zsylDialog, comMsg, zslqDialog },
-  data () {
-    return {
-      activeIndex: '0',
-      zsylFlag: false,
-      zcDialog: false,
-      thflag: false,
-      zslqDialog: false,
-      queryForm: {
-        bsmSlsq: "",
-        bestepid: "",
-        bsmBusiness: ""
-      },
-      isShowdrawer: true,
-      key: 0,
-      flag: false,
-      headerleftList: [],
-      headerRightList: [],
-      activeName: "slxx",
-      tabList1: [],
-      tabList: [],
-      editItem: "",
-      issplitScreen: false,
-      unitData: [],
-      bsmBusiness: "",
-      fetch: false
-    };
-  },
-  watch: {
-    activeName: {
-      handler (newName, oldName) {
-        if (newName === "qlxx") {
-          this.editItem = this.loadViewSlsq();
-        } else {
-          console.log(newName, 'newNamenewNamenewName');
-          this.editItem = this.loadView(newName);
-        }
-      },
-      immediate: true,
-    },
-  },
-  mounted () {
-    if (this.$route.query.bsmSlsq) {
-      this.expandInfo(this.$route.query.bsmSlsq, this.$route.query.bestepid);
-      this.queryForm.bsmSlsq = this.$route.query.bsmSlsq;
-      this.queryForm.bestepid = this.$route.query.bestepid;
-      this.queryForm.bsmBusiness = this.$route.query.bsmBusiness;
-      this.list();
-    }
-  },
-  methods: {
-    // 获取左侧列表
-    list () {
-      let that = this;
-      var formdata = new FormData();
-      formdata.append("bsmSlsq", that.queryForm.bsmSlsq);
-      formdata.append("bestepid", that.queryForm.bestepid);
-      formdata.append("bsmBusiness", that.queryForm.bsmBusiness);
-      leftMenu(formdata).then((res) => {
-        if (res.code === 200) {
-          this.unitData = res.result ? res.result : [];
-          setTimeout(() => {
-            that.$refs.slxx?.[0].list(that.unitData?.[0]?.bsmSldy);
-            this.bsmBusiness = that.unitData?.[0]?.bsmBusiness;
-          }, 300);
-        }
-      });
-    },
-    //获取环节扩展信息
-    expandInfo (bsmSlsq, bestepid) {
-      let that = this;
-      var formdata = new FormData();
-      formdata.append("bsmSlsq", bsmSlsq);
-      formdata.append("bestepid", bestepid);
-      stepExpandInfo(formdata).then((res) => {
-        if (res.code === 200) {
-          this.tabList1 = [...res.result.form];
-          this.tabList = res.result.form;
-          this.activeName = res.result.form[0].value;
-          this.headerleftList = res.result.button;
-          this.headerRightList = res.result.operation;
-        }
-      });
-    },
-    activeClick (tab, event) {
-      if (tab.name == "slxx") {
-        this.list();
-      }
-    },
-    //  左侧列表点击调用接口
-    unitClick (item) {
-      console.log(item, 'unitClickunitClickunitClick');
-      this.bsmBusiness = item.bsmBusiness
-      var activeTabName = this.activeName
-      if (activeTabName == 'slxx') {
-        //受理信息页面接口调取
-        this.$nextTick(() => {
-          this.$refs.slxx[0].list(item.bsmSldy)
-        })
-      } else if (activeTabName == 'spyj') {
-        //审批页面接口调取
-        this.$nextTick(() => {
-          this.$refs.spyj[0].list(this.bsmBusiness, this.queryForm.bestepid)
-        })
-      }
-    },
-    operation (index, item) {
-      let that = this;
-      switch (item.value) {
-        case "zsyl":
-          this.zsylFlag = true;
-          break;
-        case "clfp":
-          this.key++;
-          this.issplitScreen = !this.issplitScreen;
-          this.flag = !this.flag;
-          if (this.issplitScreen) {
-            this.tabList.splice(1, 1);
-          } else {
-            this.tabList = [...this.tabList1];
-          }
-          break;
-        case "th":
-          this.thflag = true;
-          this.$nextTick(() => {
-            this.$refs.thdialogRef.tablelistFn();
-          });
-          break;
-        case "zc":
-          this.zcDialog = true;
-          this.$refs.zcDialogRef.tablelistFn();
-          break;
-        case "tc":
-          window.close();
-          break;
-        case "zslq":
-          this.zslqDialog = true;
-          this.$refs.zslqDialog.tablelistFn();
-          break;
-        case "db":
-          var formdata = new FormData();
-          formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-          formdata.append("bestepid", this.$route.query.bestepid);
-          // comMsg;
-          this.$confirm("请确认是否登簿", "提示", {
-            iconClass: "el-icon-question", //自定义图标样式
-            confirmButtonText: "确认", //确认按钮文字更换
-            cancelButtonText: "取消", //取消按钮文字更换
-            showClose: true, //是否显示右上角关闭按钮
-            type: "warning", //提示类型  success/info/warning/error
-          })
-            .then(function () {
-              record(formdata).then((res) => {
-                if (res.code === 200 || res.code === 2002) {
-                  that.$alert(res.message);
-                }
-              });
-            });
-          break;
-      }
-    },
-    loadView (view) {
-      return (r) =>
-        require.ensure([], () => r(require(`./components/${view}.vue`)));
-    },
-    loadViewSlsq () {
-      return (r) =>
-        require.ensure([], () =>
-          r(require("@/views/zhcx/djbcx/components/jsydsyq.vue"))
-        );
-    },
-  },
-};
-</script>
-<style scoped lang='scss'>
-@import "~@/styles/mixin.scss";
-
-/deep/.svg-icon {
-  width: 2.5em;
-  height: 2.5em;
-}
-
-/deep/.el-tabs__nav-wrap {
-  padding: 5px 0 0 15px;
-}
-
-/deep/.el-tabs__nav-wrap::after {
-  height: 1px;
-}
-
-.iconName {
-  line-height: 24px;
-  font-size: 12px;
-}
-
-/deep/.el-tabs__header {
-  margin: 0 !important;
-}
-
-.splitScreen-con {
-  padding: 0 15px;
-  box-sizing: border-box;
-  height: calc(100% - 350px);
-}
-
-.fqsq {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  box-sizing: border-box;
-  background-color: #ffffff;
-  overflow: hidden;
-
-  .splitScreen {
-    min-width: 50%;
-  }
-
-
-  &-header {
-    @include flex;
-    width: 100%;
-    height: 80px;
-    background-color: #3498db;
-    color: #ffffff;
-    justify-content: space-between;
-    padding-left: 15px;
-    position: sticky;
-    top: 0;
-    z-index: 100;
-
-    ul {
-      @include flex;
-
-      li {
-        @include flex-center;
-        cursor: pointer;
-        flex-direction: column;
-        margin-right: 15px;
-        box-sizing: border-box;
-        width: 70px;
-        margin: 0 5px;
-      }
-
-      li:hover {
-        border: 1px solid #ffffff;
-        border-radius: 5px;
-
-        .svg-icon {
-          //color: $light-blue ;
-        }
-      }
-    }
-  }
-
-  /deep/.el-menu-item.is-active {
-    background-color: #e7f4fe;
-  }
-
-  .map-drawer-expand {
-    width: 20px;
-    height: 77px;
-    background: url("../../../image/right.png");
-    background-size: cover;
-    position: absolute;
-    right: 0%;
-    top: 30%;
-    z-index: 99;
-    cursor: pointer;
-  }
-
-  .map-drawer-click {
-    width: 20px;
-    height: 77px;
-    background: url("../../../image/left.png");
-    background-size: cover;
-    position: absolute;
-    left: 0%;
-    top: 30%;
-    z-index: 999;
-    cursor: pointer;
-  }
-
-  .hide {
-    display: none;
-  }
-
-  .tabsList {
-    width: 100%;
-    position: sticky;
-    top: 80px;
-    background-color: #ffffff;
-    z-index: 100;
-    @include flex;
-
-    .tabsList-left {
-      border-right: 1px solid #ebeef5;
-      position: relative;
-      box-sizing: border-box;
-
-      ul {
-        position: relative;
-
-        .xian {
-          background: #f2f2f2;
-          padding: 2px;
-        }
-
-        .title {
-          padding: 20px;
-          text-align: center;
-        }
-
-        li {
-          padding: 10px;
-          font-size: 14px;
-          color: #606266;
-          line-height: 20px;
-        }
-
-        li:hover {
-          color: #0f93f6;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .tabsList-right {
-      .fenpin {
-        min-width: 50%;
-        border-right: 1px solid #ebeef5;
-      }
-
-      background-color: #ffffff;
-      width: 100%;
-      height: 100%;
-      z-index: 100;
-      @include flex;
-    }
-  }
-
-  .tabsList-title {
-    display: block;
-    line-height: 59px;
-  }
-
-  /deep/.el-tabs {
-    width: 100%;
-  }
-}
-</style>
\ No newline at end of file

+<template>
+  <!-- 受理信息 -->
+  <div class="slxx">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+      label-width="120px">
+      <div class="slxx_con">
+        <div class="slxx_title">受理信息</div>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
+              <el-input disabled v-model="ruleForm.ywh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
+              <el-input disabled v-model="ruleForm.slry"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
+              <el-input disabled v-model="ruleForm.slsj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
+              <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
+              <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
+                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
+              <el-input disabled v-model="ruleForm.djqxmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title">不动产单元情况</div>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
+              <el-input disabled v-model="ruleForm.zddm"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
+              <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
+              <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
+              <el-input disabled v-model="ruleForm.zdmj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号：" prop="hbdcdyh">
+              <el-input disabled v-model="ruleForm.ghytmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态：" prop="djzt">
+              <el-select disabled v-model="ruleForm.djzt" filterable clearable>
+                <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号：" prop="tfqzh">
+              <el-input disabled v-model="ruleForm.tfqzh"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="16">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
+              <el-input disabled v-model="ruleForm.zl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
+              <el-input disabled v-model="ruleForm.fwyt"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
+              <el-input disabled v-model="ruleForm.fwxz"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
+              <el-input disabled v-model="ruleForm.fwjg"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="slxx_title">权利人信息</div>
+        <el-row :gutter="10">
+          <el-col :span="14">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
+              <el-radio-group v-model="ruleForm.gyfs">
+                <el-radio label="1">单独所有</el-radio>
+                <el-radio label="2">共同共有</el-radio>
+                <el-radio label="3">按份所有</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" v-show="ruleForm.gyfs == '2'">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
+              <el-radio-group v-model="ruleForm.sffbcz">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="0">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" v-show="ruleForm.gyfs == '2'">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
+              <el-select v-model="ruleForm.czr" placeholder="持证人">
+                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
+        <div class="slxx_title">登记原因{{flag}}</div>
+        <el-row :gutter="10">
+          <el-col>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
+              <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <el-row class="btn">
+        <el-form-item :class="flag ? 'marginBot0' : ''">
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+import InformationTable from "@/views/workflow/components/InformationTable";
+import { Init, fristReg } from "@/api/jsydsyqFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  async created () {
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = {
+          ...res.result,
+          ...res.result.zdjbxxdatas,
+          ...res.result.qlxxdatas,
+          ...res.result.jsydsyqdatas,
+        };
+      }
+    });
+  },
+  components: { InformationTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data () {
+    return {
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      ruleForm: {
+        ywh: "",
+        slry: "",
+        slsj: "",
+        qllx: "",
+        djlx: "",
+        djqx: "",
+        // 宗地代码
+        zddm: "",
+        bdcdyh: "",
+        qlxzmc: "",
+        qlrxx: [],
+        // 自然幢号
+        zrzh: "",
+        // 户不动产单元号
+        hbdcdyh: '',
+        djzt: '',
+        // 图幅丘幢号
+        tfqzh: '',
+        zl: '',
+        // 房屋用途
+        fwyt: '',
+        fwxz: '',
+        fwjg: '',
+        // 权利人信息
+        gyfs: "1",
+        // 是否分别持证
+        sffbcz: "",
+        // 持证人
+        czr: "",
+        djyy: ''
+      },
+      //传递参数
+      propsParam: {},
+      rules: {},
+    };
+  },
+  methods: {
+    list (bsmSldy) {
+      var formdata = new FormData();
+      formdata.append("bsmSldy", bsmSldy);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
+        }
+      });
+    },
+    onSubmit () {
+      fristReg(this.ruleForm).then((res) => {
+        if (res.code === 200 && res.result) {
+          console.log(res);
+          //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/public.scss";
+
+/deep/.el-form {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 130px);
+  background-color: aqua;
+}
+
+/deep/.el-form-item__label {
+  padding: 0;
+}
+
+/deep/.el-radio {
+  margin-right: 10px;
+}
+
+/deep/.el-select {
+  width: 100%;
+}
+
+/deep/.el-form-item {
+  margin-bottom: 8px;
+}
+
+.marginBot0 {
+  margin-bottom: 0 !important;
+}
+
+.slxx {
+  box-sizing: border-box;
+}
+
+.slxx_con {
+  flex: 1;
+  height: 100%;
+  background-color: #ffffff;
+  overflow-y: auto;
+  padding-right: 3px;
+  overflow-x: hidden;
+}
+
+.submit_btn {
+  height: 50px;
+}
+
+.slxx_title {
+  border-bottom: 1px solid $borderColor;
+  padding-left: 10px;
+  padding-bottom: 5px;
+  margin-bottom: 10px;
+  margin-top: 5px;
+  font-size: 16px;
+  font-weight: 500;
+  color: #4a4a4a;
+}
+
+.btn {
+  text-align: center;
+  padding-top: 10px;
+  height: 36px;
+  background-color: #ffffff;
+  padding: 5px 0;
+}
+
+.textArea {
+  /deep/.el-textarea__inner {
+    min-height: 90px !important;
+  }
+}
+
+/deep/.el-form-item__label {
+  padding-bottom: 0px;
+}
+</style>
\ No newline at end of file

 <template>
 <template>
+  <!-- 受理信息 -->
   <div class="slxx">
   <div class="slxx">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
       label-width="120px">
       label-width="120px">
@@ -162,12 +163,11 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import InformationTable from "./InformationTable";
+import InformationTable from "@/views/workflow/components/InformationTable";
 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 export default {
 export default {
   async created () {
   async created () {
-    //var bsmSldy = this.$parent._data.unitData[0].bsmSldy;
     this.propsParam = this.$attrs;
     this.propsParam = this.$attrs;
     var formdata = new FormData();
     var formdata = new FormData();
     formdata.append("bsmSldy", this.propsParam.bsmSldy);
     formdata.append("bsmSldy", this.propsParam.bsmSldy);

@@ -42,26 +42,39 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
+        <el-row class="advanced-search">
+          <span>高级搜索条件：</span>
+          <ul>
+            <li v-for="(item,index) in searchList" :key="index">
+              {{item.name}}:{{item.value}}
+              <i class="el-icon-circle-close" @click="handelItem(index)"></i>
+            </li>
+          </ul>
+          <el-button class="clean-btn" type="text" v-if="searchList.length>0" @click.native="hanldeCleanAll">清除全部</el-button>
+        </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
     <!-- 表格 -->
     <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" @sort-change="handleSort" border :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <lb-table :page-size="pageData.size" :heightNum="300" @sort-change="handleSort" border
+        :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
+    <searchBox v-model="isSearch" @getSearch="getSearch" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
 import { mapGetters } from 'vuex'
 import { mapGetters } from 'vuex'
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./ybxdata";
+import searchMin from "../components/mixin/index"
+import table from "@/utils/mixin/table"
+import { datas, sendThis } from "./ybxdata"
 import { searchTaskDone } from "@/api/ywbl.js"
 import { searchTaskDone } from "@/api/ywbl.js"
+import searchBox from '../components/search.vue'
 export default {
 export default {
   name: "ybx",
   name: "ybx",
-  components: {},
-  mixins: [table],
+  components: { searchBox },
+  mixins: [table, searchMin],
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
@@ -70,6 +83,7 @@ export default {
   },
   },
   data () {
   data () {
     return {
     return {
+
       queryForm: {
       queryForm: {
         ywly: "",
         ywly: "",
         qllx: "",
         qllx: "",

@@ -54,6 +54,7 @@
 <script>
 <script>
 //查封登记
 //查封登记
 import { datas, sendThis } from "../javascript/bdcql.js";
 import { datas, sendThis } from "../javascript/bdcql.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
@@ -65,13 +66,7 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm,
-      },
+      queryForm: defaultParameters.defaultParameters(),
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -96,6 +91,7 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm=this.djywbm;
         selectQlxx({ ...this.queryForm, ...this.pageData })
         selectQlxx({ ...this.queryForm, ...this.pageData })
           .then((res) => {
           .then((res) => {
             if (res.code === 200) {
             if (res.code === 200) {

@@ -54,6 +54,7 @@
 </template>
 </template>
 <script>
 <script>
 import { datas, sendThis } from "../javascript/bdcqlMain.js";
 import { datas, sendThis } from "../javascript/bdcqlMain.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
@@ -65,13 +66,7 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm,
-      },
+      queryForm: defaultParameters.defaultParameters(),
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -96,6 +91,7 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm=this.djywbm;
         selectQlxx({ ...this.queryForm, ...this.pageData })
         selectQlxx({ ...this.queryForm, ...this.pageData })
           .then((res) => {
           .then((res) => {
             if (res.code === 200) {
             if (res.code === 200) {

@@ -54,6 +54,7 @@
 <script>
 <script>
 //查封登记
 //查封登记
 import { datas, sendThis } from "../javascript/cfdj.js";
 import { datas, sendThis } from "../javascript/cfdj.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
 import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
@@ -65,13 +66,7 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm,
-      },
+      queryForm: defaultParameters.defaultParameters(),
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -96,6 +91,7 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm=this.djywbm;
         selectCfdj({ ...this.queryForm, ...this.pageData })
         selectCfdj({ ...this.queryForm, ...this.pageData })
           .then((res) => {
           .then((res) => {
             if (res.code === 200) {
             if (res.code === 200) {

@@ -56,6 +56,7 @@
 <script>
 <script>
 //抵押权首次登记
 //抵押权首次登记
 import { datas, sendThis } from "../javascript/diyaq.js";
 import { datas, sendThis } from "../javascript/diyaq.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
@@ -68,13 +69,7 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm
-      },
+      queryForm: defaultParameters.defaultParameters(),
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -99,6 +94,7 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm=this.djywbm;
         selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
         selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             let { total, records } = res.result;
             let { total, records } = res.result;
@@ -131,11 +127,9 @@ export default {
     handleSelectionChange (val) {
     handleSelectionChange (val) {
       this.bdcdysz = val;
       this.bdcdysz = val;
     },
     },
-    queryClick () {
-      this.fetchData();
-    },
-  },
-};
+    
+  }
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";

+<template>
+  <div class="from-clues">
+    <!-- 表单部分 -->
+    <div class="from-clues-header">
+      <el-tabs v-model="activeName">
+        <el-tab-pane label="自然幢" name="first"></el-tab-pane>
+        <el-tab-pane label="户" name="second"></el-tab-pane>
+      </el-tabs>
+      <el-form :model="queryForm" ref="queryForm" label-width="100px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="权利类型" label-width="70px">
+              <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号">
+              <el-input placeholder="不动产单元号" v-model="queryForm.bdcdyh" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="业务号" label-width="70px">
+              <el-input placeholder="业务号" v-model="queryForm.ywh" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产权证号">
+              <el-input placeholder="不动产权证号" v-model="queryForm.bdcqzh" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="btnCol">
+            <el-form-item>
+              <el-button type="primary" @click="queryClick()">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 表格 -->
+    <div class="from-clues-content">
+      <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+    </div>
+    <div class="submit_button">
+      <el-button @click="closeDialog">取消</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
+    </div>
+  </div>
+</template>
+<script>
+//国有建设用地使用权/房屋使用权
+import { mapGetters } from 'vuex'
+import { datas, sendThis } from "../javascript/houseOwnership.js";
+import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
+import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
+export default {
+  props: {
+    bsmSqyw: { type: String, default: "" },
+    djqxObj: { type: Object, default: "" },
+    djywbm: { type: String, default: "" }
+  },
+  mixins: [table, jump],
+  data () {
+    return {
+      activeName: 'first',
+      queryForm: {
+        qllx: '',
+        bdcdyh: '',
+        ywh: '',
+        bdcqzh: ''
+      },
+
+      tableData: {
+        total: 0,
+        columns: datas.columns(),
+        data: [],
+      },
+      bdcdysz: [],
+      saveloding: false,
+    };
+  },
+  watch: {
+    bsmSqyw (val) {
+      this.fetchData();
+    },
+  },
+  mounted () {
+    sendThis(this);
+  },
+  computed: {
+    ...mapGetters(['dictData']),
+  },
+  methods: {
+    closeDialog () {
+      this.$emit("closeDialog");
+    },
+    fetchData () {
+      if (this.bsmSqyw) {
+        this.queryForm.sqywbm = this.djywbm;
+
+        selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableData.total = total;
+            this.tableData.data = records;
+          }
+        });
+      }
+    },
+    submitForm () {
+      if (this.bdcdysz.length == 0) {
+        this.$message.error("请至少选择一条数据");
+        return;
+      }
+      this.saveloding = true;
+      startBusinessFlow({
+        bsmSqyw: this.bsmSqyw,
+        bdcdysz: this.bdcdysz,
+        djqxbm: this.djqxObj.djqxbm,
+        djqxmc: this.djqxObj.djqxmc,
+      }).then((res) => {
+        this.saveloding = false;
+        if (res.code == 200) {
+          this.jump(res.result)
+        } else {
+          this.$message.error(res.message);
+        }
+      });
+    },
+    handleSelectionChange (val) {
+      this.bdcdysz = val;
+    }
+  },
+};
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+@import "~@/styles/public.scss";
+</style>

 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
-    <!-- 表单部分 -->
+    <!-- 表单部分 国有建设用地使用权 -->
     <div class="from-clues-header">
     <div class="from-clues-header">
       <el-form :model="queryForm" ref="queryForm" label-width="120px">
       <el-form :model="queryForm" ref="queryForm" label-width="120px">
         <el-row>
         <el-row>
@@ -11,8 +11,8 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="10">
           <el-col :span="10">
-            <el-form-item label="不动产权证号">
-              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px">
+            <el-form-item label="坐落">
+              <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width300px">
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -40,6 +40,7 @@
 <script>
 <script>
 //首次登记
 //首次登记
 import { datas, sendThis } from "../javascript/jsydsyq100.js";
 import { datas, sendThis } from "../javascript/jsydsyq100.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
 import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
@@ -52,13 +53,8 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm,
-      },
+      queryForm: defaultParameters.defaultParameters(),
+
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -83,6 +79,8 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm = this.djywbm;
+
         selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
         selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             let { total, records } = res.result;
             let { total, records } = res.result;
@@ -115,11 +113,8 @@ export default {
     handleSelectionChange (val) {
     handleSelectionChange (val) {
       this.bdcdysz = val;
       this.bdcdysz = val;
     },
     },
-    queryClick () {
-      this.fetchData();
-    },
-  },
-};
+  }
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";

@@ -56,6 +56,7 @@
 <script>
 <script>
 //首次登记
 //首次登记
 import { datas, sendThis } from "../javascript/jsydsyq200.js";
 import { datas, sendThis } from "../javascript/jsydsyq200.js";
+import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
@@ -68,13 +69,7 @@ export default {
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        ywh: "",
-        bdcqzh: "",
-        sqywbm: this.djywbm,
-      },
+      queryForm: defaultParameters.defaultParameters(),
       qllxs: [],
       qllxs: [],
       tableData: {
       tableData: {
         total: 0,
         total: 0,
@@ -99,6 +94,8 @@ export default {
     },
     },
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
+        this.queryForm.sqywbm = this.djywbm;
+
         selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
         selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             let { total, records } = res.result;
             let { total, records } = res.result;
@@ -134,13 +131,9 @@ export default {
         item.ybdcqzsh = item.bdcqzh
         item.ybdcqzsh = item.bdcqzh
       })
       })
       this.bdcdysz = val;
       this.bdcdysz = val;
-
-    },
-    queryClick () {
-      this.fetchData();
-    },
-  },
-};
+    }
+  }
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";

@@ -9,6 +9,10 @@ export default {
         data.bestepid + '&bsmBusiness='
         data.bestepid + '&bsmBusiness='
       );
       );
       window.open(href, "_blank");
       window.open(href, "_blank");
+    },
+    queryClick () {
+      this.pageData.currentPage = 1
+      this.fetchData();
     }
     }
   }
   }
 }
 }

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        type: 'selection',
+        label: '全选'
+      },
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "status",
+        label: "状态",
+      },
+      {
+        prop: "qllxmc",
+        label: "权利类型",
+      },
+      {
+        prop: "zrzh",
+        label: "自然幢号",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "showQlxz",
+        label: "权利性质",
+      },
+      {
+        prop: "zdmj",
+        label: "宗地面积",
+      },
+      {
+        prop: "qlsdfsmc",
+        label: "权利设定方式",
+      },
+      {
+        prop: "showFwyt",
+        label: "房屋用途",
+      },
+      {
+        prop: "zl",
+        label: "坐落",
+      },
+    ]
+  }
+
+
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

@@ -26,10 +26,10 @@ class data extends filter {
           )
           )
         }
         }
       },
       },
-      {
-        prop: "status",
-        label: "状态",
-      },
+      // {
+      //   prop: "status",
+      //   label: "状态",
+      // },
       {
       {
         prop: "qllxmc",
         prop: "qllxmc",
         label: "权利类型",
         label: "权利类型",
@@ -48,7 +48,7 @@ class data extends filter {
       },
       },
       {
       {
         prop: "zdmj",
         prop: "zdmj",
-        label: "宗地面积",
+        label: "宗地面积(㎡)",
       },
       },
       {
       {
         prop: "qlsdfsmc",
         prop: "qlsdfsmc",

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+
+//选择单元通用默认查询条件
+class data extends filter {
+  constructor() {
+    super()
+  }
+  defaultParameters () {
+    return {
+      qllx: "",
+      bdcdyh: "",
+      ywh: "",
+      bdcqzh: "",
+      fwfl: "",
+      zl: "",
+    }
+  }
+}
+let defaultParameters = new data()
+export {
+  defaultParameters,
+  sendThis
+}

@@ -23,6 +23,7 @@ export default {
       this.myValue = val
       this.myValue = val
     },
     },
     djywbm (val) {
     djywbm (val) {
+      console.log(val);
       let dd = queueDjywmc(val);
       let dd = queueDjywmc(val);
       this.editItem = this.loadView(dd);
       this.editItem = this.loadView(dd);
     },
     },

-export function queueDjywmc(djywbm) {
+export function queueDjywmc (djywbm) {
     let vm = null;
     let vm = null;
     switch (djywbm) {
     switch (djywbm) {
         case "A03100"://建设用地使用权（首次登记）
         case "A03100"://建设用地使用权（首次登记）
@@ -9,6 +9,9 @@ export function queueDjywmc(djywbm) {
         case "A03200":
         case "A03200":
         case "A03300":
         case "A03300":
         case "A03400":
         case "A03400":
+        case "A04100":
+            vm = "houseOwnership";
+            break;
         case "A05200":
         case "A05200":
         case "A05300":
         case "A05300":
         case "A05400":
         case "A05400":