Merge branch '20201109_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20201109_pc_vue_new_branch

src/xt_pages/outpatientCharges/components/registerDialog.vue

@@ -0,0 +1,262 @@
+<template>
+  <el-dialog width="854px" :title="titles" :visible.sync="visibility" :close-on-click-modal="isClose"
+             :close-on-press-escape="isClose">
+
+    <el-form class="basicForm" :model="form"  :rules="rules"  ref="form"  label-width="100px">
+      <el-form-item label="患者姓名："  prop="name" :validate-event="is_Name">
+         <el-input  v-model="form.name"></el-input>
+      </el-form-item>
+
+      <el-form-item label="性别：" prop="sex" :validate-event="is_Name">
+        <el-select v-model="form.sex" placeholder="请选择">
+          <el-option
+            v-for="item in sex"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="年龄：" prop="age" :validate-event="is_Name">
+        <el-input v-model="form.age"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="出生日期：" prop="birthday" :validate-event="is_Name">
+        <el-date-picker v-model="form.birthday" type="date" @change="getBirthday" placeholder="选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="手机号码：" prop="phone">
+        <el-input v-model="form.phone"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="医疗类别：">
+        <el-select v-model="form.medicalCare" placeholder="请选择">
+          <!-- <el-option
+          v-for="item in medicalCare"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value">
+          </el-option> -->
+          <el-option
+            v-for="(item,index) in getDictionaryDataConfig('system','social_type')"
+            :key="index"
+            :label="item.name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="证件类型：">
+        <el-select v-model="form.certificates" placeholder="请选择">
+          <el-option
+            v-for="item in certificates"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="证件号码：" prop="idCard"  :validate-event="is_Name">
+        <el-input v-model="form.idCard"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="结算类型：">
+        <el-select v-model="form.settlementValue" placeholder="请选择">
+          <el-option
+            v-for="item in settlement"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="社保类型：">
+        <el-select v-model="form.social_type" placeholder="请选择">
+          <!-- <el-option
+          v-for="(item,index) in getDictionaryDataConfig('system','social_type')"
+          :key="index"
+          :label="item.name"
+          :value="item.id">
+          </el-option> -->
+          <el-option
+            v-for="item in medicalCare"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="specialFormItem" label="医保卡号：">
+        <div style="display:flex;">
+          <el-input v-model="form.medicalInsuranceCard"></el-input>
+          <!-- <el-button style="margin-left:10px;" type="primary" @click="reading">读卡</el-button> -->
+        </div>
+      </el-form-item>
+
+    </el-form>
+
+    <!--<el-form :model="formValue" :rules="rules" ref="formValue" class="demo-form-inline"-->
+             <!--:label-position="labelPosition"-->
+             <!--label-width="100px">-->
+
+      <!--<el-row>-->
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="诊断名称" prop="class_name">-->
+            <!--<el-input v-model="formValue.class_name"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="拼音" prop="pinyin">-->
+            <!--<el-input v-model="formValue.pinyin"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="五笔" prop="wubi">-->
+            <!--<el-input v-model="formValue.wubi"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="目录代码" prop="content_code">-->
+            <!--<el-input v-model="formValue.content_code"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="国家编码" prop="country_code">-->
+            <!--<el-input v-model="formValue.country_code"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+
+        <!--<el-col :span="8">-->
+          <!--<el-form-item label="国家目录名称" prop="country_content_name">-->
+            <!--<el-input v-model="formValue.country_content_name"></el-input>-->
+          <!--</el-form-item>-->
+        <!--</el-col>-->
+      <!--</el-row>-->
+
+      <!--<el-col>-->
+        <!--<el-form-item label="备注">-->
+          <!--<el-input type="textarea" :row="5" v-model="formValue.remark"-->
+                    <!--placeholder="请输入内容">-->
+          <!--</el-input>-->
+        <!--</el-form-item>-->
+      <!--</el-col>-->
+    <!--</el-form>-->
+
+    <span slot="footer" class="dialog-footer">
+    <el-button v-if="isCreated == 3" @click="cancle('formValue')">取 消</el-button>
+    <el-button v-if="isCreated != 3 " @click="cancle('formValue')">取 消</el-button>
+    <el-button v-if="isCreated != 3" type="primary" @click="comfirm('formValue')">保 存</el-button>
+  </span>
+  </el-dialog>
+
+</template>
+
+<script>
+  export default {
+    name: 'diagnoseOtherDialog',
+
+    data() {
+
+      return {
+        visibility: false,
+        labelPosition: 'right',
+        isClose: false,
+        form: {
+          class_name: '',
+          content_code: '',
+          country_code: '',
+          country_content_name: '',
+          remark: '',
+          pinyin: '',
+          wubi: ''
+
+        },
+        resetForm: {
+          class_name: '',
+          content_code: '',
+          country_code: '',
+          country_content_name: '',
+          remark: '',
+          pinyin: '',
+          wubi: ''
+        },
+        rules: {
+          class_name: [
+            { required: true, message: '请输入大类名称', trigger: 'blur' }
+          ],
+          content_code: [
+            { required: true, message: '请输入目录代码', trigger: 'blur' }
+          ]
+
+        }
+      }
+    },
+    props: {
+
+      titles: {
+        type: String,
+        default: ''
+      },
+      formValue: {
+        type: Object
+      },
+      type: {
+        type: Number,
+        default: 1
+
+      },
+      isCreated: {
+        type: Number,
+        default: 1
+
+      }
+    },
+    methods: {
+      show: function() {
+        this.visibility = true
+
+      }, hide: function() {
+        this.visibility = false
+      },
+      cancle: function(formName) {
+        this.$emit('dialog-cancle', this.getValue())
+        this.$refs['formValue'].resetFields()
+      },
+      comfirm: function(formName) {
+        this.$refs['formValue'].validate((valid) => {
+          if (valid) {
+            let value = {}
+            value = this.getValue()
+            this.$emit('dialog-comfirm', value)
+            this.form = Object.assign({}, this.resetForm)
+
+          }
+        })
+      },
+      getValue: function() {
+        let form = {}
+        form = this.formValue
+        form['title'] = this.titles
+        form['type'] = this.type
+        form['isCreated'] = this.isCreated
+        return form
+      }
+    }
+
+  }
+</script>
+
+<style scoped>
+
+</style>