style:申请业务规则配置

 import request from '@/utils/request'
 /* 
-    系统管理-申请业务规则API
+系统管理    
+申请业务规则API-根据条件进行列表查询
 */
-// 申请业务规则API-根据条件进行列表查询
 export function getSysSqdjywBysearch (data) {
   return request({
     url: '/system/sysSqdjyw/getSysSqdjywBysearch',
@@ -28,4 +28,14 @@ export function getSqdjywDetail (bsmSqyw) {
     url: '/system/sysSqdjyw/getSqdjywDetail?bsmSqyw=' + bsmSqyw,
     method: 'get'
   })
+}
+/* 
+保存登记业务信息-申请业务规则
+*/
+export function saveSqdjyw (data) {
+  return request({
+    url: '/system/sysSqdjyw/saveSqdjyw',
+    method: 'post',
+    data
+  })
 }
\ No newline at end of file

@@ -43,14 +43,14 @@ export function upward (index, data) {
     data.splice(index, 0, upData);
   } else {
     Message({
-      message: '已经是第一条，上移失败',
+      message: '已经是第一条，上移失败'
     });
   }
 }
 export function down (index, data) {
   if ((index + 1) == data.length) {
     Message({
-      message: '已经是最后一条，下移失败',
+      message: '已经是最后一条，下移失败'
     });
   } else {
     let downData = data[index + 1];

@@ -151,8 +151,8 @@ export default {
           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 >
+                <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
+                <el-button type='text' disabled={scope.row.isBottom} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
               </div >
             )
           }
@@ -180,7 +180,7 @@ export default {
     },
     details: {
       handler: function (newValue) {
-        this.tableData = _.cloneDeep(newValue.dataList)
+        this.tableData = this.judgeSort(_.cloneDeep(newValue.dataList))
         if (newValue.isenable == 2) {
           this.column = this.columns.slice(0, 3)
         } else {
@@ -193,6 +193,18 @@ export default {
     }
   },
   methods: {
+    judgeSort (arr) {
+      if (arr.length) {
+        for (let i in arr) {
+          arr[i]["isTop"] = false;
+          arr[i]["isBottom"] = false;
+          arr[i] == arr[0] && (arr[i].isTop = true);
+          arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
+          arr[i].children && arr[i].children.length && this.judgeSort(arr[i].children)
+        }
+      }
+      return arr
+    },
     // 添加索引
     addIndexes () {
       this.tableData.forEach((item, index) => {

@@ -3,16 +3,16 @@
 -->
 <template>
   <div class='该组件名称'>
-    <el-form :model="ruleForm" :rules="rules" label-width="135px">
-      <el-row :gutter="20">
-        <el-col :span="8">
-          <el-form-item label="登记业务编码" prop="djywbm">
-            <el-input v-model="ruleForm.djywbm"></el-input>
+    <el-form :model="ruleForm" :rules="rules">
+      <el-row>
+        <el-col :span="5">
+          <el-form-item label="登记业务编码">
+            {{ ruleForm.djywbm }}
           </el-form-item>
         </el-col>
-        <el-col :span="16">
-          <el-form-item label="登记业务名称" prop="djywmc">
-            <el-input v-model="ruleForm.djywmc"></el-input>
+        <el-col :span="12">
+          <el-form-item label="登记业务名称">
+            {{ ruleForm.djywmc }}
           </el-form-item>
         </el-col>
       </el-row>
@@ -25,13 +25,14 @@
 <script>
 import { upward, down } from '@/utils/operation'
 export default {
+  props: {
+    ruleForm: {
+      type: Object, default: {}
+    }
+  },
   data () {
     return {
       key: 0,
-      ruleForm: {
-        djywbm: '',
-        djywmc: ''
-      },
       cllxOptions: [
         {
           name: '买卖',

@@ -60,7 +60,7 @@ export default {
           type: 'index'
         },
         {
-          prop: 'djywbm',
+          prop: 'nodecode',
           width: '100',
           label: '登记情形编码',
           render: (h, scope) => {
@@ -71,7 +71,7 @@ export default {
           }
         },
         {
-          prop: 'djywmc',
+          prop: 'nodename',
           label: '登记情形名称',
           render: (h, scope) => {
             return (
@@ -134,7 +134,6 @@ export default {
     djqxList: {
       handler: function (newValue) {
         this.tableData = newValue
-        console.log(this.tableData, 'this.tableDatathis.tableDatathis.tableData');
       },
       deep: true,
       immediate: true
@@ -150,11 +149,11 @@ export default {
     handleAdd () {
       this.tableData.push(
         {
-          djqxmc: '',
-          djqxbm: '',
-          djyymb: '',
-          sfqymb: 0,
-          sfqy: 0
+          nodecode: '',
+          nodename: '',
+          enabled: '1',
+          djyy: '',
+          sfqydjyymb: '1'
         }
       )
       this.key++

@@ -3,16 +3,16 @@
 -->
 <template>
   <div class='该组件名称'>
-    <el-form :model="ruleForm" :rules="rules" label-width="135px">
-      <el-row :gutter="20">
-        <el-col :span="8">
-          <el-form-item label="登记业务编码" prop="djywbm">
-            <el-input v-model="ruleForm.djywbm"></el-input>
+    <el-form :model="ruleForm" :rules="rules">
+      <el-row>
+        <el-col :span="5">
+          <el-form-item label="登记业务编码">
+            {{ ruleForm.djywbm }}
           </el-form-item>
         </el-col>
-        <el-col :span="16">
-          <el-form-item label="登记业务名称" prop="djywmc">
-            <el-input v-model="ruleForm.djywmc"></el-input>
+        <el-col :span="12">
+          <el-form-item label="登记业务名称">
+            {{ ruleForm.djywmc }}
           </el-form-item>
         </el-col>
       </el-row>
@@ -47,12 +47,13 @@
 </template>
 <script>
 export default {
+  props: {
+    ruleForm: {
+      type: Object, default: {}
+    }
+  },
   data () {
     return {
-      ruleForm: {
-        djywbm: '',
-        djywmc: ''
-      },
       rules: {
         djywbm: [
           { required: true, message: '登记业务编码', trigger: 'blur' },

 <template>
-  <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue"
+    :saveloding="saveloding">
     <ul class="edit-title-list" v-if="titleList.length > 0">
       <li v-for="(item, index) in titleList" @click="handleTitleSelct(item, index)" :key="index"
         :class="{ active: index == tn }">{{
@@ -13,7 +14,7 @@
         }}</li>
       </ul>
       <div class="sqywgz-edit-right">
-        <el-form :model="ruleForm" v-if="n == 0" :rules="rules" label-width="135px" ref="ruleForm">
+        <el-form :model="ruleForm" v-show="n == 0" :rules="rules" label-width="135px" ref="ruleForm">
           <el-row>
             <el-col :span="8">
               <el-form-item label="权利类型编码">
@@ -83,7 +84,7 @@
           </el-row>
           <el-row>
             <el-col :span="8">
-              <el-form-item label="登记情形及材料" prop="djqxcl">
+              <el-form-item label="登记情形及材料">
                 <el-input v-model="ruleForm.djqxcl" placeholder="仅支持execl文件导入"></el-input>
               </el-form-item>
             </el-col>
@@ -113,9 +114,9 @@
             </el-col>
           </el-row>
         </el-form>
-        <djqxsd v-else-if="n == 1" :djqxList="djqxList" :ruleForm="ruleForm" @updateValue="getValue" />
-        <clgzsd v-else-if="n == 2" @updateValue="getClValue" />
-        <dyztsd v-else />
+        <djqxsd v-show="n == 1" :djqxList="djqxList" :ruleForm="ruleForm" @updateValue="getDjqxValue" />
+        <clgzsd v-show="n == 2" :ruleForm="ruleForm" @updateValue="getClValue" />
+        <dyztsd :ruleForm="ruleForm" v-show="n == 3" />
       </div>
     </div>
   </dialogBox>
@@ -126,7 +127,7 @@ import fileController from '@/api/fileController'
 import djqxsd from './djqxsd.vue'
 import clgzsd from './clgzsd.vue'
 import dyztsd from './dyztsd.vue'
-import { getSqdjywDetail } from '@/api/system'
+import { getSqdjywDetail, saveSqdjyw } from '@/api/system'
 export default {
   components: {
     djqxsd,
@@ -140,9 +141,11 @@ export default {
     }
   },
   watch: {
+    value (val) {
+      this.myValue = val
+    },
     detailList: {
       handler: function (newValue) {
-        console.log(newValue, 'detailListdetailListdetailListdetailList');
         this.titleList = newValue
         this.getSqdjywDetail(newValue[0].bsmSqyw)
       },
@@ -151,6 +154,8 @@ export default {
   },
   data () {
     return {
+      myValue: this.value,
+      saveloding: false,
       djqxList: [],
       tn: 0,
       titleList: [],
@@ -205,6 +210,11 @@ export default {
         djyymb: [
           { required: true, message: '请输入登记原因模板', trigger: 'blur' },
         ],
+      },
+      // 表单提交
+      subData: {
+        djqx: [],
+        ywDetail: {}
       }
     };
   },
@@ -214,6 +224,7 @@ export default {
         let { ywDetail, djqx } = res.result
         this.djqxList = djqx
         this.ruleForm = ywDetail
+        this.subData.djqx = djqx
       })
     },
     handleTitleSelct (obj, index) {
@@ -221,16 +232,22 @@ export default {
       this.tn = index
       this.getSqdjywDetail(obj.bsmSqyw)
     },
-    getValue (val) {
-      console.log(val);
+    getDjqxValue (val) {
+      this.subData.djqx = val
     },
     getClValue (val) {
       console.log(val);
     },
     submitForm () {
       this.$refs['ruleForm'].validate(async (valid) => {
+        let that = this
         if (valid) {
-          this.$emit('input', false)
+          that.saveloding = true
+          this.subData.ywDetail = this.ruleForm
+          saveSqdjyw(this.subData).then(res => {
+            that.saveloding = false
+            that.$emit('input', false)
+          })
         } else {
           this.$message('请检查表单完整性')
           return false;