style:申请业务规则

renchao@pashanhoo.com
Showing 5 changed files with 66 additions and 164 deletions
src/styles/dialogBox.scss
src/views/system/dictionaries/components/editDialog.vue
src/views/system/sqywgz/sqywDetail.vue
src/views/system/sqywgz/sqywgz.vue
src/views/system/sqywgz/sqywgzdata.js
--- a/src/styles/dialogBox.scss
View file @c79ccaf
+++ b/src/styles/dialogBox.scss
View file @c79ccaf
+@import "~@/styles/mixin.scss";
 .dialogBox {
  border-radius: 8px;
  overflow: hidden;
--- a/src/views/system/dictionaries/components/editDialog.vue
View file @c79ccaf
+++ b/src/views/system/dictionaries/components/editDialog.vue
View file @c79ccaf
@@ -20,7 +20,7 @@
    <div class="text-center">
      <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" @click="handleSubmit">确定</el-button>
+      <el-button type="primary" @click="handleSubmit" plain>确定</el-button>
    </div>
  </div>
 </template>
--- a/src/views/system/sqywgz/sqywDetail.vue
View file @c79ccaf
+++ b/src/views/system/sqywgz/sqywDetail.vue
View file @c79ccaf
 <template>
-  <el-dialog
+  <div>
-    :title="sqqlRule.nodename"
-    custom-class="dialogBox contentCenter"
-    width="80%"
-    top="0"
-    :visible.sync="dialogVisible"
-    :before-close="cancelDialog"
-  >
    <ul class="edit-title-list" v-if="djlxList.length > 0">
-      <li
+      <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
-        v-for="(item, index) in djlxList"
+        :class="{ active: index == tn }">
-        @click="handleTitleSelct(item, index)"
-        :key="index"
-        :class="{ active: index == tn }"
-      >
        {{ item.nodename }}
      </li>
    </ul>
@@ -22,18 +11,8 @@
        <el-row>
          <el-col :span="8">
            <el-form-item label="申请分类">
-              <el-select
+              <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
-                v-model="form.ywDetail.sqfl"
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-                disabled
-                placeholder="请选择"
-                class="width100"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
                </el-option>
              </el-select>
            </el-form-item>
@@ -52,18 +31,8 @@
        <el-row>
          <el-col :span="8">
            <el-form-item label="发起业务单元类型">
-              <el-select
+              <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
-                v-model="form.ywDetail.fqywdylx"
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-                disabled
-                placeholder="请选择"
-                class="width100"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
                </el-option>
              </el-select>
            </el-form-item>
@@ -94,78 +63,39 @@
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记情形及材料">
-              <el-input
+              <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
-                v-model="form.ywDetail.djqxcl"
-                placeholder="仅支持execl文件导入"
-              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="1">
-            <el-upload
+            <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
-              ref="upload"
+              :disabled="requested" :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
-              :action="imgUploadUrl"
+              <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
-              :limit="1"
-              accept=".xls, .xlsx"
-              :show-file-list="false"
-              :disabled="requested"
-              :file-list="fileList"
-              :before-upload="uploadRecord"
-              :on-success="handleSuccess"
-            >
-              <el-button
-                type="primary"
-                icon="el-icon-upload"
-                :loading="requested"
-                >上传材料</el-button
-              >
            </el-upload>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="登记原因模板" prop="djyy">
-              <el-input
+              <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
-                type="textarea"
-                :rows="4"
-                placeholder="请输入内容"
-                v-model="form.ywDetail.djyy"
-              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-collapse class="modifycollapse" accordion>
-        <el-collapse-item  title="登记情形设置" name="1">
+        <el-collapse-item title="登记情形设置" name="1">
-          <lb-table
+          <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
-            :column="djqxCol"
-            border
-            :pagination="false"
-            heightNumSetting
-            :data="form.djqx"
-          >
          </lb-table>
        </el-collapse-item>
-        <el-collapse-item  title="材料信息设置" name="2">
+        <el-collapse-item title="材料信息设置" name="2">
-          <lb-table
+          <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
-            :column="clxxCol"
-            border
-            heightNumSetting
-            :pagination="false"
-            :data="form.clxx"
-          >
          </lb-table>
        </el-collapse-item>
-        <el-collapse-item
+        <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
-          title="刷选权利设置"
-          name="3"
-          v-if="form.ywDetail.sfsxql == '1'"
-        >
          <div class="dyztsd-title">
            <b>请勾选需要查询的权利信息</b>
            <div>
-              <el-button type="text" @click="handleSelectall"
+              <el-button type="text" @click="handleSelectall">选择全部
-                >选择全部
              </el-button>
              <el-button type="text" @click="handleInvert">清除全部</el-button>
            </div>
@@ -179,7 +109,7 @@
            </li>
          </ul>
        </el-collapse-item>
-        <el-collapse-item  title="办理状态设置" name="4">
+        <el-collapse-item title="办理状态设置" name="4">
          <ul class="screen-list">
            <li v-for="(item, index) in form.sxzt" :key="index">
              <div class="screen-list-left">
@@ -191,11 +121,11 @@
        </el-collapse-item>
      </el-collapse>
    </div>
-    <div slot="footer" class="dialog_footer">
+    <div slot="footer" class="dialog_footer text-center">
-      <el-button type="primary" @click="submit">提 交</el-button>
      <el-button @click="cancelDialog">取 消</el-button>
+      <el-button type="primary" @click="submit" plain>提 交</el-button>
    </div>
-  </el-dialog>
+  </div>
 </template>
 <script>
 import { mapGetters } from "vuex";
@@ -203,24 +133,14 @@ import { upward, down } from "@/utils/operation";
 import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
 import { datas, sendThis } from "./sqywDetail";
 export default {
-  //父组件 传 过来的 值
+  name: "componentDialog",
  props: {
-    dialogVisible: { type: Boolean, default: false },
+    formData: {
-    sqqlRule: { type: Object, default: {} },
+      type: Object,
-  },
+      default: () => { }
-  watch: {
+    }
-    dialogVisible: {
-      handler: function (newVal, oldVal) {
-        if (newVal) {
-          this.init();
-        }
-      },
-      immediate: true,
-    },
  },
-  components: {},
+  data () {
-  name: "componentDialog",
-  data() {
    return {
      tn: 0,
      n: 0,
@@ -235,32 +155,32 @@ export default {
  computed: {
    ...mapGetters(["dictData"]),
  },
-  mounted() {
+  mounted () {
-    sendThis(this);
+    sendThis(this)
+    this.init()
  },
  methods: {
    //页面初始化
-    init() {
+    init () {
      this.tn = 0;
-      getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
+      getDjlxInfo(this.formData.bsmSqyw).then((res) => {
        let { result } = res;
        this.djlxList = result ? result : [];
        if (this.djlxList.length > 0) {
          this.getDetail(this.djlxList[0].bsmSqyw);
        } else {
-          this.getDetail(this.sqqlRule.bsmSqyw);
+          this.getDetail(this.formData.bsmSqyw);
        }
-      });
+      })
-      //}
    },
    //tab选项卡事件
-    handleTitleSelct(obj, index) {
+    handleTitleSelct (obj, index) {
      this.n = 0;
      this.tn = index;
      this.getDetail(this.djlxList[index].bsmSqyw);
    },
    //获取业务具体明细内容
-    getDetail(bsmSqyw) {
+    getDetail (bsmSqyw) {
      getSqdjywDetail(bsmSqyw).then((res) => {
        if (res.code === 200) {
          this.form = res.result;
@@ -270,7 +190,7 @@ export default {
      });
    },
    //提交保存数据
-    submit() {
+    submit () {
      let that = this;
      saveSqdjyw(this.form).then((res) => {
        if (res.code == 200) {
@@ -283,25 +203,25 @@ export default {
      });
    },
    //修改父组件传过来的值
-    cancelDialog() {
+    cancelDialog () {
      this.$emit("update:dialogVisible", false);
    },
    // 上移下移
-    moveUpward(index, row, type) {
+    moveUpward (index, row, type) {
      if (type == "clxx") {
        upward(index, this.form.clxx);
      } else {
        upward(index, this.form.djqx);
      }
    },
-    moveDown(index, row, type) {
+    moveDown (index, row, type) {
      if (type == "clxx") {
        down(index, this.form.clxx);
      } else {
        down(index, this.form.djqx);
      }
    },
-    addDjqx() {
+    addDjqx () {
      this.form.djqx.push({
        nodecode: "",
        nodename: "",
@@ -310,10 +230,10 @@ export default {
        sfqydjyymb: "0",
      });
    },
-    removeDjqx(index, row) {
+    removeDjqx (index, row) {
      this.form.djqx.splice(index, 1);
    },
-    addClxx() {
+    addClxx () {
      this.form.clxx.push({
        isrequired: "1",
        djqxbm: "",
@@ -323,7 +243,7 @@ export default {
        sfggcl: "1",
      });
    },
-    removeClxx(index, row) {
+    removeClxx (index, row) {
      this.form.clxx.splice(index, 1);
    },
  },
@@ -334,6 +254,7 @@ export default {
 @import "~@/styles/dialogBox.scss";
 @import "~@/styles/collapse.scss";
 @import "~@/styles/dialogBoxheader.scss";
 .contentBox {
  height: 75vh;
  overflow-y: scroll;
--- a/src/views/system/sqywgz/sqywgz.vue
View file @c79ccaf
+++ b/src/views/system/sqywgz/sqywgz.vue
View file @c79ccaf
@@ -6,8 +6,7 @@
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" filterable class="width100" clearable
+              <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
-                placeholder="请选择权利类型">
                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
@@ -34,8 +33,6 @@
        :column="tableData.columns" :data="tableData.data">
      </lb-table>
    </div>
-    <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule"
-      @update:dialogVisible="dialogVisibles"></component-dialog>
  </div>
 </template>
 <script>
@@ -51,15 +48,12 @@ export default {
    componentDialog,
  },
  mixins: [table],
-  mounted() {
+  mounted () {
    sendThis(this);
    this.queryClick();
  },
-  data() {
+  data () {
    return {
-      flag: false,
-      //控制弹窗 显示
-      dialogVisible: false,
      qllxmc: "",
      isDialog: false,
      queryForm: {
@@ -79,7 +73,7 @@ export default {
  },
  methods: {
    // 初始化数据
-    queryClick() {
+    queryClick () {
      this.$startLoading();
      getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
        (res) => {
@@ -92,29 +86,14 @@ export default {
        }
      );
    },
-    //编辑
+    // 修改
-    editClick(row) {
+    editClick (row) {
-      this.flag = true;
      this.sqqlRule = row;
-      this.dialogVisible = true;
+      // this.dialogVisible = true;
-      // if (row.nodecode === 'B50') {
+      this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%')
-      //   this.detailList = []
+    }
-      //   this.bsmSqyw = row.bsmSqyw
+  }
-      //   this.isDialog = true
+}
-      // } else {
-      //   getDjlxInfo(row.bsmSqyw).then(res => {
-      //     let { result } = res
-      //     this.detailList = result ? result : []
-      //     this.isDialog = true
-      //   })
-      // }
-    },
-    //子组件传 过来的 数据
-    dialogVisibles(v) {
-      this.dialogVisible = v;
-    },
-  },
-};
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
--- a/src/views/system/sqywgz/sqywgzdata.js
View file @c79ccaf
+++ b/src/views/system/sqywgz/sqywgzdata.js
View file @c79ccaf
+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-04-11 11:28:15
+ */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -29,7 +34,6 @@ class data extends filter {
        render: (h, scope) => {
          return <div>{this.sqfls(scope.row.sqfl)}</div>;
        }
      },
      {
        prop: "nodecode",
@@ -42,7 +46,7 @@ class data extends filter {
      },
      {
        label: "是否启用",
-        width: '72',
+        width: '80',
        render: (h, scope) => {
          return (
            <div>
@@ -67,9 +71,7 @@ class data extends filter {
      {
        label: '操作',
-        width: '150',
+        width: '80',
-        align: 'center',
-        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
@@ -80,7 +82,6 @@ class data extends filter {
      }
    ]
  }
  qllxs () {
    return [
      { value: 1, label: "国有建设用地使用权" },