诊所维护

src/views/settingsPage/clinicMaintenance/addClinic.vue

@@ -6,7 +6,7 @@
           <el-col :span="11">
             <el-form-item label="诊所名称" prop="clinicName">
               <el-input v-model="formData.clinicName" placeholder="请输入诊所名称" clearable
-                        :style="{width: '100%'}"></el-input>
+                        :style="{width: '100%'}" :maxlength="64"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="11">
@@ -144,6 +144,10 @@ export default {
           required: true,
           message: '请输入服务IP',
           trigger: 'blur'
+        }, {
+          pattern: /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
+          message: '服务IP格式错误',
+          trigger: 'blur'
         }],
         serverUser: [{
           required: true,

src/views/settingsPage/clinicMaintenance/index.vue

@@ -46,7 +46,8 @@
       </el-table-column>
       <el-table-column prop="isExpire" label="是否到期" align="center" width="170px">
         <template slot-scope="scope">
-          <p v-if="scope.row.isExpire > 1" > 剩余天数({{scope.row.isExpire}}) </p>
+          <p v-if="scope.row.isExpire > 30 "  style="color: green"> 剩余天数({{scope.row.isExpire}}) </p>
+          <p v-else-if="scope.row.isExpire > 1 && scope.row.isExpire < 31"  style="color: orange"> 剩余天数({{scope.row.isExpire}}) </p>
           <span v-else style="color: red">已到期</span>
         </template>
       </el-table-column>
@@ -54,7 +55,7 @@
       </el-table-column>
       <el-table-column fixed="right" label="操作" align="center">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="">升级</el-button>
+          <el-button type="text" size="small" @click="upgrade(scope.row)">升级</el-button>
           <el-button type="text" size="small" @click="edit(scope.row)">编辑</el-button>
           <el-button type="text" size="small" style="color: red" @click="deleteData(scope.row.id)">删除
           </el-button>
@@ -77,24 +78,32 @@
         ref="addClinicRef"
         @closeDialog="closeDialog"
     />
+    <upgrade
+        :upgradeOpen="upgradeOpen"
+        :title="title"
+        ref="upgradeOpenRef"
+        @closeDialog="closeDialog"
+    />
   </div>
 </template>
 
 <script>
 import {clinictList,delClinict} from '@/api/allApi.js'
 import addClinic from "./addClinic.vue";
-import edit from "@/views/settingsPage/clinicOverview/edit.vue";
+import upgrade from "./upgrade.vue";
 
 export default {
   name: 'EitcErmPcIndex',
   computed: {
   },
   components: {
+    upgrade,
     addClinic
   },
   data() {
     return {
       onOpen: false,
+      upgradeOpen: false,
       title: ``,
       dictType: ``,
       form: {
@@ -130,6 +139,14 @@ export default {
       this.onOpen = true;
       this.pageType = 1;
     },
+    /**
+     * 升级页面
+     */
+    upgrade(val){
+      this.upgradeOpen = true;
+      this.$refs.upgradeOpenRef.formData = val;
+      console.log(val)
+    },
     async initList() {
       let obj = {}
       if (this.clinicName.length>0){
@@ -154,6 +171,7 @@ export default {
      */
     closeDialog(){
       this.onOpen = false;
+      this.upgradeOpen = false;
     },
     /**
      * 删除

src/views/settingsPage/clinicMaintenance/upgrade.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <el-dialog :visible="upgradeOpen" @close="onClose" title="Dialog Title">
+      <el-row :gutter="15">
+        <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
+
+          <el-col :span="12">
+            <el-form-item label="现在版本" prop="versionInfo">
+              <el-input v-model="formData.versionInfo" placeholder="请输入现在版本" readonly :disabled='true' clearable
+                        :style="{width: '100%'}"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="升级版本" prop="versionInfoNew">
+              <el-input v-model="formData.versionInfoNew" placeholder="请输入升级版本" :maxlength="64" clearable
+                        :style="{width: '100%'}"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="上传升级包" prop="field102" required>
+              <el-upload ref="field102" :file-list="field102fileList" :action="field102Action"
+                         :before-upload="field102BeforeUpload">
+                <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="校验码" prop="vcode">
+              <el-input v-model="formData.vcode" placeholder="请输入校验码" readonly :disabled='true' clearable
+                        :style="{width: '100%'}"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="16px" label="" prop="field105">
+              <el-button type="primary" size="medium"> 获取校验码 </el-button>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div slot="footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="handleConfirm">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  inheritAttrs: false,
+  components: {},
+  props: {
+    upgradeOpen: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      formData: {
+      },
+      rules: {
+        versionInfoNew: [{
+          required: true,
+          message: '请输入升级版本',
+          trigger: 'blur'
+        }]
+      },
+      field102Action: 'https://jsonplaceholder.typicode.com/posts/',
+      field102fileList: [],
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+
+
+  },
+  methods: {
+    onClose() {
+      this.$emit('closeDialog')
+    },
+    close() {
+      this.$emit('closeDialog')
+    },
+    handleConfirm() {
+      this.$refs['elForm'].validate(valid => {
+        if (!valid) return
+        this.close()
+      })
+    },
+    field102BeforeUpload(file) {
+      let isRightSize = file.size / 1024 / 1024 < 2
+      if (!isRightSize) {
+        this.$message.error('文件大小超过 2MB')
+      }
+      return isRightSize
+    },
+  }
+}
+
+</script>
+<style>
+.el-upload__tip {
+  line-height: 1.2;
+}
+
+</style>