From 6c395083683a8069c273286ea598d160d454f82e Mon Sep 17 00:00:00 2001
From: xjs <1294405880@qq.com>
Date: Wed, 29 Dec 2021 00:17:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=B4=E6=98=8E=EF=BC=9A1=E3=80=81=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E5=89=8D=E7=AB=AF=E7=BF=BB=E8=AF=91=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=B1=95=E7=A4=BA=E8=AF=AD=E5=8F=A5=20=20=20?=
 =?UTF-8?q?=20=20=202=E3=80=81=E4=BC=98=E5=8C=96=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2=E6=93=8D=E4=BD=9C=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=BB=A5=E5=8F=8A=E7=82=B9=E5=87=BB=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/business/english/translation.js   | 11 ++++-
 .../business/english/copywriting/index.vue    | 47 +++++++++++++------
 .../src/views/business/english/log/index.vue  |  6 +--
 .../business/english/translation/index.vue    | 44 +++++++++++++++--
 4 files changed, 86 insertions(+), 22 deletions(-)

diff --git a/ruoyi-ui/src/api/business/english/translation.js b/ruoyi-ui/src/api/business/english/translation.js
index 25a1cb86..ae0b000d 100644
--- a/ruoyi-ui/src/api/business/english/translation.js
+++ b/ruoyi-ui/src/api/business/english/translation.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 查询日志列表
+// 翻译
 export function translation(query) {
   return request({
     url: '/english/translation',
@@ -8,3 +8,12 @@ export function translation(query) {
     data: query
   })
 }
+
+//获取文案
+export function getCopyWriting(query) {
+  return request({
+    url: '/english/copyWriting',
+    method: 'get',
+    data: query
+  })
+}
diff --git a/ruoyi-ui/src/views/business/english/copywriting/index.vue b/ruoyi-ui/src/views/business/english/copywriting/index.vue
index aa287cea..1def4ee9 100644
--- a/ruoyi-ui/src/views/business/english/copywriting/index.vue
+++ b/ruoyi-ui/src/views/business/english/copywriting/index.vue
@@ -78,24 +78,33 @@
 
     <el-table v-loading="loading" :data="copyWritingList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="文案内容" align="center" prop="content" />
-      <el-table-column label="文案来源" align="center" prop="source" />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+      <el-table-column label="文案内容" align="center" prop="content" :show-overflow-tooltip="true" />
+      <el-table-column label="文案来源" align="center" prop="source" :show-overflow-tooltip="true" />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180" :show-overflow-tooltip="true">
       </el-table-column>
-      <el-table-column label="文案类型" align="center" prop="type">
+      <el-table-column label="文案类型" align="center" prop="type" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.copywriting_type" :value="scope.row.type"/>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
+          <el-tooltip class="item" effect="dark" content="点击查看详情" placement="top-start">
+          <el-button circle
+            type=""
+            icon="el-icon-view"
+            @click="handleView(scope.row,scope.index)"
+            v-hasPermi="['english:copywriting:query']"
+          ></el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="点击删除" placement="top-start">
+          <el-button circle
+            type="danger"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['english:copywriting:remove']"
-          >删除</el-button>
+          ></el-button>
+          </el-tooltip>
         </template>
       </el-table-column>
     </el-table>
@@ -108,13 +117,17 @@
       @pagination="getList"
     />
 
-    <!-- 添加或修改文案api，通过api获取文案信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <!-- 操作日志详细 -->
+    <el-dialog title="内容详细" :visible.sync="open" width="700px" append-to-body>
+      <el-form ref="form" :model="form" label-width="100px" size="mini">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="文案内容：">{{ form.content }}</el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="open = false">关 闭</el-button>
       </div>
     </el-dialog>
   </div>
@@ -174,6 +187,12 @@ export default {
     this.getList();
   },
   methods: {
+    /** 详细按钮操作 */
+    handleView(row) {
+      this.open = true;
+      this.form = row;
+    },
+
     /** 查询文案api，通过api获取文案信息列表 */
     getList() {
       this.loading = true;
diff --git a/ruoyi-ui/src/views/business/english/log/index.vue b/ruoyi-ui/src/views/business/english/log/index.vue
index 9f0884a2..8218c071 100644
--- a/ruoyi-ui/src/views/business/english/log/index.vue
+++ b/ruoyi-ui/src/views/business/english/log/index.vue
@@ -60,12 +60,12 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
-            size="mini"
-            type="text"
+            circle
+            type="danger"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['english:log:remove']"
-          >删除
+          >
           </el-button>
         </template>
       </el-table-column>
diff --git a/ruoyi-ui/src/views/business/english/translation/index.vue b/ruoyi-ui/src/views/business/english/translation/index.vue
index 26743820..b381a659 100644
--- a/ruoyi-ui/src/views/business/english/translation/index.vue
+++ b/ruoyi-ui/src/views/business/english/translation/index.vue
@@ -2,7 +2,18 @@
   <div class="app-container">
     <el-row>
       <el-col :span="24">
-        <div class="grid-content bg-purple" style="height: 100px"></div>
+        <div class="grid-content bg-purple" style="height: 180px">
+<!--          文案内容区域-->
+<!--          内容-->
+          <div class="content_div">
+            {{responseCopyWriting.content}}
+          </div>
+<!--          来源-->
+          <div class="source_div">
+            {{responseCopyWriting.source}}
+
+          </div>
+        </div>
       </el-col>
     </el-row>
     <el-row :gutter="20">
@@ -59,7 +70,7 @@
 </template>
 
 <script>
-import {translation} from "@/api/business/english/translation";
+import {translation,getCopyWriting} from "@/api/business/english/translation";
 
 export default {
   dicts: ['translation_type'],
@@ -73,6 +84,13 @@ export default {
         translationType: '',
         q: '',
       },
+
+      //文案参数
+      copyWriting:[],
+
+      //文案响应数据
+      responseCopyWriting:{},
+
       translationRules: {
         translationType: [{
           required: true,
@@ -96,16 +114,22 @@ export default {
     }
   },
   created() {
-
+    this.getCopyWriting()
   },
   methods: {
+    //获取文案
+    getCopyWriting() {
+      getCopyWriting(this.copyWriting).then(res =>{
+        this.responseCopyWriting=res.data
+      })
+    },
+
     submitForm() {
       this.$refs['translation'].validate(valid => {
         if (valid) {
           translation(this.translationData).then(res => {
             let result = res.data.transResult
             let results = ''
-            console.log(result)
             result.forEach(r => {
               results = results + '  ' + r.dst;
             })
@@ -147,4 +171,16 @@ export default {
   font-style: italic;
 }
 
+.content_div{
+  float: left;
+  width: 88%;
+  text-shadow: 2px 2px 2px grey;
+}
+.source_div{
+  float: left;
+  padding-top: 70px;
+  width: 12%;
+  text-shadow: 2px 2px 2px grey;
+}
+
 </style>