优化页面

liujun001
1 parent 0d6f1379
Showing 6 changed files with 25 additions and 3 deletions
.env.devTest
.env.production
public/favicon.ico
src/assets/logo/logo.png
src/views/in/in/index.vue
src/views/system/dict/data.vue
@@ -5,7 +5,7 @@ VITE_APP_TITLE = 临港巴士岗前检测系统
 VITE_APP_ENV = 'devTest'
 # 签到机系统/测试
-VITE_APP_BASE_API = 'http://192.168.169.100:8100'
+VITE_APP_BASE_API = 'http://61.169.120.202:8100'
 # VITE_APP_BASE_API = 'http://101.95.136.202:8100'
 # 是否在打包时开启压缩，支持 gzip 和 brotli
@@ -6,7 +6,7 @@ VITE_APP_ENV = &#39;production&#39;
 # 签到机系统/生产环境
 # VITE_APP_BASE_API = 'http://101.95.136.202:8100'
-VITE_APP_BASE_API = 'http://101.95.136.206:8100'
+VITE_APP_BASE_API = 'http://61.169.120.202:8102'
 # VITE_APP_BASE_API = 'http://1.14.107.94:8100'
 # 是否在打包时开启压缩，支持 gzip 和 brotli
@@ -87,7 +87,8 @@
       <el-table-column label="打卡时间" align="center" prop="createTime" width="160" />
       <el-table-column label="打卡操作" align="center" prop="singnIn" width="320">
         <template #default="scope">
-          <dict-tag :options="sys_status" :value="scope.row.singnIn ? scope.row.singnIn.split(',') : []" />
+          <view><dict-tag :options="sys_status" :value="scope.row.singnIn ? scope.row.singnIn.split(',') : []" /></view>
+          <view><button @click="openVideoDialog(scope.row)" v-if="displayViedeo(scope.row)">视频</button></view>
         </template>
       </el-table-column>
     </el-table>
@@ -142,6 +143,12 @@
       </template>
     </el-dialog>
   </div>
+
+  <div>
+    <el-dialog title="查看签到视频" v-model="videoURLOpen" width="1200px">
+      <view v-html="videoHTMl" style="width: 900px; height: 800px;text-align: center;"></view>
+    </el-dialog>
+  </div>
 </template>
 <script setup name="In">
@@ -165,6 +172,8 @@ const multiple = ref(true);
 const dialogLoading = ref(false)
 const total = ref(0);
 const title = ref("");
+const videoHTMl = ref("");
+const videoURLOpen=ref(false);
 const sort = ref(0)
 const timer = ref(0);
 const options = ref([])
@@ -406,6 +415,15 @@ function handleExport() {
   }, `${queryParams.value.date}打卡记录表.xlsx`)
 }
+function openVideoDialog(data){
+  videoHTMl.value ="<video controls height=600 width=\"100%\" ><source src=\""+data.videoURL+"\" type=\"video/mp4\" /></video>";
+  videoURLOpen.value=true;
+}
+
+function displayViedeo(data){
+  return null != data.videoURL && undefined != data.videoURL && '' != data.videoURL
+}
+
 watch(open, (val1, val2) => {
   if (!open.value) {
     dateOptions.value = []
@@ -95,6 +95,7 @@
                <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass">{{ scope.row.dictLabel }}</el-tag>
             </template>
          </el-table-column>
+         <el-table-column label="数据key" align="center" prop="discKey" />
          <el-table-column label="字典键值" align="center" prop="dictValue" />
          <el-table-column label="字典排序" align="center" prop="dictSort" />
          <el-table-column label="状态" align="center" prop="status">
@@ -136,6 +137,9 @@
             <el-form-item label="数据键值" prop="dictValue">
                <el-input v-model="form.dictValue" placeholder="请输入数据键值" />
             </el-form-item>
+            <el-form-item label="数据key" prop="discKey">
+               <el-input v-model="form.discKey" placeholder="请输入样式属性" />
+            </el-form-item>
             <el-form-item label="样式属性" prop="cssClass">
                <el-input v-model="form.cssClass" placeholder="请输入样式属性" />
             </el-form-item>