修改服务配置管理项目名称自动获取

src/views/docker/ProConfig.vue

@@ -109,7 +109,7 @@
               :value="item.projectType" />
           </el-select>
         </el-form-item>
-        <el-form-item label="Git地址" prop="gitPath" style="width: 100%;">
+        <el-form-item label="Git地址" prop="gitPath" style="width: 100%;" @blur.native.capture="inputMes(temp.gitPath)">
           <el-input v-model="temp.gitPath" />
         </el-form-item>
 
@@ -121,8 +121,7 @@
           <el-input v-model="temp.owner" />
         </el-form-item>
         <el-form-item label="服务描述" style="width: 100%;">
-          <el-input :autosize="{ minRows: 1, maxRows: 4}" v-model="temp.desc" type="textarea"
-            placeholder="Please input" />
+          <el-input :autosize="{ minRows: 1, maxRows: 4}" v-model="temp.desc" type="textarea" placeholder="请输入描述信息" />
         </el-form-item>
         <el-form-item label="API" style="width: 100%;">
           <el-input v-model="temp.api" />
@@ -251,7 +250,8 @@ export default {
         { label: '服务名降序', key: '-project_name' }
       ],
       temp: {
-        hostName: ''
+        hostName: '',
+        projectName: ''
       },
       dialogFormVisible: false,
       dialogDeleteVisible: false,
@@ -262,7 +262,9 @@ export default {
       rules: {
         projectType: [{ required: true, message: '请选择', trigger: 'change' }],
         gitPath: [{ required: true, message: '请输入', trigger: 'change' }],
-        projectName: [{ required: true, message: '请输入服务名称', trigger: 'change' }],
+        projectName: [
+          { required: true, message: '请输入服务名称', trigger: 'change' }
+        ],
         isActive: [{ required: true, message: '请选择', trigger: 'change' }],
         deployToDocker: [
           { required: true, message: '请选择', trigger: 'change' }
@@ -271,7 +273,8 @@ export default {
         owner: [{ required: true, message: '请输入', trigger: 'change' }],
         configPath: [{ required: true, message: '请输入', trigger: 'change' }]
       },
-      inputVal: ''
+      inputVal: '',
+      name: ''
     }
   },
   // computed: {
@@ -291,6 +294,11 @@ export default {
     this.getProjectList()
   },
   methods: {
+    inputMes(msg) {
+      var projectName = msg.split('/')[1].split('.')[0]
+      this.name = projectName
+      this.$set(this.temp, 'projectName', this.name)
+    },
     // 获取项目列表
     getProjectList() {
       getDockerProjectList(this.listQuery).then((resp) => {