style:业务申请模块样式修改

renchao@pashanhoo.com
Showing 2 changed files with 59 additions and 63 deletions
src/views/ywbl/ywsq/components/selectQjzdjbxx.vue
src/views/ywbl/ywsq/guidePage.vue
--- a/src/views/ywbl/ywsq/components/selectQjzdjbxx.vue
View file @7c8ef41
+++ b/src/views/ywbl/ywsq/components/selectQjzdjbxx.vue
View file @7c8ef41
@@ -4,25 +4,25 @@
    <div class="from-clues-header">
      <el-form :model="queryForm" ref="queryForm">
        <el-row>
-           <el-col :span="8">
+          <el-col :span="7">
            <el-form-item label="宗地代码">
-              <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width300px">
+              <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100">
              </el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="7">
            <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width300px">
+              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
              </el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
            <el-form-item label="坐落">
-              <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width300px">
+              <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
              </el-input>
            </el-form-item>
          </el-col>
-          <el-col :span="6" class="btnColRight">
+          <el-col :span="4" class="btnColRight">
            <el-form-item>
              <el-button type="primary" @click="resetForm(true)">重置</el-button>
              <el-button type="primary" @click="handleSearch">查询</el-button>
@@ -79,7 +79,7 @@
    },
    methods: {
      queryClick () {
-        console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
+        console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
        this.$startLoading();
        this.queryForm.sqywbm = this.sqywInfo.djywbm;
        selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
@@ -126,40 +126,40 @@
        });
        this.bdcdysz = val;
      },
-      select(selection, row){
+      select (selection, row) {
-         if(this.sqywInfo.sqywdylx=="1"){
+        if (this.sqywInfo.sqywdylx == "1") {
-             // 清除 所有勾选项
+          // 清除 所有勾选项
-        this.$refs.table.clearSelection()
+          this.$refs.table.clearSelection()
-        // 当表格数据都没有被勾选的时候 就返回
+          // 当表格数据都没有被勾选的时候 就返回
-        // 主要用于将当前勾选的表格状态清除
+          // 主要用于将当前勾选的表格状态清除
-        if(selection.length == 0) return
+          if (selection.length == 0) return
-        this.$refs.table.toggleRowSelection(row, true);
+          this.$refs.table.toggleRowSelection(row, true);
-         }
+        }
      },
-      handleRowClick(row){
+      handleRowClick (row) {
        // 如果状态是1，那就是单选
-        if(this.sqywInfo.sqywdylx=="1"){
+        if (this.sqywInfo.sqywdylx == "1") {
-              const bdcdysz = this.bdcdysz
+          const bdcdysz = this.bdcdysz
-               this.$refs.table.clearSelection()
+          this.$refs.table.clearSelection()
-               if( bdcdysz.length == 1 ) {
+          if (bdcdysz.length == 1) {
-                   bdcdysz.forEach(item => {
+            bdcdysz.forEach(item => {
-                       // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
+              // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
-                       if (item == row) {
+              if (item == row) {
-                           this.$refs.table.toggleRowSelection(row, false);
+                this.$refs.table.toggleRowSelection(row, false);
-                       }
+              }
-                       // 不然就让当前的一行勾选
+              // 不然就让当前的一行勾选
-                       else {
+              else {
-                           this.$refs.table.toggleRowSelection(row, true);
+                this.$refs.table.toggleRowSelection(row, true);
-                       }
+              }
-                   })
+            })
-               }
+          }
-               else {
+          else {
-                   this.$refs.table.toggleRowSelection(row, true);
+            this.$refs.table.toggleRowSelection(row, true);
-               }
+          }
-         }else{
+        } else {
          this.$refs.table.toggleRowSelection(row);
-         }
+        }
      },
    },
--- a/src/views/ywbl/ywsq/guidePage.vue
View file @7c8ef41
+++ b/src/views/ywbl/ywsq/guidePage.vue
View file @7c8ef41
@@ -34,14 +34,14 @@
      <div v-if="selectType == 'amend'" class="right-situation el-card">
        <div class="right-title">登记簿补录</div>
        <ul>
-            <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
+          <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
-              @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
+            @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
-              <dt>{{ item.nodename }}</dt>
+            <dt>{{ item.nodename }}</dt>
-              <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
+            <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
-                <i class="el-icon-star-off"></i>
+              <i class="el-icon-star-off"></i>
-              </p>
+            </p>
-            </li>
+          </li>
-          </ul>
+        </ul>
      </div>
      <!-- 业务申请 -->
      <template v-if="selectType == 'apply'">
@@ -80,7 +80,7 @@
  </div>
 </template>
 <script>
-  import { getCollectBiz, getleftMenu, getNextNode,getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
+  import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
  export default {
    data () {
      return {
@@ -127,20 +127,20 @@
      },
      //申请业务类型菜单事件
      sqywlxClick (item) {
-        console.log("item",item);
+        console.log("item", item);
        this.btnDisabled = true;
        this.selectType = item.type;
-        console.log("this.sqywQllxList",this.sqywQllxList);
+        console.log("this.sqywQllxList", this.sqywQllxList);
        this.sqywQllxList.forEach(item => {
          if (item.check) item.check = false;
        });
-        if(this.selectType == 'amend'){
+        if (this.selectType == 'amend') {
          this.getRepairBiz();
        }
      },
      //权利类型菜单事件
      qllxClick (index) {
-        console.log("业务",index);
+        console.log("业务", index);
        this.btnDisabled = true;
        this.sqywQllxList.forEach(item => {
          if (item.check) item.check = false;
@@ -153,7 +153,6 @@
      },
      //选择申请业务事件
      selectSqywClick (data, index) {
-        console.log("选择",data,index);
        data.forEach(item => {
          item.selected = false;
        });
@@ -184,16 +183,14 @@
        })
      },
-       //获取下个节点类型数据
+      //获取下个节点类型数据
-       getRepairBiz () {
+      getRepairBiz () {
-         getRepairBiz().then(res => {
+        getRepairBiz().then(res => {
          if (res) {
-            console.log("res",res);
+            console.log("res", res);
            this.djqxList = res.result;
+          }
-            };
+        })
-          })
      },
      //双击事件
      dblclick (data, index, item) {
@@ -207,7 +204,6 @@
      },
      //收藏操作
      handleCollection (item) {
-        console.log("item收藏",item);
        let that = this
        if (item.userCollect == '2') {
          addCollectBiz(item.bsmSqyw).then(res => {
@@ -283,10 +279,10 @@
        this.openDialog()
      },
      openDialog () {
-        console.log("this.selectParam",this.selectParam);
+        console.log("this.selectParam", this.selectParam);
        let title = "申请业务：" + this.selectParam?.djywmc ? this.selectParam?.djywmc : '';
-        this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "80%")
+        this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "85%")
      },
      loadView (view) {
        return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))