组件封装

src/views/basicdata/corps/index.vue → src/views/basicdata/AddOrUpdate.vue

@@ -3,7 +3,7 @@
     <div v-show="mainTable == false">
       <el-form label-width="100px" ref="form" :model="form">
         <el-row>
-          <el-col v-for="item in formOption" :span="item.span" :key="item.key">
+          <el-col v-for="item in searchdata" :span="item.span" :key="item.key">
             <el-form-item :label="item.name" v-if="item.key <= bug">
               <el-select v-if="item.form == 1" v-model="form[item.label]" :style="{ width: item.width + 'px' }"></el-select>
               <el-input v-if="item.form == 2" v-model="form[item.label]" :style="{ width: item.width + 'px' }"></el-input>
@@ -216,7 +216,7 @@
               <el-input v-if="item.form == 4" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="detailForm[item.label]" ></el-input>
               <el-date-picker v-if="item.form == 3" v-model="detailForm[item.label]" :style="{ width: item.width + 'px' }" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"></el-date-picker>
               <el-radio-group v-if="item.form == 5" v-model="detailForm[item.label]">
-                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
+                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" v-model="status" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -347,6 +347,11 @@
             >
           </template>
         </el-table-column>
+
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
       </el-table>
     </div>
   </div>
@@ -418,10 +423,12 @@ name: "corps",
   components:{
     draggable
   },
+  props:searchdata,
   data() {
     return {
       setRowList2: [],
       getRowList2: [],
+      status:'0',
       allCheck2: false,
       showSetting2: false,
       tableDate2: [
@@ -519,11 +526,11 @@ name: "corps",
       statusOptions:[
         {
         dictLabel:'正常',
-        dictValue:0
+        dictValue:'0'
       },
         {
           dictLabel:'停用',
-          dictValue:1
+          dictValue:'1'
         }
       ],
       // 遮罩层
@@ -883,6 +890,7 @@ name: "corps",
           label: 'fStatus',
           name:"状态",
           form:5,
+          default:0,
           width:200,
         },
         {
@@ -940,6 +948,14 @@ name: "corps",
         this.arrow = 'el-icon-arrow-down'
       }
     },
+    //确定
+    submitForm(){
+
+    },
+    //取消
+    cancel(){
+
+    },
     //页面刷新
     getList() {
 

src/views/basicdata/material/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <AddOrUpdate :searchdata="formOption">
+
+    </AddOrUpdate>
+  </div>
+</template>
+
+<script>
+import AddOrUpdate from '../AddOrUpdate'
+import draggable from 'vuedraggable'
+export default {
+  name: 'index',
+  components: { AddOrUpdate },
+  data() {
+    return {
+      formOption:[
+        {
+          key:"1",
+          span:6,
+          label: 'fCtrlcorpid',
+          name:"类别",
+          form:1,
+          width:200,
+        },
+        {
+          key:"2",
+          span:6,
+          label:"fBillno",
+          name:"编号",
+          form:2,
+          width:200,
+        },
+        {
+          key:"3",
+          span:6,
+          label: "fCorpidName",
+          name:"客户名称",
+          form:1,
+          width:200,
+        },
+        {
+          key:"4",
+          span:6,
+          label: "createBy",
+          name:"录入人",
+          form:2,
+          width:200,
+        },
+        {
+          key:"5",
+          span:6,
+          label:"cLoadDate",
+          name:"录入区间",
+          form:3,
+          width:200,
+        },
+        {
+          key:"6",
+          span:6,
+          label:"fRemark",
+          name:"备注",
+          form:2,
+          width:200,
+        },
+      ],
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>