style:申请业务规则

+@import "~@/styles/mixin.scss";
 .dialogBox {
   border-radius: 8px;
   overflow: hidden;

@@ -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>

 <template>
-  <el-dialog
-    :title="sqqlRule.nodename"
-    custom-class="dialogBox contentCenter"
-    width="80%"
-    top="0"
-    :visible.sync="dialogVisible"
-    :before-close="cancelDialog"
-  >
+  <div>
     <ul class="edit-title-list" v-if="djlxList.length > 0">
-      <li
-        v-for="(item, index) in djlxList"
-        @click="handleTitleSelct(item, index)"
-        :key="index"
-        :class="{ active: index == tn }"
-      >
+      <li v-for="(item, index) in djlxList" @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
-                v-model="form.ywDetail.sqfl"
-                disabled
-                placeholder="请选择"
-                class="width100"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="form.ywDetail.sqfl" 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
-                v-model="form.ywDetail.fqywdylx"
-                disabled
-                placeholder="请选择"
-                class="width100"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="form.ywDetail.fqywdylx" 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,42 +63,20 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="登记情形及材料">
-              <el-input
-                v-model="form.ywDetail.djqxcl"
-                placeholder="仅支持execl文件导入"
-              ></el-input>
+              <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="1">
-            <el-upload
-              ref="upload"
-              :action="imgUploadUrl"
-              :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 ref="upload" :action="imgUploadUrl" :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
-                type="textarea"
-                :rows="4"
-                placeholder="请输入内容"
-                v-model="form.ywDetail.djyy"
-              >
+              <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -137,35 +84,18 @@
       </el-form>
       <el-collapse class="modifycollapse" accordion>
         <el-collapse-item title="登记情形设置" name="1">
-          <lb-table
-            :column="djqxCol"
-            border
-            :pagination="false"
-            heightNumSetting
-            :data="form.djqx"
-          >
+          <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
           </lb-table>
         </el-collapse-item>
         <el-collapse-item title="材料信息设置" name="2">
-          <lb-table
-            :column="clxxCol"
-            border
-            heightNumSetting
-            :pagination="false"
-            :data="form.clxx"
-          >
+          <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
           </lb-table>
         </el-collapse-item>
-        <el-collapse-item
-          title="刷选权利设置"
-          name="3"
-          v-if="form.ywDetail.sfsxql == '1'"
-        >
+        <el-collapse-item 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>
@@ -191,11 +121,11 @@
         </el-collapse-item>
       </el-collapse>
     </div>
-    <div slot="footer" class="dialog_footer">
-      <el-button type="primary" @click="submit">提 交</el-button>
+    <div slot="footer" class="dialog_footer text-center">
       <el-button @click="cancelDialog">取 消</el-button>
+      <el-button type="primary" @click="submit" plain>提 交</el-button>
+    </div>
   </div>
-  </el-dialog>
 </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 },
-    sqqlRule: { type: Object, default: {} },
-  },
-  watch: {
-    dialogVisible: {
-      handler: function (newVal, oldVal) {
-        if (newVal) {
-          this.init();
+    formData: {
+      type: Object,
+      default: () => { }
     }
   },
-      immediate: true,
-    },
-  },
-  components: {},
-  name: "componentDialog",
-  data() {
+  data () {
     return {
       tn: 0,
       n: 0,
@@ -235,32 +155,32 @@ export default {
   computed: {
     ...mapGetters(["dictData"]),
   },
-  mounted() {
-    sendThis(this);
+  mounted () {
+    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;

@@ -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
-                placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" filterable class="width100" clearable 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) {
-      this.flag = true;
+    // 修改
+    editClick (row) {
       this.sqqlRule = row;
-      this.dialogVisible = true;
-      // if (row.nodecode === 'B50') {
-      //   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;
-    },
-  },
-};
+      // this.dialogVisible = true;
+      this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%')
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";

+/*
+ * @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',
-        align: 'center',
-        fixed: 'right',
+        width: '80',
         render: (h, scope) => {
           return (
             <div>
@@ -80,7 +82,6 @@ class data extends filter {
       }
     ]
   }
-
   qllxs () {
     return [
       { value: 1, label: "国有建设用地使用权" },