修改部分前端模板和增加前端页面中行内上传图像的功能

wmhello · wmhello · commit 62c8d0e9c0bf · 2022-04-01T05:09:39.000+08:00
diff --git a/api/app/Http/Resources/Template.php b/api/app/Http/Resources/Template.php
@@ -15,7 +15,9 @@ class ##name## extends JsonResource
     public function toArray($request)
     {
         $data = parent::toArray($request);
-        // 数据转换 
+        $data['created_at'] = $data['created_at'] * 1000;
+        $data['updated_at'] = $data['updated_at'] * 1000;
+        // 数据转换
 
         return $data;
     }
diff --git a/element/src/mixin/line_upload.js b/element/src/mixin/line_upload.js
@@ -0,0 +1,36 @@
+import { getToken } from '@/utils/auth.js'
+import '@/styles/uploader.scss'
+
+export default {
+  data() {
+    return {
+      actionUrl: `${process.env.VUE_APP_BASE_API}/medias`,
+      headers: {
+        Authorization: 'Bearer ' + getToken()
+      },
+      uploadId: null
+    };
+  },
+  methods: {
+    readyUpload(id) {
+      this.uploadId = id
+    },
+    async uploadSuccess(res) {
+      let { data } = res
+      let img = data.url
+      let item = this.tableData.find(v => v.id === this.uploadId)
+      if (item) {
+        item.img = img
+        let { update } = require(`@/api/${this.module}`)
+        try {
+          await update(item)
+          this.$message.succcess('配图上传成功')
+          this.fetchData()
+        } catch (e) {
+        } finally {
+        }
+      }
+      this.uploadId = null
+    }
+  }
+};
diff --git a/element/src/views/template/index.vue b/element/src/views/template/index.vue
@@ -1,23 +1,23 @@
 <template>
 
   <div class="warpper">
-    <el-form :inline="true" :model="searchForm" class="demo-form-inline">
-      <el-form-item label="名称">
-        <el-input v-model="searchForm.name" @keyup.enter.native="search" placeholder="请输入名称">
-        </el-input>
-      </el-form-item>
-      <el-form-item label="状态">
-        <el-select v-model="searchForm.status" placeholder="请选择状态">
-          <el-option :value='true' label='是'></el-option>
-          <el-option :value='false' label='否'></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="find()" plain>查询</el-button>
-        <el-button type="info" @click="findReset()" plain>重置</el-button>
-      </el-form-item>
-    </el-form>
     <div class="toolbar">
+      <el-form :inline="true" :model="searchForm" class="demo-form-inline">
+        <el-form-item label="名称">
+          <el-input v-model="searchForm.name" @keyup.enter.native="search" placeholder="请输入名称">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="searchForm.status" placeholder="请选择状态">
+            <el-option :value='true' label='是'></el-option>
+            <el-option :value='false' label='否'></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="find()" plain>查询</el-button>
+          <el-button type="info" @click="findReset()" plain>重置</el-button>
+        </el-form-item>
+      </el-form>
       <el-button type="primary" plain @click="add">添加</el-button>
     </div>
     <div class="table">
@@ -63,16 +63,18 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-select v-model="formData.status" placeholder="请选择状态">
-              <el-option :value='true' label='是'></el-option>
-              <el-option :value='false' label='否'></el-option>
-            </el-select>
+            <el-form-item label="状态">
+              <el-select v-model="formData.status" placeholder="请选择状态">
+                <el-option :value='true' label='是'></el-option>
+                <el-option :value='false' label='否'></el-option>
+              </el-select>
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="save()">{{ cmdTitle }}</el-button>
+        <el-button type="primary" @click="save('ruleForm')">{{ cmdTitle }}</el-button>
       </div>
     </el-dialog>
   </div>
diff --git a/element/src/views/template/simple.vue b/element/src/views/template/simple.vue
@@ -29,7 +29,7 @@
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="名称" prop="name">
-              <el-input v-model="formData.seller_name" :disabled="isEdit" />
+              <el-input v-model="formData.name" :disabled="isEdit" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -51,7 +51,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="save()">{{ cmdTitle }}</el-button>
+        <el-button type="primary" @click="save('ruleForm')">{{ cmdTitle }}</el-button>
       </div>
     </el-dialog>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,9 @@ class ##name## extends JsonResource`
`15`	`15`	`public function toArray($request)`
`16`	`16`	`{`
`17`	`17`	`$data = parent::toArray($request);`
`18`		`- // 数据转换`
	`18`	`+ $data['created_at'] = $data['created_at'] * 1000;`
	`19`	`+ $data['updated_at'] = $data['updated_at'] * 1000;`
	`20`	`+ // 数据转换`
`19`	`21`
`20`	`22`	`return $data;`
`21`	`23`	`}`