新增 项目修改

src/views/toolManage/urls.vue

@@ -19,8 +19,9 @@
           style="width: 300px"
         >
           <template #header>
-            <div class="card-header">
+            <div class="card-header df jcsb aic">
               <span>{{ item.name }}</span>
+              <el-button @click="edit(item)" type="text">修改</el-button>
             </div>
           </template>
           <div class="mb10 df jscb card-line aic" v-if="item.master_url">
@@ -92,7 +93,7 @@
       </div>
     </el-card>
     <el-dialog
-      title="新增项目"
+      :title="currentItemId ? '修改项目' : '新增项目'"
       v-model="modalVisable"
       width="550px"
       @close="resetForm"
@@ -197,16 +198,32 @@
         </el-form-item>
         <el-form-item>
           <div class="df jcfe">
+            <el-button
+              size="medium"
+              type="primary"
+              @click="cancel()"
+              v-if="currentItemId"
+              >取消</el-button
+            >
             <el-button
               size="medium"
               type="primary"
               @click="resetForm(ruleFormRef)"
+              v-else
               >重置</el-button
             >
+            <el-button
+              size="medium"
+              type="primary"
+              @click="update(ruleFormRef)"
+              v-if="currentItemId"
+              >提交修改</el-button
+            >
             <el-button
               size="medium"
               type="primary"
               @click="submitForm(ruleFormRef)"
+              v-else
               >创建项目</el-button
             >
           </div>
@@ -234,7 +251,6 @@ async function init() {
   pcData.value = [];
   wxData.value = [];
   let { data } = await p.get();
-  console.log(data);
   if (data.length) {
     for (let i of data) {
       if (i.type == 1) {
@@ -247,6 +263,7 @@ async function init() {
 }
 
 let modalVisable = ref(false);
+let currentItemId = ref(0);
 let ruleFormRef = ref(null);
 let ruleForm = ref({
   api_url: "",
@@ -285,11 +302,12 @@ async function submitForm() {
     ...ruleForm.value,
     createTime: db.serverDate(),
   });
-  console.log(res);
   modalVisable.value = false;
   init();
 }
 function resetForm() {
+  currentItemId.value = 0;
+  ruleForm.value = {};
   ruleFormRef.value.resetFields();
 }
 
@@ -307,6 +325,27 @@ async function upload(type) {
   ruleForm.value[type] = download_url;
 }
 
+function edit(item) {
+  modalVisable.value = true;
+  currentItemId.value = item._id;
+  let { name, type, master_url, dev_url, api_url, desc } = item;
+  ruleForm.value = { name, type, master_url, dev_url, api_url, desc };
+}
+
+function cancel() {
+  modalVisable.value = false;
+  ruleForm.value = {};
+  currentItemId.value = 0;
+}
+
+async function update() {
+  let res = await p.doc(currentItemId.value).update({
+    ...ruleForm.value,
+  });
+  modalVisable.value = false;
+  init();
+}
+
 function goTo(url) {}
 
 function copy2(url) {