暂存

src/HManagement/siteManage/securityConfig/components/financialInfo/edit.vue

@@ -0,0 +1,130 @@
+<template>
+  <div>
+    <el-button type="text" size="mini" @click="onShow">编 辑</el-button>
+    <el-drawer
+        title="新建"
+        :visible.sync="drawer"
+        direction="rtl"
+        append-to-body
+        :show-close="false"
+        size="700px">
+      <div class="drawer__panel">
+        <el-form :model="form" ref="form" :rules="rules" :status-icon="false"	 size="mini" label-position="right" label-width="100px" class="demo-form-inline">
+          <el-form-item label="开票抬头" prop="enterprisename">
+            <el-input v-model="form.enterprisename" placeholder="抬头"></el-input>
+          </el-form-item>
+          <el-form-item label="税号" prop="taxno">
+            <el-input v-model="form.taxno" placeholder="统一社会信用代码"></el-input>
+          </el-form-item>
+          <el-form-item label="开户银行" >
+            <el-input v-model="form.bank" placeholder="统一社会信用代码"></el-input>
+          </el-form-item>
+          <el-form-item label="开户账号" >
+            <el-input v-model="form.bankcardno" placeholder="开户账号"></el-input>
+          </el-form-item>
+          <el-form-item label="开票地址" >
+            <el-input v-model="form.address" placeholder="开票地址"></el-input>
+          </el-form-item>
+          <el-form-item label="电话" >
+            <el-input v-model="form.phonenumber" placeholder="手机号（电话）"></el-input>
+          </el-form-item>
+          <el-form-item label="备注" prop="remarks">
+            <el-input v-model="form.remarks" placeholder="备注"></el-input>
+          </el-form-item>
+          <el-form-item label="是否默认" prop="remarks">
+            <el-radio v-model="form.isdefault" label="1">是</el-radio>
+            <el-radio v-model="form.isdefault" label="0">否</el-radio>
+          </el-form-item>
+          <!--          <el-form-item>
+                      <el-button icon="el-icon-place" type="text">设置为默认地址</el-button>
+                    </el-form-item>-->
+        </el-form>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "edit",
+  props:['data','dataOld'],
+  data () {
+    return {
+      drawer:false,
+      form:{
+        "sys_enterprise_financeid": 0,
+        "sys_enterpriseid": 0,
+        "enterprisename": "",
+        "taxno": "",
+        "bank": "",
+        "bankcardno": "",
+        "address": "",
+        "phonenumber": "",
+        "remarks": "",
+        "isdefault": '1',
+      },
+      rules:{
+        enterprisename: [
+          { required: true, message: '请输入抬头', trigger: 'blur' },
+        ],
+        address: [
+          { required: true, message: '请输入开票地址', trigger: 'blur' },
+        ],
+        taxno: [
+          { required: true, message: '请输入税号', trigger: 'blur' },
+        ],
+        bank: [
+          { required: true, message: '请输入开户行', trigger: 'blur' },
+        ],
+        bankcardno: [
+          { required: true, message: '请输入开户账号', trigger: 'blur' },
+        ],
+        phonenumber: [
+          { required: true, message: '请输入联系电话', trigger: 'blur' },
+          { pattern:/^1[3-9][0-9]\d{8}$/, message: '请输入正确手机号码',trigger: 'blur' }
+        ],
+      }
+    }
+  },
+  methods:{
+    onShow(){
+      this.drawer = true
+      if (this.data.isdefault === 0){
+        this.form.isdefault = '0'
+      }else {
+        this.form.isdefault = '1'
+      }
+    },
+    onSubmit () {
+      console.log(this.form,"表单")
+      this.$refs['form'].validate(async (valid) => {
+        if (! valid) return false
+        const res = await this.$api.requested({
+          "id": 20221013160402,
+          "content": this.form
+        })
+        this.tool.showMessage(res,()=>{
+          this.$emit('onSuccess')
+          this.drawer = false
+          this.$refs['form'].resetFields()
+        })
+      });
+
+    }
+  },
+  mounted() {
+   /* this.form.enterprisename = this.data.enterprisename
+    this.form.sys_enterpriseid = this.data.sys_enterpriseid*/
+    this.form = Object.assign({},this.form,this.data)
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/siteManage/securityConfig/components/financialInfo/index.vue

@@ -65,7 +65,7 @@
           label="操作"
           width="100">
         <template slot-scope="scope">
-
+          <edit :dataOld="data" :data="scope.row" class="inline-16" @onSuccess="onSuccess"></edit>
         </template>
       </el-table-column>
     </el-table>
@@ -87,6 +87,7 @@
 <script>
 
 import add from './add'
+import edit from './edit'
 export default {
   name: "index",
   props:['data'],
@@ -110,7 +111,7 @@ export default {
     }
   },
   components:{
-    add
+    add,edit
   },
   methods:{
     async queryfinancialinfo () {
@@ -147,6 +148,9 @@ export default {
     queryClick(){
       this.params.content.where.condition = this.search
       this.listData()
+    },
+    onSuccess(){
+      this.queryfinancialinfo()
     }
   },
   mounted () {