|
|
@@ -0,0 +1,106 @@
|
|
|
+<template>
|
|
|
+ <div class="RequestAccess-all">
|
|
|
+ <el-dialog top="35vh" width="370px" title="AI访问" :visible.sync="RequestAccessVisible">
|
|
|
+ <div class="RequestAccess-ul">
|
|
|
+ <div class="RequestAccess-li">
|
|
|
+ <label>拜访单位:</label>
|
|
|
+ <el-select style="width:250px" size="small" v-model="value" clearable placeholder="请选择">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="RequestAccess-li">
|
|
|
+ <label>拜访国家:</label>
|
|
|
+ <el-select style="width:250px" size="small" v-model="value" clearable placeholder="请选择">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="RequestAccess-li" style="align-items: flex-start;">
|
|
|
+ <label>其他信息:</label>
|
|
|
+ <el-input style="width:250px" type="textarea" rows="3" size="small" v-model="value"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="RequestAccess-btn">
|
|
|
+ <el-button type="primary" size="small">确 定</el-button>
|
|
|
+ <el-button size="small">取消</el-button>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <div class="RequestAccess-hader">
|
|
|
+ <div class="RequestAccess-hader-top">
|
|
|
+ <div>
|
|
|
+ <el-select style="width:250px" size="small" v-model="value" clearable placeholder="请选择">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" size="small">AI续查</el-button>
|
|
|
+ <el-button type="primary" size="small">AI重新搜索公务方/机构(覆盖)</el-button>
|
|
|
+ <el-button type="primary" size="small">AI关键字设置</el-button>
|
|
|
+ <el-button type="primary" size="small">下载文件</el-button>
|
|
|
+ <el-button type="primary" size="small">发送邮件</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="RequestAccess-table">
|
|
|
+ <el-table :data="tableData" border style="width: 100%">
|
|
|
+ <el-table-column prop="date" label="XXX" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="XXXX">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="XXXX">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="XXXX">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="XXXX">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="相关信息">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="200">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="primary" @click="scope.row" size="small">编 辑</el-button>
|
|
|
+ <el-button type="primary" size="danger">删 除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ value:'',
|
|
|
+ options: [],
|
|
|
+ tableData:[],
|
|
|
+ RequestAccessVisible:true
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.RequestAccess-all {
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ min-height: 768px;
|
|
|
+}
|
|
|
+.RequestAccess-hader-top{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.RequestAccess-table{
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+.RequestAccess-li{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.RequestAccess-btn{
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+</style>
|