Merge branch 'master' of http://47.93.189.255:8099/r/zhangshi_app_web
| | |
| | | // permissions: [], |
| | | hidden: true, |
| | | permissions: ['meetingModel:approve:list'], |
| | | children: [ |
| | | { |
| | | // path: 'meetingInfo/', |
| | | path: 'approveInfo/:id(\\d+)', |
| | | component: () => import('@/views/meeting/approveInfo'), |
| | | name: 'approveInfo', |
| | | meta: { title: '审æ¹è¯¦æ
',activeMenu: '/meeting/approveInfo'} |
| | | } |
| | | ] |
| | | }, |
| | | //ä¼è®®ç»è®¡ |
| | | { |
| | |
| | | // permissions: [], |
| | | hidden: true, |
| | | permissions: ['meetingModel:webcast:list'], |
| | | children: [ |
| | | { |
| | | path: 'webcastInfo/', |
| | | // path: 'webcastInfo/:id(\\d+)', |
| | | component: () => import('@/views/meeting/webcastInfo'), |
| | | name: 'webcastInfo', |
| | | meta: { title: 'ç´æè¯¦æ
',activeMenu: '/meeting/webcastInfo'} |
| | | } |
| | | ] |
| | | }, |
| | | //ç´æåæ¾ |
| | | { |
| | |
| | | <span>ä¼è®®å®¡æ¹</span> |
| | | <div class="button-container"></div> |
| | | <div style="display: flex; align-items: center;"> |
| | | <!-- <el-button size="mini" type="text" v-hasPermi="['person:information:memo']" style="margin-left: 200px"> |
| | | <div class="form"><el-icon style="padding-right:100px;"></el-icon> |
| | | <span class="text" style="width: 69px;height: 26px;font-size: 16px; |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">æ°ç³è¯·</span> |
| | | </div> |
| | | </el-button> --> |
| | | </div> |
| | | </h1> |
| | | |
| | |
| | | <el-table-column label="æä½" align="center" width="250" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button size="mini" type="text">åæ</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-delete">æç»</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-d-arrow-right">æ¥ç详æ
</el-button> |
| | | <el-button v-show="agree" size="mini" type="text" @click="agree(scope.row)">åæ</el-button> |
| | | <el-button v-show="agree" size="mini" type="text" icon="el-icon-delete">æç»</el-button> |
| | | <el-button v-show="agree1" size="mini" type="text" icon="el-icon-delete">鿰审æ¹</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">æ¥ç详æ
</el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | people: undefined, |
| | | address: undefined, |
| | | title: undefined, |
| | | remark: undefined |
| | | remark: undefined, |
| | | status: undefined, |
| | | agree1: false, |
| | | agree: true, |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | tableRowClassName({ row, rowIndex }) { |
| | | |
| | | if (rowIndex % 2 == 0) { |
| | | return "statistics-warning-row1"; |
| | | } else { |
| | |
| | | return row.id |
| | | }, |
| | | |
| | | agree(row){ |
| | | this.agree1 = true |
| | | this.agree = false |
| | | row.status = 'åæ' |
| | | |
| | | |
| | | alert(row.status) |
| | | }, |
| | | // æ¥ç详ç»ä¿¡æ¯ |
| | | handleCheck(row){ |
| | | const id = row.id; |
| | | let jd = true |
| | | |
| | | this.$router.push({ |
| | | path:"/meeting/approve/approveInfo/" + id, |
| | | query:{ |
| | | detail:jd |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | } |
| | | } |
| | | </script> |
New file |
| | |
| | | <template> |
| | | <div class="app-container" id="printable-content"> |
| | | <div class="form-header mt"> |
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;"> |
| | | <span>审æ¹è¯¦æ
</span> |
| | | </h1> |
| | | </div> |
| | | <div style="padding-left:15px"> |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-position="left" label-width="160px"> |
| | | |
| | | <el-container> |
| | | |
| | | <el-row :span="12"> |
| | | |
| | | <el-cow> |
| | | <el-form-item label="ä¼è®®æ é¢" prop="meetingTitle" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.meetingTitle" placeholder="请è¾å
¥ä¼è®®æ é¢" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="å¼å§æ¶é´" prop="happenTime" label-width="80px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-date-picker v-model="formDat.happenTime" type="datetime" placeholder="éæ©æ¥ææ¶é´" align="right" |
| | | :picker-options="pickerOptions" :style="{width: '100%'}"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="ç»ææ¶é´" prop="endTime" label-width="80px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-date-picker v-model="formDat.endTime" type="datetime" placeholder="éæ©æ¥ææ¶é´" align="right" |
| | | :picker-options="pickerOptions" :style="{width: '100%'}"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="ä¼è®®å°ç¹" prop="address" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.address" placeholder="请è¾å
¥ä¼è®®å°ç¹" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | |
| | | <!-- <el-cow> |
| | | <el-form-item label="ä¼è®®å®¤ä»£ç " prop="meetingID" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.meetingID" placeholder="请è¾å
¥ä¼è®®å®¤ä»£ç " clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> --> |
| | | <el-cow> |
| | | <el-form-item label="å¯å®¹çº³äººæ°" prop="capacity" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.capacity" placeholder="请è¾å
¥å¯å®¹çº³äººæ°" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="åä¸äººæ°" prop="attendance" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.attendance" placeholder="请è¾å
¥åä¸äººæ°" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="ç³è¯·äºº" prop="applicant" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.applicant" placeholder="请è¾å
¥ç³è¯·äºº" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="å®¶åºæé¨é¨" prop="familyName" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.familyName" placeholder="请è¾å
¥ç³è¯·å®¶åºæé¨é¨" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="æ¯å¦æè®¿æ°´ç" prop="status" label-width="120px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-select v-model="formDat.status" placeholder="è¯·éæ© " clearable :style="{width: '100%'}" |
| | | :disabled="dsb"> |
| | | <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="è系人" prop="name" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.name" placeholder="请è¾å
¥è系人" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow> |
| | | <el-form-item label="èç³»çµè¯" prop="phone" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.phone" placeholder="请è¾å
¥èç³»çµè¯" clearable :style="{width: '100%'}"></el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | </el-row> |
| | | </el-container> |
| | | |
| | | <h4 class="form-header"> </h4> |
| | | <el-form-item size="large"> |
| | | <el-button type="primary" @click="submitForm" :disabled="dsb">åæ</el-button> |
| | | <el-button type="primary" @click="submitForm" :disabled="dsb">æç»</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | components: {}, |
| | | props: [], |
| | | data() { |
| | | return { |
| | | cdi: "个人财产详ç»ä¿¡æ¯", |
| | | udi: "个人财产信æ¯è¯¦æ
", |
| | | // æ°æ®èå´é项 |
| | | fot: ['.bmp', '.jpg', '.jpeg', '.png', '.tif', '.gif', '.pcx', '.tga', '.exif', '.fpx', |
| | | '.svg', '.psd', '.cdr', '.pcd', '.dxf', '.ufo', '.eps', '.ai', '.aw', '.WMF', '.webp', '.apng' |
| | | ], |
| | | |
| | | fileList: [], |
| | | fileList1: [], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther: [], |
| | | dsb: false, |
| | | btn: false, |
| | | uploading: false, |
| | | |
| | | formDat: { |
| | | id: undefined, |
| | | happenTime: undefined, |
| | | endTime: undefined, |
| | | timeSpan: undefined, |
| | | meetingTitle: undefined, |
| | | address: undefined, |
| | | meetingID: undefined, |
| | | capacity: undefined, |
| | | attendance: undefined, |
| | | applicant: undefined, |
| | | familyName: undefined, |
| | | name: undefined, |
| | | phone: undefined, |
| | | url: "", |
| | | status: undefined |
| | | |
| | | |
| | | }, |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | | disabled: false, |
| | | rules: { |
| | | meetingTitle: [{ |
| | | required: true, |
| | | message: '请è¾å
¥ä¼è®®æ é¢', |
| | | trigger: 'blur' |
| | | }], |
| | | happenTime: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©å¼å§æ¶é´', |
| | | trigger: 'blur' |
| | | }], |
| | | endTime: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©ç»ææ¶é´', |
| | | trigger: 'blur' |
| | | }], |
| | | status: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æ¯å¦æ³¨é', |
| | | trigger: 'blur' |
| | | }], |
| | | isChange: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åæ´/注é', |
| | | trigger: 'blur' |
| | | }], |
| | | price: [{ |
| | | required: true, |
| | | message: '请è¾å
¥éé¢', |
| | | trigger: 'blur' |
| | | }], |
| | | incomeName: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æ¶æ¯ç±»å«', |
| | | trigger: 'blur' |
| | | }], |
| | | timeLimit: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æé', |
| | | trigger: 'blur' |
| | | }], |
| | | location: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åæ¾ä½ç½®', |
| | | trigger: 'blur' |
| | | }], |
| | | propertyRight: [{ |
| | | required: true, |
| | | message: '请è¾å
¥å®ç°é¾åº¦', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | remark: [{ |
| | | // required: true, |
| | | message: '请è¾å
¥å¤æ³¨', |
| | | trigger: 'blur' |
| | | }], |
| | | }, |
| | | typeOptions: [{ |
| | | value: 1, |
| | | label: 'æ¯', |
| | | }, |
| | | { |
| | | value: 0, |
| | | label: 'å¦', |
| | | } |
| | | ], |
| | | typeOptions1: [{ |
| | | value: 'åæ´', |
| | | label: 'åæ´', |
| | | }, |
| | | { |
| | | value: '注é', |
| | | label: '注é', |
| | | } |
| | | ], |
| | | } |
| | | }, |
| | | created() { |
| | | const id = this.$route.params && this.$route.params.id; |
| | | let jd; |
| | | if (this.$route.query.detail == 'true') { |
| | | jd = this.$route.query.detail |
| | | this.btn = jd |
| | | // document.title = "ä¿®æ¹ä¸ªäººè´¢äº§è¯¦ç»ä¿¡æ¯"; |
| | | this.$route.meta.title = "审æ¹è¯¦æ
"; //å表çåç§° |
| | | } else { |
| | | // document.title = "个人财产详ç»ä¿¡æ¯"; |
| | | this.$route.meta.title = "审æ¹è¯¦æ
"; //å表çåç§° |
| | | this.btn = false; |
| | | } |
| | | |
| | | let _this = this |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | submitForm() { |
| | | let ul = this.fileList.map(function(elem) { |
| | | return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") |
| | | }).join(",") |
| | | let uls = this.fileListOther.map(function(elem) { |
| | | return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") |
| | | }).join(",") |
| | | this.formDat.url = ul + "," + uls |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | alert(this.formDat.status) |
| | | if (valid) { |
| | | if (this.formDat.id != undefined) { |
| | | updateSelfEconomy(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("ä¿®æ¹æå"); |
| | | // this.open = false; |
| | | if (this.formDat.status == 1) |
| | | this.formDat.status = 'æ¯' |
| | | else |
| | | this.formDat.status = 'å¦' |
| | | this.btn = false |
| | | }); |
| | | } else { |
| | | this.$modal.msgSuccess("ä¿®æ¹å¤±è´¥"); |
| | | if (this.formDat.status == 'æ¯') |
| | | this.formDat.status = 1 |
| | | else |
| | | this.formDat.status = 0 |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .app-container { |
| | | background-color: #FEF7FC; |
| | | } |
| | | |
| | | .mt { |
| | | position: relative; |
| | | } |
| | | |
| | | .dt { |
| | | display: block; |
| | | |
| | | } |
| | | |
| | | .pt { |
| | | right: 10px; |
| | | top: -3px; |
| | | display: block; |
| | | position: absolute; |
| | | } |
| | | |
| | | .form { |
| | | background: center/11% no-repeat url('../../assets/icons/form.png'); |
| | | } |
| | | |
| | | .hide /deep/ .el-upload--picture-card { |
| | | display: none; |
| | | } |
| | | |
| | | .form_item { |
| | | font-size: 12px; |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
| | | font-weight: 400; |
| | | color: #000000; |
| | | } |
| | | </style> |
| | |
| | | |
| | | |
| | | <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body> |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px"> |
| | | |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> |
| | | <el-form-item label="æ¶é´" prop="timeSpan"> |
| | | <el-date-picker v-model="formData.timeSpan" type="datetimerange" range-separator="è³" start-placeholder="å¼å§æ¥æ" |
| | | <el-date-picker v-model="formDat.timeSpan" type="datetimerange" range-separator="è³" start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" value-format="yyyy-MM-dd HH:mm:ss"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æ é¢" prop="meetingTitle"> |
| | | <el-input v-model="formDat.meetingTitle" placeholder="请è¾å
¥ä¼è®®æ é¢" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å°ç¹" prop="address"> |
| | | <el-input v-model="formDat.address" placeholder="请è¾å
¥ä¼è®®å°ç¹" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å¯å®¹çº³äººæ°" prop="capacity"> |
| | | <el-input v-model="formDat.capacity" placeholder="请è¾å
¥å¯å®¹çº³äººæ°" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | |
| | | <el-form-item label="åä¸äººæ°" prop="attendance"> |
| | | <el-input v-model="formDat.attendance" placeholder="请è¾å
¥åä¸äººæ°" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ç³è¯·äºº" prop="applicant"> |
| | | <el-input v-model="formDat.applicant" placeholder="请è¾å
¥ç³è¯·äºº" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ç³è¯·å®¶åºæé¨é¨" prop="familyName"> |
| | | <el-input v-model="formDat.familyName" placeholder="请è¾å
¥ç³è¯·å®¶åºæé¨é¨" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦æè®¿æ°´ç" prop="status"> |
| | | <el-select v-model="formDat.status" placeholder="è¯·éæ© " clearable :style="{width: '100%'}" |
| | | :disabled="dsb"> |
| | | <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="è系人" prop="name"> |
| | | <el-input v-model="formDat.name" placeholder="请è¾å
¥è系人" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="èç³»çµè¯" prop="phone"> |
| | | <el-input v-model="formDat.phone" placeholder="请è¾å
¥èç³»çµè¯" clearable :style="{width: '100%'}"></el-input> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | |
| | | </el-upload> |
| | | </el-form> |
| | |
| | | age: '30' |
| | | }, |
| | | ], |
| | | formData:{ |
| | | formDat:{ |
| | | timeSpan: undefined, |
| | | id: undefined, |
| | | happenTime: undefined, |
| | | endTime: undefined, |
| | | timeSpan: undefined, |
| | | meetingTitle: undefined, |
| | | address: undefined, |
| | | meetingID: undefined, |
| | | capacity: undefined, |
| | | attendance: undefined, |
| | | applicant: undefined, |
| | | familyName: undefined, |
| | | name: undefined, |
| | | phone: undefined, |
| | | url: "", |
| | | status: undefined |
| | | }, |
| | | queryParams1: { |
| | | pageNum: 1, |
| | |
| | | // this.reset(); |
| | | }, |
| | | submitDataScope() { |
| | | console.log(this.formData.timeSpan) |
| | | console.log(this.formDat.timeSpan) |
| | | }, |
| | | |
| | | tableRowClassName({ |
| | |
| | | </el-form-item> |
| | | </el-cow> |
| | | |
| | | <el-cow> |
| | | <!-- <el-cow> |
| | | <el-form-item label="ä¼è®®å®¤ä»£ç " prop="meetingID" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | | <el-input v-model="formDat.meetingID" placeholder="请è¾å
¥ä¼è®®å®¤ä»£ç " clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | </el-cow> --> |
| | | <el-cow> |
| | | <el-form-item label="å¯å®¹çº³äººæ°" prop="capacity" label-width="90px" |
| | | style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> |
| | |
| | | <div class="module"> |
| | | <span class="span1">ä¸ç§å®¶åºä¼è®®</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >åæ¾</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">åæ¾</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">åèµ·è
</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">ä¸ç§å®¶åºä¼è®®</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >åæ¾</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">åæ¾</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">åèµ·è
</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">ä¸ç§å®¶åºä¼è®®</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >åæ¾</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">åæ¾</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">åèµ·è
</p> |
| | | </div> |
| | |
| | | <div class="module"> |
| | | <span class="span1">ä¸ç§å®¶åºä¼è®®</span> |
| | | <span class="span2">2010-8-26 12:00</span> |
| | | <el-button class="huifang" type="primary" plain >åæ¾</el-button> |
| | | <el-button class="huifang" type="primary" plain @click="show">åæ¾</el-button> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">åèµ·è
</p> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- </el-form> --> |
| | | |
| | | <!-- å访è§é¢å¼¹çª --> |
| | | <el-dialog |
| | | :visible.sync="dialogVisible" |
| | | width="50%" |
| | | height="100%" |
| | | :before-close="handleClose" |
| | | > |
| | | |
| | | <h4>ä¸ç§å®¶åºä¼è®®</h4> |
| | | <el-divider /> |
| | | <video id="video" class="video" controls width="100%%" height="480" > |
| | | <source src="../../assets/images/æµè¯.mp4" type="video/mp4"> |
| | | </video> |
| | | <!-- <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false">å æ¶</el-button> |
| | | </span> --> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | return { |
| | | queryParams1: [], |
| | | vList: [], |
| | | dialogVisible: false, |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | show(){ |
| | | this.dialogVisible = true |
| | | }, |
| | | handleClose(){ |
| | | this.dialogVisible = false; |
| | | const video = document.getElementById("video") |
| | | video.pause() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | bottom: 5px; |
| | | left: 100px; |
| | | } |
| | | .video{ |
| | | object-fit: cover; |
| | | } |
| | | </style> |
| | |
| | | |
| | | <el-row :gutter="0"> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="module" @click="toLook"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | |
| | | }, |
| | | submitDataScope() { |
| | | console.log(this.formDat.timeSpan) |
| | | }, |
| | | toLook(){ |
| | | this.$router.push('/meeting/webcast/webcastInfo/') |
| | | } |
| | | |
| | | } |
| | |
| | | /* margin-left: 5px; |
| | | margin-right: 5px; */ |
| | | position: relative; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .grid-content { |
New file |
| | |
| | | <template> |
| | | <div class="app-container" id="printable-content"> |
| | | <div class="form-header mt"> |
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;"> |
| | | <span>ç´æåå</span> |
| | | </h1> |
| | | </div> |
| | | |
| | | <el-container class="homeContainer"> |
| | | <!-- <el-header>Header</el-header> --> |
| | | <el-container class="chirldContainer"> |
| | | <el-aside width="400px"> |
| | | <div class="one">1</div> |
| | | <div class="two">2</div> |
| | | <div class="three">3</div> |
| | | </el-aside> |
| | | |
| | | <el-main> |
| | | <div></div> |
| | | </el-main> |
| | | </el-container> |
| | | <el-footer>Footer</el-footer> |
| | | </el-container> |
| | | |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | components: {}, |
| | | props: [], |
| | | data() { |
| | | return { |
| | | // æ°æ®èå´é项 |
| | | fot: ['.bmp', '.jpg', '.jpeg', '.png', '.tif', '.gif', '.pcx', '.tga', '.exif', '.fpx', |
| | | '.svg', '.psd', '.cdr', '.pcd', '.dxf', '.ufo', '.eps', '.ai', '.aw', '.WMF', '.webp', '.apng' |
| | | ], |
| | | |
| | | fileList: [], |
| | | fileList1: [], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther: [], |
| | | dsb: true, |
| | | btn: false, |
| | | isShow: true, |
| | | uploading: false, |
| | | |
| | | formDat: { |
| | | id: undefined, |
| | | happenTime: undefined, |
| | | endTime: undefined, |
| | | timeSpan: undefined, |
| | | meetingTitle: undefined, |
| | | address: undefined, |
| | | meetingID: undefined, |
| | | capacity: undefined, |
| | | attendance: undefined, |
| | | applicant: undefined, |
| | | familyName: undefined, |
| | | name: undefined, |
| | | phone: undefined, |
| | | url: "", |
| | | status: undefined |
| | | |
| | | |
| | | }, |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | | disabled: false, |
| | | rules: { |
| | | meetingTitle: [{ |
| | | required: true, |
| | | message: '请è¾å
¥ä¼è®®æ é¢', |
| | | trigger: 'blur' |
| | | }], |
| | | happenTime: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©å¼å§æ¶é´', |
| | | trigger: 'blur' |
| | | }], |
| | | endTime: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©ç»ææ¶é´', |
| | | trigger: 'blur' |
| | | }], |
| | | status: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æ¯å¦æ³¨é', |
| | | trigger: 'blur' |
| | | }], |
| | | isChange: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åæ´/注é', |
| | | trigger: 'blur' |
| | | }], |
| | | price: [{ |
| | | required: true, |
| | | message: '请è¾å
¥éé¢', |
| | | trigger: 'blur' |
| | | }], |
| | | incomeName: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æ¶æ¯ç±»å«', |
| | | trigger: 'blur' |
| | | }], |
| | | timeLimit: [{ |
| | | required: true, |
| | | message: '请è¾å
¥æé', |
| | | trigger: 'blur' |
| | | }], |
| | | location: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åæ¾ä½ç½®', |
| | | trigger: 'blur' |
| | | }], |
| | | propertyRight: [{ |
| | | required: true, |
| | | message: '请è¾å
¥å®ç°é¾åº¦', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | remark: [{ |
| | | // required: true, |
| | | message: '请è¾å
¥å¤æ³¨', |
| | | trigger: 'blur' |
| | | }], |
| | | }, |
| | | typeOptions: [{ |
| | | value: 1, |
| | | label: 'æ¯', |
| | | }, |
| | | { |
| | | value: 0, |
| | | label: 'å¦', |
| | | } |
| | | ], |
| | | typeOptions1: [{ |
| | | value: 'åæ´', |
| | | label: 'åæ´', |
| | | }, |
| | | { |
| | | value: '注é', |
| | | label: '注é', |
| | | } |
| | | ], |
| | | } |
| | | }, |
| | | |
| | | mounted() {}, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .one,.two,.three{ |
| | | background-color: aqua; |
| | | margin-bottom: 20px; |
| | | height: 25%; |
| | | } |
| | | .homeContainer { |
| | | height: 100%; |
| | | } |
| | | |
| | | .chirldContainer { |
| | | direction: rtl; |
| | | } |
| | | |
| | | .el-header, |
| | | .el-footer { |
| | | background-color: #B3C0D1; |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 200px; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #E9EEF3; |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 400px; |
| | | width: 60%; |
| | | } |
| | | |
| | | .el-aside { |
| | | /* background-color: #D3DCE6; */ |
| | | /* color: #333; */ |
| | | text-align: center; |
| | | line-height: 120px; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .app-container { |
| | | background-color: #FEF7FC; |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | .mt { |
| | | position: relative; |
| | | } |
| | | |
| | | .dt { |
| | | display: block; |
| | | |
| | | } |
| | | |
| | | .pt { |
| | | right: 10px; |
| | | top: -3px; |
| | | display: block; |
| | | position: absolute; |
| | | } |
| | | |
| | | .form { |
| | | background: center/11% no-repeat url('../../assets/icons/form.png'); |
| | | } |
| | | |
| | | .hide /deep/ .el-upload--picture-card { |
| | | display: none; |
| | | } |
| | | |
| | | .form_item { |
| | | font-size: 12px; |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
| | | font-weight: 400; |
| | | color: #000000; |
| | | } |
| | | </style> |
| | |
| | | |
| | | </el-dialog> |
| | | |
| | | <el-dialog :visible.sync="dialogVisible"> |
| | | <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" /> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | menuNodeAll: false, |
| | | deptExpand: true, |
| | | deptNodeAll: false, |
| | | |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | | // æ¥æèå´ |
| | | dateRange: [], |
| | | // æ°æ®èå´é项 |
| | |
| | | addPet(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("æ°å¢æå"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } |
| | | }); |
| | | // æ¸
空formDatå¯¹è±¡çæ°æ® |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | this.handleRemove(this.fileList[0]); |
| | | for(let i = 0; i <= this.fileList1.length; i++) |
| | | { |
| | | this.handleRemove(this.fileList1[0]); |
| | | } |
| | | for(let i = 0; i < this.fileListOther.length; i++){ |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | } |
| | | // this.handleRemove(this.fileList[0]); |
| | | // this.handleRemoveFile(this.fileListOther[0]); |
| | | this.getList(); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | |
| | | let _this = this |
| | | |
| | | this.uploading = true; |
| | | alert(234) |
| | | // alert(234) |
| | | uploadPic(formData).then(response => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | alert(2346) |
| | | // alert(2346) |
| | | updatenotePet(_this.formData).then(response => { |
| | | this.$modal.msgSuccess("ææ¡£ä¸ä¼ æå"); |
| | | // this.open = false; |
| | |
| | | console.log(this.uploadFileList1) |
| | | let _this = this |
| | | |
| | | if(this.formData.status=='æ¯') |
| | | this.formData.status = 1 |
| | | else |
| | | this.formData.status = 0 |
| | | |
| | | this.uploading = true; |
| | | uploadPic(formData).then(response => { |
| | | _this.uploadFileList1 = [] |
| | |
| | | updateSelfEconomy(_this.formData).then(response => { |
| | | this.$modal.msgSuccess("ææ¡£ä¸ä¼ æå"); |
| | | // this.open = false; |
| | | if(this.formData.status=='æ¯') |
| | | this.formData.status = 1 |
| | | else |
| | | this.formData.status = 0 |
| | | |
| | | }); |
| | | }) |
| | | |
| | | this.uploading = false; |
| | | }, |
| | | picUpload() |
| | | { |
| | |
| | | else |
| | | _this.formData.status = 'å¦' |
| | | }); |
| | | |
| | | // } |
| | | // else{ |
| | | // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | // } |
| | | }); |
| | | this.uploading = false; |
| | | }, |
| | | requestUpload(params) |
| | | { |