style:申请业务规则配置

任超
Showing 5 changed files with 55 additions and 35 deletions
src/components/dialogBox/dialogBox.vue
src/main.js
src/views/system/sqywgz/components/clgzsd.vue
src/views/system/sqywgz/components/djqxsd.vue
src/views/system/sqywgz/components/editDialog.vue
--- a/src/components/dialogBox/dialogBox.vue
View file @03f92ff
+++ b/src/components/dialogBox/dialogBox.vue
View file @03f92ff
@@ -5,7 +5,7 @@
    id="dialogBox">
    <div slot="title">
      <div class="dialog_title">
-        <b>{{  title  }}</b>
+        <b>{{ title }}</b>
        <div v-if="isFullscreen" class="dialog_full">
          <i class="el-icon-rank" v-if="fullscreen" @click="handleFullscreen"></i>
          <i class="el-icon-full-screen" v-else @click="handleFullscreen" />
@@ -17,8 +17,8 @@
    </div>
    <div slot="footer" class="dialog_footer" v-if="isButton">
      <el-button @click="closeDialog" v-if="isReset">取消</el-button>
-      <el-button type="primary" plain @click="submitForm" v-if="isSave" :loading="saveloding">
+      <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding">
-        {{  saveButton  }}</el-button>
+        {{ saveButton }}</el-button>
    </div>
  </el-dialog>
 </template>
@@ -62,9 +62,9 @@ export default {
      type: Boolean,
      default: false,
    },
-    loadingText: {
+    btnDisabled: {
-      type: String,
+      type: Boolean,
-      default: '拼命加载中',
+      default: false
    }
  },
  data () {
--- a/src/main.js
View file @03f92ff
+++ b/src/main.js
View file @03f92ff
@@ -15,7 +15,6 @@ Vue.directive("theme", theme)
 Vue.directive('fo', {
    inserted (el, binding, vnode) {
-        // 聚焦元素
        el.querySelector('input').focus()
    }
 })
--- a/src/views/system/sqywgz/components/clgzsd.vue
View file @03f92ff
+++ b/src/views/system/sqywgz/components/clgzsd.vue
View file @03f92ff
@@ -24,7 +24,7 @@
 </template>
 <script>
 import { mapGetters } from 'vuex'
-import { judgeSort, realMove, findParents } from '@/utils/operation'
+import { realMove, findParents } from '@/utils/operation'
 export default {
  props: {
    ruleForm: {
@@ -130,7 +130,7 @@ export default {
              <el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
                onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
                {
-                  this.subData['djqx'].map(option => {
+                  this.dictData['A40'].map(option => {
                    return (
                      <el-option label={option.nodename} value={option.nodecode}></el-option>
                    )
@@ -146,8 +146,8 @@ export default {
          render: (h, scope) => {
            return (
              <div>
-                <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
+                <el-button type='text' disabled={scope.$index == 0} 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 >
+                <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
              </div>
            )
          }
@@ -159,13 +159,15 @@ export default {
  watch: {
    tableData: {
      handler (newValue, oldValue) {
-        this.$emit('updateValue', newValue)
+        if (!_.isEqual(newValue, this.subData.clxx)) {
+          this.$emit('updateValue', newValue)
+        }
      },
      deep: true
    },
    subData: {
      handler: function (newValue) {
-        this.tableData = judgeSort(newValue.clxx)
+        this.tableData = _.cloneDeep(newValue.clxx)
      },
      deep: true
    },
--- a/src/views/system/sqywgz/components/djqxsd.vue
View file @03f92ff
+++ b/src/views/system/sqywgz/components/djqxsd.vue
View file @03f92ff
@@ -26,15 +26,15 @@
 import { judgeSort, realMove, findParents } from '@/utils/operation'
 export default {
  props: {
-    djqxList: {
-      type: Array, default: () => {
-        return []
-      }
-    },
    ruleForm: {
      type: Object, default: () => {
        return {}
      }
+    },
+    djqx: {
+      type: Array, default: () => {
+        return []
+      }
    }
  },
  data () {
@@ -126,8 +126,8 @@ export default {
          render: (h, scope) => {
            return (
              <div>
-                <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
+                <el-button type='text' disabled={scope.$index == 0} 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 >
+                <el-button type='text' disabled={(scope.$index + 1) == this.tableData.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
              </div>
            )
          }
@@ -137,16 +137,31 @@ export default {
    }
  },
  watch: {
-    djqxList: {
-      handler: function (newValue) {
-        this.tableData = judgeSort(newValue)
-      },
-      deep: true,
-      immediate: true
-    },
    tableData: {
      handler (newValue, oldValue) {
-        this.$emit('updateValue', newValue)
+        let that = this
+        if (!_.isEqual(newValue, this.djqx)) {
+          let temp = newValue.some((item, index, array) => {
+            return item.repeat;
+          })
+          if (temp) {
+            that.$emit('updateValue', {
+              djqx: newValue,
+              btnDisabled: true
+            })
+          } else {
+            that.$emit('updateValue', {
+              djqx: newValue,
+              btnDisabled: false
+            })
+          }
+        }
+      },
+      deep: true
+    },
+    djqx: {
+      handler: function (newValue) {
+        this.tableData = _.cloneDeep(newValue)
      },
      deep: true
    }
--- a/src/views/system/sqywgz/components/editDialog.vue
View file @03f92ff
+++ b/src/views/system/sqywgz/components/editDialog.vue
View file @03f92ff
 <template>
-  <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue">
+  <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="myValue"
+    :btnDisabled="btnDisabled">
    <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 }">{{
@@ -113,8 +114,8 @@
            </el-col>
          </el-row>
        </el-form>
-        <djqxsd v-show="n == 1" :djqxList="subData.djqx" :ruleForm="ruleForm" @updateValue="getDjqxValue" />
+        <djqxsd v-show="n == 1" :ruleForm="ruleForm" :djqx="subData.djqx" @updateValue="getDjqxValue" />
-        <clgzsd v-show="n == 2" :ruleForm="ruleForm" :subData="subData" @updateValue="getClValue" />
+        <clgzsd v-show="n == 2" :ruleForm="ruleForm" :subData="subData" @updateValue="getClgzValue" />
        <dyztsd :ruleForm="ruleForm" :subData="subData" v-show="n == 3" @updateValue="getDyztsdValue" />
      </div>
    </div>
@@ -155,7 +156,9 @@ export default {
  },
  data () {
    return {
+      djqx: [],
      myValue: this.value,
+      btnDisabled: false,
      tn: 0,
      titleList: [],
      imgUploadUrl: fileController.uploadUrl(),
@@ -228,9 +231,11 @@ export default {
      this.getSqdjywDetail(obj.bsmSqyw)
    },
    getDjqxValue (val) {
-      this.subData.djqx = val
+      if (val.clxx) this.subData.djqx = val.djqx
+      this.btnDisabled = val.btnDisabled
+      console.log(this.btnDisabled);
    },
-    getClValue (val) {
+    getClgzValue (val) {
      this.subData.clxx = val
    },
    // 单元状态设定
@@ -281,13 +286,12 @@ export default {
          message: '上传成功',
          type: 'success',
        })
-        console.log(res);
      } else {
        this.loading = false
        this.$message.error(res.message)
      }
    }
-  },
+  }
 };
 </script>
 <style scoped lang="scss">