feat:登记材料

@@ -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 {
-  display: none;
+.table-radio {
+  /deep/.el-radio__label {
+    display: none;
+  }
+}
+
+/deep/.el-radio {
+  margin-right: 5px !important;
 }
 </style>

@@ -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 {
-  display: none;
+.table-radio {
+  /deep/.el-radio__label {
+    display: none;
+  }
+}
+
+/deep/.el-radio {
+  margin-right: 5px !important;
 }
 </style>

@@ -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 + 1) == vm.form.djqx.length} onClick={() => { vm.moveDown(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 >
             </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 label={'1'}>是</el-radio>
+            <el-radio-group value={scope.row[scope.column.property]} onInput={(val) => {
+              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 + 1) == vm.form.clxx.length} onClick={() => { vm.moveDown(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 >
             </div>
           )
         }

 <template>
-  <el-dialog
-    :title="sqqlRule.nodename"
-    custom-class="dialogBox contentCenter"
-    width="80%"
-    top="0"
-    :visible.sync="dialogVisible"
-    :before-close="cancelDialog"
-  >
+  <el-dialog :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
-        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 +12,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 +32,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 +64,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 +85,18 @@
       </el-form>
       <el-collapse 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>
@@ -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) {
-      if(type=="clxx"){
+    // 上移下移
+    moveUpward (index, row, type) {
+      if (type == "clxx") {
         upward(index, this.form.clxx)
-      }else{
+      } else {
         upward(index, this.form.djqx)
       }
-      
+
     },
-    moveDown (index, row,type) {
-       if(type=="clxx"){
+    moveDown (index, row, type) {
+      if (type == "clxx") {
         down(index, this.form.clxx)
-      }else{
+      } else {
         down(index, this.form.djqx)
       }
     },