更新

package.json

@@ -21,7 +21,7 @@
     "@wangeditor/editor-for-vue": "^5.1.10",
     "axios": "0.24.0",
     "echarts": "5.2.2",
-    "element-plus": "2.0.1",
+    "element-plus": "^2.0.1",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.6",
     "js-cookie": "3.0.1",

src/views/CCInformation/GIRelease/index.vue

@@ -1,9 +1,131 @@
 <template>
-    <div>
-        园区政务信息发布
-    </div>
-  </template>
+    <el-form :model="form" label-width="auto" style="max-width: 600px">
+        <el-form-item label="标题">
+            <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="专栏">
+            <el-select v-model="form.region" placeholder="请选择发布类型">
+                <el-option label=" one" value="shanghai" />
+                <el-option label=" two" value="beijing" />
+            </el-select>
+        </el-form-item>
+        <el-form-item label="发布时间">
+            <el-col :span="11">
+                <el-date-picker v-model="form.date1" type="date" placeholder="选择发布时间"
+                    :default-value="new Date(2010, 9, 1)" />
+            </el-col>
+        </el-form-item>
+        <el-form-item label="内容">
+            <el-input v-model="form.desc" type="textarea" />
+        </el-form-item>
+        <el-form-item label="添加图片">
+
+            <el-upload action="#" list-type="picture-card" :auto-upload="false">
+                <el-icon>
+                    <Plus />
+                </el-icon>
+
+                <template #file="{ file }">
+                    <div>
+                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+                        <span class="el-upload-list__item-actions">
+                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+                                <el-icon><zoom-in /></el-icon>
+                            </span>
+                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
+                                <el-icon>
+                                    <Download />
+                                </el-icon>
+                            </span>
+                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+                                <el-icon>
+                                    <Delete />
+                                </el-icon>
+                            </span>
+                        </span>
+                    </div>
+                </template>
+            </el-upload>
+
+            <el-dialog v-model="dialogVisible">
+                <img w-full :src="dialogImageUrl" alt="Preview Image" />
+            </el-dialog>
+
+        </el-form-item>
+        <el-form-item>
+            <el-button type="primary" @click="onSubmit">发布</el-button>
+            <el-button>清楚内容</el-button>
+        </el-form-item>
+    </el-form>
+</template>
   
-  <script setup name="Confirmation">
-  </script>
-  
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
+
+import type { UploadFile } from 'element-plus'
+
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+const disabled = ref(false)
+
+const handleRemove = (file: UploadFile) => {
+  console.log(file)
+}
+
+const handlePictureCardPreview = (file: UploadFile) => {
+  dialogImageUrl.value = file.url!
+  dialogVisible.value = true
+}
+
+const handleDownload = (file: UploadFile) => {
+  console.log(file)
+}
+
+// do not use same name with ref
+import { reactive } from 'vue'
+const form = reactive({
+    name: '',
+    region: '',
+    date1: '',
+    date2: '',
+    delivery: false,
+    type: [],
+    resource: '',
+    desc: '',
+})
+
+const onSubmit = () => {
+    console.log('submit!')
+}
+</script>
+<style scoped>
+.avatar-uploader .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+    border: 1px dashed var(--el-border-color);
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+    border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    text-align: center;
+}
+</style>

src/views/basicData/HetcData/LittleGiantDSORS/index.vue

@@ -1,240 +1,11 @@
-<!--<template>-->
-<!--    <div class="app-container">-->
-<!--        <el-row :gutter="20">-->
-<!--            &lt;!&ndash;用户数据&ndash;&gt;-->
-<!--            <el-col style="display:flex" :span="20" :xs="24">-->
-<!--                <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">-->
-<!--                    <el-form-item label="用户名称" prop="userName">-->
-<!--                        <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"-->
-<!--                            @keyup.enter="handleQuery" />-->
-<!--                    </el-form-item>-->
-<!--                    <el-form-item>-->
-<!--                        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>-->
-<!--                        <el-button icon="Refresh" @click="resetQuery">重置</el-button>-->
-<!--                    </el-form-item>-->
-<!--                </el-form>-->
 
-<!--                <el-row :gutter="10" class="mb8">-->
-<!--                    <el-col :span="1.5">-->
-<!--                        <el-button type="danger" plain icon="Delete" @click="handleDelete">删除</el-button>-->
-<!--                    </el-col>-->
-<!--                    <el-col :span="1.5">-->
-<!--                        <el-button type="info" plain icon="Upload" @click="handleImport"-->
-<!--                            v-hasPermi="['system:user:import']">导入</el-button>-->
-<!--                    </el-col>-->
-<!--                    <el-col :span="1.5">-->
-<!--                        <el-button type="warning" plain icon="Download" @click="handleExport"-->
-<!--                            v-hasPermi="['system:user:export']">导出</el-button>-->
-<!--                    </el-col>-->
-<!--                </el-row>-->
-
-<!--                &lt;!&ndash; <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">-->
-<!--                    <el-table-column type="selection" align="center" />-->
-<!--                    <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />-->
-<!--                    <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"-->
-<!--                        :show-overflow-tooltip="true" />-->
-<!--                    <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"-->
-<!--                        :show-overflow-tooltip="true" />-->
-<!--                    <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"-->
-<!--                        :show-overflow-tooltip="true" />-->
-<!--                    <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber"-->
-<!--                        v-if="columns[4].visible" />-->
-<!--                    <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">-->
-<!--                        <template #default="scope">-->
-<!--                            <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"-->
-<!--                                @change="handleStatusChange(scope.row)"></el-switch>-->
-<!--                        </template>-->
-<!--                    </el-table-column>-->
-<!--                    <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible">-->
-<!--                        <template #default="scope">-->
-<!--                            <span>{{ parseTime(scope.row.createTime) }}</span>-->
-<!--                        </template>-->
-<!--                    </el-table-column>-->
-<!--                </el-table> &ndash;&gt;-->
-<!--                &lt;!&ndash; <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"-->
-<!--                    v-model:limit="queryParams.pageSize" @pagination="getList" /> &ndash;&gt;-->
-<!--            </el-col>-->
-<!--        </el-row>-->
-
-<!--        &lt;!&ndash; 用户导入对话框 &ndash;&gt;-->
-<!--        <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>-->
-<!--            <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"-->
-<!--                :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"-->
-<!--                :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>-->
-<!--                <el-icon class="el-icon&#45;&#45;upload"><upload-filled /></el-icon>-->
-<!--                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>-->
-<!--                <template #tip>-->
-<!--                    <div class="el-upload__tip text-center">-->
-<!--                        <div class="el-upload__tip">-->
-<!--                            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据-->
-<!--                        </div>-->
-<!--                        <span>仅允许导入xls、xlsx格式文件。</span>-->
-<!--                        <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"-->
-<!--                            @click="importTemplate">下载模板</el-link>-->
-<!--                    </div>-->
-<!--                </template>-->
-<!--            </el-upload>-->
-<!--            <template #footer>-->
-<!--                <div class="dialog-footer">-->
-<!--                    <el-button type="primary" @click="submitFileForm">确 定</el-button>-->
-<!--                    <el-button @click="upload.open = false">取 消</el-button>-->
-<!--                </div>-->
-<!--            </template>-->
-<!--        </el-dialog>-->
-<!--    </div>-->
-<!--</template>-->
-<!--  -->
-<!--<script setup name="LitleGiant">-->
-<!--import { getToken } from '@/utils/auth'-->
-<!--import { getCrmAdministrativeLicenseList } from '@/api/basicData/confirmation'-->
-<!--import {-->
-<!--    delUser,-->
-<!--} from '@/api/system/user.js'-->
-
-<!--const { proxy } = getCurrentInstance()-->
-<!--const store = useStore()-->
-<!--const userList = ref([])-->
-<!--const loading = ref(true)-->
-<!--const showSearch = ref(true)-->
-<!--const ids = ref([])-->
-<!--const single = ref(true)-->
-<!--const multiple = ref(true)-->
-<!--const total = ref(0)-->
-<!--const dateRange = ref([])-->
-<!--const deptOptions = ref(undefined)-->
-<!--/*** 用户导入参数 */-->
-<!--const upload = reactive({-->
-<!--    // 是否显示弹出层（用户导入）-->
-<!--    open: false,-->
-<!--    // 弹出层标题（用户导入）-->
-<!--    title: '',-->
-<!--    // 是否禁用上传-->
-<!--    isUploading: false,-->
-<!--    // 是否更新已经存在的用户数据-->
-<!--    updateSupport: 0,-->
-<!--    // 设置上传的请求头部-->
-<!--    headers: { Authorization: getToken() },-->
-<!--    // 上传的地址-->
-<!--    url: import.meta.env.VITE_APP_BASE_API + 'crmAdministrativeLicense/importData'-->
-<!--})-->
-<!--// 列显隐信息-->
-<!--const columns = ref([-->
-<!--    { key: 0, label: `用户编号`, visible: true },-->
-<!--    { key: 1, label: `用户名称`, visible: true },-->
-<!--    { key: 2, label: `用户昵称`, visible: true },-->
-<!--    { key: 3, label: `部门`, visible: true },-->
-<!--    { key: 4, label: `手机号码`, visible: true },-->
-<!--    { key: 5, label: `状态`, visible: true },-->
-<!--    { key: 6, label: `创建时间`, visible: true }-->
-<!--])-->
-
-<!--const data = reactive({-->
-<!--    form: {},-->
-<!--    queryParams: {-->
-<!--        pageNum: 1,-->
-<!--        pageSize: 10,-->
-<!--        userName: undefined,-->
-<!--        phonenumber: undefined,-->
-<!--        status: undefined,-->
-<!--        deptId: store.state.user.userInfo.deptId-->
-<!--    },-->
-<!--})-->
-
-<!--const { queryParams, form } = toRefs(data)-->
-
-<!--/** 查询用户列表 */-->
-<!--function getList() {-->
-<!--    // loading.value = true-->
-<!--    // getCrmAdministrativeLicenseList().then((res) => {-->
-<!--    //     console.log(res)-->
-<!--    // })-->
-
-<!--}-->
-<!--/** 删除按钮操作 */-->
-<!--function handleDelete(row) {-->
-<!--    const userIds = row.userId || ids.value-->
-<!--    proxy.$modal-->
-<!--        .confirm('是否确认删除用户编号为"' + userIds + '"的数据项？')-->
-<!--        .then(function () {-->
-<!--            return delUser(userIds)-->
-<!--        })-->
-<!--        .then(() => {-->
-<!--            getList()-->
-<!--            proxy.$modal.msgSuccess('删除成功')-->
-<!--        })-->
-<!--        .catch(() => { })-->
-<!--}-->
-<!--/** 导出按钮操作 */-->
-<!--function handleExport() {-->
-<!--    proxy.download(-->
-<!--        'system/user/export',-->
-<!--        {-->
-<!--            ...queryParams.value-->
-<!--        },-->
-<!--        `user_${new Date().getTime()}.xlsx`-->
-<!--    )-->
-<!--}-->
-<!--/** 选择条数  */-->
-<!--function handleSelectionChange(selection) {-->
-<!--    ids.value = selection.map((item) => item.userId)-->
-<!--    single.value = selection.length != 1-->
-<!--    multiple.value = !selection.length-->
-<!--}-->
-<!--/** 导入按钮操作 */-->
-<!--function handleImport() {-->
-<!--    upload.title = '用户导入'-->
-<!--    upload.open = true-->
-<!--}-->
-
-<!--/** 下载模板操作 */-->
-<!--function importTemplate() {-->
-<!--    proxy.download(-->
-<!--        'system/user/importTemplate',-->
-<!--        {},-->
-<!--        `user_template_${new Date().getTime()}.xlsx`-->
-<!--    )-->
-<!--}-->
-<!--/**文件上传中处理 */-->
-<!--const handleFileUploadProgress = (event, file, fileList) => {-->
-<!--    upload.isUploading = true-->
-<!--}-->
-<!--/** 文件上传成功处理 */-->
-<!--const handleFileSuccess = (response, file, fileList) => {-->
-<!--    upload.open = false-->
-<!--    upload.isUploading = false-->
-<!--    proxy.$refs['uploadRef'].clearFiles()-->
-<!--    proxy.$alert(-->
-<!--        "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +-->
-<!--        response.msg +-->
-<!--        '</div>',-->
-<!--        '导入结果',-->
-<!--        { dangerouslyUseHTMLString: true }-->
-<!--    )-->
-<!--    getList()-->
-<!--}-->
-<!--/** 提交上传文件 */-->
-<!--function submitFileForm() {-->
-<!--    proxy.$refs['uploadRef'].submit()-->
-<!--}-->
-<!--getList()-->
-<!--</script>-->
-<!-- -->
 <template>
-  <div>
-12321321321312
-  </div>
+    <div>
+        12321321321312
+    </div>
 </template>
 
-<script>
-export default {
-  setup() {
-
-
-    return {}
-  }
-}
+<script setup>
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>