服务器类型与其它接口

src/api/kfgx/gxzy.js

@@ -13,4 +13,28 @@ export function ApplyResources(data) {
         method: 'post',
         data: data
     })
+}
+//申请资源查询
+export function GetResources(params) {
+    return request({
+        url: '/apply/share/resources/list',
+        method: 'get',
+        params
+    })
+}
+//申请资源列表
+export function GetApplication(params) {
+    return request({
+        url: '/apply/my/application/list',
+        method: 'get',
+        params
+    })
+}
+//撤销资源申请
+export function CancelApplication(data) {
+    return request({
+        url: '/apply/my/application',
+        method: 'get',
+        data
+    })
 }

src/views/shareResources/components/ServiceDetails.vue

@@ -24,7 +24,12 @@
               >XXXXX</el-descriptions-item
             >
             <el-descriptions-item label="数据年份">XXXX</el-descriptions-item>
-            <el-descriptions-item label="服务类型">{{ detailObj.type }}</el-descriptions-item>
+            <el-descriptions-item label="服务类型">{{
+              detailObj.type
+            }}</el-descriptions-item>
+            <el-descriptions-item label="服务器类型">{{
+              detailObj.serverType
+            }}</el-descriptions-item>
             <el-descriptions-item label="服务发布时间"
               >XXX</el-descriptions-item
             >
@@ -33,7 +38,7 @@
         </div>
         <div class="btnCon">
           <span @click="dialogVisible = true">申请调用</span>
-          <span><i @click="dialogVisible2 = true">申请记录</i></span>
+          <span><i @click="applicationRecord">申请记录</i></span>
         </div>
       </div>
     </div>
@@ -42,6 +47,7 @@
       :visible.sync="dialogVisible"
       width="30%"
       :before-close="handleClose"
+      :close-on-click-modal="false"
     >
       <div>
         <el-form
@@ -71,12 +77,12 @@
           </el-form-item>
           <el-form-item label-width="0px">
             <el-col :span="12">
-              <el-form-item prop="zymlBy" label="数据服务">
+              <el-form-item prop="zymlBy" label="服务器类型">
                 <el-input v-model="ruleForm.zymlBy"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item prop="zymlTypeName" label="数据类型">
+              <el-form-item prop="zymlTypeName" label="服务类型">
                 <el-input v-model="ruleForm.zymlTypeName"></el-input>
               </el-form-item>
             </el-col>
@@ -88,17 +94,27 @@
               placeholder="行政区"
               :props="{ checkStrictly: true, expandTrigger: 'hover' }"
               clearable
-              v-model="ruleForm.sqFw"
+              v-model="xzqTreeValue"
             ></el-cascader>
           </el-form-item>
           <el-form-item label="申请理由" prop="sqReason">
-            <el-input type="textarea" v-model="ruleForm.sqReason"></el-input>
+            <el-input
+              type="textarea"
+              v-model="ruleForm.sqReason"
+              placeholder="请输入申请理由"
+            ></el-input>
           </el-form-item>
           <el-form-item label="系统名称" prop="systemName">
-            <el-input v-model="ruleForm.systemName"></el-input>
+            <el-input
+              v-model="ruleForm.systemName"
+              placeholder="请输入使用数据服务的系统名称"
+            ></el-input>
           </el-form-item>
           <el-form-item label="调用IP" prop="callIp">
-            <el-input v-model="ruleForm.callIp"></el-input>
+            <el-input
+              v-model="ruleForm.callIp"
+              placeholder="请输入使用数据服务的IP地址，多个用;隔开，最多支持3个"
+            ></el-input>
           </el-form-item>
           <el-form-item label="预期截止时间" prop="sqDeadline">
             <el-date-picker
@@ -142,21 +158,16 @@
     >
       <div>
         <el-table :data="tableData" style="width: 100%">
-          <el-table-column prop="date" label="申请时间" >
-          </el-table-column>
-          <el-table-column prop="sqbm" label="申请部门" >
-          </el-table-column>
-          <el-table-column prop="sjfw" label="数据服务" >
-          </el-table-column>
-          <el-table-column prop="fwlx" label="服务类型" >
-          </el-table-column>
-          <el-table-column prop="sqfw" label="申请范围" >
-          </el-table-column>
-          <el-table-column prop="sqly" label="申请理由" >
-          </el-table-column>
+          <el-table-column prop="date" label="申请时间"> </el-table-column>
+          <el-table-column prop="sqbm" label="申请部门"> </el-table-column>
+          <el-table-column prop="sjfw" label="数据服务"> </el-table-column>
+          <el-table-column prop="fwlx" label="服务类型"> </el-table-column>
+          <el-table-column prop="sqfw" label="申请范围"> </el-table-column>
+          <el-table-column prop="sqly" label="申请理由"> </el-table-column>
           <el-table-column prop="xtmc" label="系统名称"> </el-table-column>
           <el-table-column prop="dyip" label="调用IP"> </el-table-column>
-          <el-table-column prop="yqTime" label="预期使用时间"> </el-table-column>
+          <el-table-column prop="yqTime" label="预期使用时间">
+          </el-table-column>
         </el-table>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -171,16 +182,17 @@
 
 <script>
 import { GetXzqhTree } from "@/api/map";
-import { ApplyResources } from "../../../api/kfgx/gxzy";
+import { ApplyResources, GetResources } from "../../../api/kfgx/gxzy";
 import moment from "moment";
 export default {
   props: {
-    detailObj:{
+    detailObj: {
       type: Object,
     },
   },
   data() {
     return {
+      xzqTreeValue: "",
       isDetailsShow: false,
       dialogVisible: false,
       dialogVisible2: false,
@@ -188,38 +200,50 @@ export default {
       fileList: [], //文件
       ruleForm: {
         sqTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"), //申请时间
-        sqDepartmentBy: "", //申请部门
+        sqDepartmentBy: "海南省国土空间治理平台", //申请部门
         sqReason: "", //申请理由
-        systemName:'',
-        sqFw:'',//申请范围
-        zymlBy: "", //数据服务
-        zymlTypeName: "", //数据类型
+        systemName: "", //系统名称
+        sqFw: "", //申请范围
+        zymlBy: this.detailObj.serverType, //数据服务
+        zymlTypeName: this.detailObj.type, //数据类型
         callIp: "", //调用ip
         sqDeadline: "", //预期服务截止时间
         attachment: "", //附件材料
       },
       rules: {
-        name: [
-          { required: true, message: "请输入活动名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        sqly: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
+        systemName: [
+          {
+            required: true,
+            message: "请输入使用数据服务的系统名称",
+            trigger: "blur",
+          },
+          { min: 1, message: "长度至少为一个字符", trigger: "blur" },
+        ], //系统名称
+        sqReason: [
+          { required: true, message: "请填写活动形式", trigger: "blur" },
+        ], //申请理由
         sqFw: [
           { required: true, message: "请选择申请范围", trigger: "change" },
         ],
-        dyip: [{ required: true, message: "请填写调用IP", trigger: "blur" }],
+        callIp: [
+          {
+            required: true,
+            message: "请输入使用数据服务的IP地址，多个用;隔开，最多支持3个",
+            trigger: "blur",
+          },
+        ], //请输入使用数据服务的IP地址，多个用;隔开，最多支持3个
       },
       tableData: [
         {
           date: "2016-05-02",
           sqbm: "研发部",
           sjfw: "XXXXXX",
-          fwlx:'iServer',
-          sqfw:'吉阳区',
-          sqly:'申请理由',
-          xtmc:'系统名称',
-          dyip:'调用ip',
-          yqTime:'预期时间',
+          fwlx: "iServer",
+          sqfw: "吉阳区",
+          sqly: "申请理由",
+          xtmc: "系统名称",
+          dyip: "调用ip",
+          yqTime: "预期时间",
         },
       ],
     };
@@ -228,10 +252,16 @@ export default {
     this.getXzqTreeData();
   },
   methods: {
-    
     closeBox() {
       this.$emit("updateParent", "isShowService", false);
     },
+    //申请记录
+    applicationRecord() {
+      GetResources().then((res) => {
+        console.log(res, "|||||||||||||||");
+        this.dialogVisible2 = true
+      });
+    },
     getXzqTreeData() {
       GetXzqhTree().then((res) => {
         if (res.data.length > 0) {
@@ -273,10 +303,11 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          alert("submit!");
-          ApplyResources().then((res)=>{
-            this.$message.success('成功!')
-          })
+          ApplyResources(this.ruleForm).then((res) => {
+            console.log(res, "+++++++++++++");
+            this.$message.success("成功!");
+            this.dialogVisible = false;
+          });
         } else {
           console.log("error submit!!");
           return false;
@@ -284,16 +315,23 @@ export default {
       });
     },
     resetForm(formName) {
+      this.dialogVisible = false;
       this.$refs[formName].resetFields();
     },
   },
+  watch: {
+    xzqTreeValue(val) {
+      // console.log(val,'***************');
+      this.ruleForm.sqFw = val[0];
+    },
+  },
 };
 </script>
 
 <style lang="scss" scoped>
 .ServiceCon {
   height: 760px;
-//   background-color: aliceblue;
+  //   background-color: aliceblue;
   cursor: auto;
 
   .btnCon {
@@ -351,17 +389,17 @@ export default {
   top: 38px;
 }
 
-/deep/ .el-icon-close:before{
-    right: 2px;
-    top: 0px;
+/deep/ .el-icon-close:before {
+  right: 2px;
+  top: 0px;
 }
-/deep/ .el-descriptions-item__label.is-bordered-label{
-    color: #fff;
-    background-color: transparent;
+/deep/ .el-descriptions-item__label.is-bordered-label {
+  color: #fff;
+  background-color: transparent;
 }
-/deep/ .el-descriptions__body{
-    color: #fff;
-    background-color: transparent;
+/deep/ .el-descriptions__body {
+  color: #fff;
+  background-color: transparent;
 }
 </style>
 <style>