feat:登记材料

任超
Showing 4 changed files with 68 additions and 122 deletions
src/components/LbTable/lb-table.vue
src/components/lbTable/lb-table.vue
src/views/system/sqywgz/sqywDetail.js
src/views/system/sqywgz/sqywDetail.vue
--- a/src/components/LbTable/lb-table.vue
View file @cd1e2c4
+++ b/src/components/LbTable/lb-table.vue
View file @cd1e2c4
@@ -16,7 +16,7 @@
      :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
      <el-table-column width="45" align="center" v-if="isRadio">
        <template slot-scope="scope">
-          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+          <el-radio v-model="selected" :label="scope.$index" class="table-radio"></el-radio>
        </template>
      </el-table-column>
@@ -31,7 +31,7 @@
      <el-table-column width="45" align="center" v-if="isRadio">
        <template slot-scope="scope">
-          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+          <el-radio v-model="selected" :label="scope.$index" class="table-radio"></el-radio>
        </template>
      </el-table-column>
      <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
@@ -59,7 +59,7 @@ export default {
    },
    isRadio: {
      type: Boolean,
-      default: false,
+      default: true,
    },
    border: {
      type: Boolean,
@@ -222,7 +222,13 @@ export default {
  padding-right: 3px;
 }
-/deep/.el-radio__label {
+.table-radio {
-  display: none;
+  /deep/.el-radio__label {
+    display: none;
+  }
+}
+/deep/.el-radio {
+  margin-right: 5px !important;
 }
 </style>
--- a/src/components/lbTable/lb-table.vue
View file @cd1e2c4
+++ b/src/components/lbTable/lb-table.vue
View file @cd1e2c4
@@ -16,7 +16,7 @@
      :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
      <el-table-column width="45" align="center" v-if="isRadio">
        <template slot-scope="scope">
-          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+          <el-radio v-model="selected" :label="scope.$index" class="table-radio"></el-radio>
        </template>
      </el-table-column>
@@ -31,7 +31,7 @@
      <el-table-column width="45" align="center" v-if="isRadio">
        <template slot-scope="scope">
-          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+          <el-radio v-model="selected" :label="scope.$index" class="table-radio"></el-radio>
        </template>
      </el-table-column>
      <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
@@ -59,7 +59,7 @@ export default {
    },
    isRadio: {
      type: Boolean,
-      default: false,
+      default: true,
    },
    border: {
      type: Boolean,
@@ -222,7 +222,13 @@ export default {
  padding-right: 3px;
 }
-/deep/.el-radio__label {
+.table-radio {
-  display: none;
+  /deep/.el-radio__label {
+    display: none;
+  }
+}
+/deep/.el-radio {
+  margin-right: 5px !important;
 }
 </style>
--- a/src/views/system/sqywgz/sqywDetail.js
View file @cd1e2c4
+++ b/src/views/system/sqywgz/sqywDetail.js
View file @cd1e2c4
@@ -7,8 +7,8 @@ const sendThis = (_this) => {
 class data extends filter {
  constructor() {
    super()
-  }  
+  }
-  djqxCol (){
+  djqxCol () {
    return [
      {
        width: '60',
@@ -97,8 +97,8 @@ class data extends filter {
        render: (h, scope) => {
          return (
            <div>
-              <el-button type='text' disabled={scope.$index == 0} onClick={() => { vm.moveUpward(scope.$index, scope.row,'djqx') }}>上移</el-button>
+              <el-button type='text' disabled={scope.$index == 0} onClick={() => { vm.moveUpward(scope.$index, scope.row, 'djqx') }}>上移</el-button>
-              <el-button type='text' disabled={(scope.$index + 1) == vm.form.djqx.length} onClick={() => { vm.moveDown(scope.$index, scope.row,'djqx') }}>下移</el-button >
+              <el-button type='text' disabled={(scope.$index + 1) == vm.form.djqx.length} onClick={() => { vm.moveDown(scope.$index, scope.row, 'djqx') }}>下移</el-button >
            </div>
          )
        }
@@ -106,7 +106,7 @@ class data extends filter {
    ]
  }
-  clxxCol(){
+  clxxCol () {
    return [
      {
        width: '60',
@@ -126,12 +126,15 @@ class data extends filter {
      },
      {
        label: '是否必填',
-        width: '100',
+        prop: 'isrequired',
+        width: '110',
        render: (h, scope) => {
          return (
-            <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
+            <el-radio-group value={scope.row[scope.column.property]} onInput={(val) => {
-              <el-radio label={'1'}>是</el-radio>
+              scope.row[scope.column.property] = val
+            }}>
              <el-radio label={'0'}>否</el-radio>
+              <el-radio label={'1'}>是</el-radio>
            </el-radio-group>
          )
        }
@@ -213,8 +216,8 @@ class data extends filter {
        render: (h, scope) => {
          return (
            <div>
-              <el-button type='text' disabled={scope.$index == 0} onClick={() => { vm.moveUpward(scope.$index, scope.row,'clxx') }}>上移</el-button>
+              <el-button type='text' disabled={scope.$index == 0} onClick={() => { vm.moveUpward(scope.$index, scope.row, 'clxx') }}>上移</el-button>
-              <el-button type='text' disabled={(scope.$index + 1) == vm.form.clxx.length} onClick={() => { vm.moveDown(scope.$index, scope.row,'clxx') }}>下移</el-button >
+              <el-button type='text' disabled={(scope.$index + 1) == vm.form.clxx.length} onClick={() => { vm.moveDown(scope.$index, scope.row, 'clxx') }}>下移</el-button >
            </div>
          )
        }
--- a/src/views/system/sqywgz/sqywDetail.vue
View file @cd1e2c4
+++ b/src/views/system/sqywgz/sqywDetail.vue
View file @cd1e2c4
 <template>
-  <el-dialog
+  <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
-    :title="sqqlRule.nodename"
+    :visible.sync="dialogVisible" :before-close="cancelDialog">
-    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 +12,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 +32,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,42 +64,20 @@
          </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>
@@ -137,35 +85,18 @@
      </el-form>
      <el-collapse accordion>
        <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">
-          <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>
@@ -174,7 +105,7 @@
          <ul class="qlxx-list">
            <li v-for="(item, index) in form.sxql" :key="index">
              <el-checkbox v-model="item.checked">{{
-                item.sxzdmc
+                  item.sxzdmc
              }}</el-checkbox>
            </li>
          </ul>
@@ -224,7 +155,7 @@ export default {
  },
  components: {},
  name: "componentDialog",
-  data() {
+  data () {
    return {
      tn: 0,
      n: 0,
@@ -239,12 +170,12 @@ export default {
  computed: {
    ...mapGetters(["dictData"]),
  },
-  mounted() {
+  mounted () {
    sendThis(this);
  },
  methods: {
    //页面初始化
-    init() {
+    init () {
      this.tn = 0;
      getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
        let { result } = res;
@@ -258,13 +189,13 @@ export default {
      //}
    },
    //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;
@@ -274,7 +205,7 @@ export default {
      });
    },
    //提交保存数据
-    submit() {
+    submit () {
      let that = this;
      saveSqdjyw(this.form).then((res) => {
        if (res.code == 200) {
@@ -287,22 +218,22 @@ export default {
      });
    },
    //修改父组件传过来的值
-    cancelDialog() {
+    cancelDialog () {
      this.$emit("update:dialogVisible", false);
    },
-     // 上移下移
+    // 上移下移
-    moveUpward (index, row,type) {
+    moveUpward (index, row, type) {
-      if(type=="clxx"){
+      if (type == "clxx") {
        upward(index, this.form.clxx)
-      }else{
+      } else {
        upward(index, this.form.djqx)
      }
    },
-    moveDown (index, row,type) {
+    moveDown (index, row, type) {
-       if(type=="clxx"){
+      if (type == "clxx") {
        down(index, this.form.clxx)
-      }else{
+      } else {
        down(index, this.form.djqx)
      }
    },